#login-box{margin:2% auto;border:0;max-width:800px;border-radius:4px}.mdl-card__supporting-text{width:auto!important}#submit-button{width:50%;margin-left:25%}.mdl-textfield{width:100%!important}h4{display:block;text-align:center;width:100%;margin:10px auto!important}@media(max-width:1000px){#login-box{border:0;max-width:800px}}html:has(#login-box),body:has(#login-box),form:has(#login-box),.user-logged-in{height:var(--doc-height)}form:has(#login-box),.user-logged-in{display:flex;align-items:center;justify-content:center}body:has(#login-box){background-color:#f7faff}#login-box{background-color:#fff;border-radius:20px;border:0!important;max-width:500px;padding-bottom:48px;padding-left:40px;padding-right:40px;padding-top:116px;box-shadow:0 5px 10px rgba(59,118,239,.3)!important}#login-box>div{background-color:transparent!important;border:0}#login-box .card-header::before{content:'\f2bd';font:normal normal 900 80px/1 "Font Awesome 5 Free"!important;position:absolute;top:40px;left:calc(50% - 40px);background-color:#fff;border-radius:50%;color:#231157}#login-box .card-body{padding:0;flex:0;margin-top:20px;margin-bottom:10px}.form-control:focus{box-shadow:none!important}#login-box input[type="submit"],#login-box input[type="submit"]:focus{padding:15px 20px;border-radius:50px;background-color:#231157;border:0;font-weight:500;letter-spacing:-0.8px}#login-box input[type="submit"]:hover{background-color:#231157c2}.form-group{position:relative}.form-group:has(#username){margin-bottom:20px}#login-box input[type="text"],#login-box input[type="password"]{font-size:16px;padding:14px;display:block;width:100%;background-color:#f7faff;border-radius:38px;border:0;height:55px;border:1px solid #fbfbfb}#login-box input:focus{outline:0;border-color:#231157!important}#login-box label{color:#9799ab;font-size:18px;font-weight:normal;position:absolute;pointer-events:none;left:30px;top:15px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all;margin-bottom:0}#login-box input:focus{border:1px solid;background-color:#fff}#login-box input:focus ~ label,#login-box input:valid ~ label{top:-10px;left:10px;font-size:12px;background-color:#fff;padding-left:20px;padding-right:20px;border-radius:25px;color:#444}#login-box input:-webkit-autofill ~ label{top:-10px;left:10px;font-size:12px;color:$$Passepartout$$;background-color:#fff;padding-left:20px;padding-right:20px}#username:valid,#password:valid{background-color:#fff}.user-logged-in .card-body{margin:0 auto!important}.user-logged-in .card-body .form-group{display:flex;align-items:center;justify-content:center;flex-direction:column}.user-logged-in .card-footer{margin-top:30px;display:flex;justify-content:space-between}.user-logged-in .card-footer #logout,.user-logged-in .card-footer #enter{box-shadow:none}.user-logged-in .card-footer #logout{background-color:#ff2c1450;border:0;border-radius:25px;padding:10px 20px;color:#ff2c14;font-weight:bold}.user-logged-in .card-footer #logout::before,.user-logged-in .card-footer #enter::before{font:normal normal 900 15px/1 "Font Awesome 5 Free"!important;margin-right:10px}.user-logged-in .card-footer #logout::before{content:'\f13e'}.user-logged-in .card-footer #enter::before{content:'\f328'}.user-logged-in .card-footer #logout:hover{background-color:#ff2c14;color:#fff}.user-logged-in .card-footer #enter{background-color:#5bceac50;border:0;border-radius:25px;padding:10px 20px;color:#5bceac;font-weight:bold;appearance:none}.user-logged-in .card-footer #enter:hover{background-color:#5bceac;color:#fff}.user-logged-in .nominativo{color:#2d1967;font-weight:700}@media(max-width:768px){#login-box{padding-left:20px;padding-right:20px}#logout,#enter{font-size:14px}}