:root{--login-primary: #006ac1;--login-ok: #1c8a00;--login-wrong: #de0000;--login-error: #e09000}body{font-family:Roboto, Arial, Helvetica, sans-serif;color:black;font-weight:300;background:gainsboro}a{font-size:1.1em;color:var(--login-primary);text-decoration:none;margin:4px 0}a:hover{text-decoration:underline}#main-wrapper{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0}h1{line-height:110%;font-weight:300}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset !important}::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder,::-ms-input-placeholder{color:#ccc;opacity:1}#name{color:black;font-weight:500;font-size:32px;margin-bottom:15px;line-height:125%;text-rendering:optimizeLegibility;padding-bottom:20px;user-select:none}main{width:400px;padding:40px;margin-left:20vw;position:relative;display:flex;flex-direction:column}#login-form{margin-top:15px;display:flex;flex-direction:column;max-width:320px}#login-form button:focus{outline:0}#login-form label{display:block;margin-bottom:7px;color:#757575}#login-form .login-row{overflow-x:hidden;border-radius:12px;border:2px solid rgba(0, 0, 0, 0.15);margin:7px 0;background:#fcfcfc;background-clip:padding-box}#login-form .login-row input{height:42px;display:block;padding:3px 15px;margin:0;width:100%;color:black;font-weight:400;font-family:Roboto, Arial, Helvetica, sans-serif;position:relative;box-sizing:border-box;outline:none;border:none;background:transparent !important;transition:background-color 0.25s ease, border-color 0.25s ease, -webkit-box-shadow 0.25s ease}#login-form .login-row input:disabled{}#login-form #forgot-password{margin-bottom:10px;margin-top:10px}#login-form #submit-button{width:100%;height:45px;padding:10px;background:var(--login-primary);border:2px solid rgba(0, 0, 0, 0.05);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-top:40px;position:relative;transition:0.2s all ease}#login-form #submit-button:hover,#login-form #submit-button.loading{cursor:pointer;box-shadow:0px 0px 10px 0px var(--login-primary)}#login-form #submit-button .label,#login-form #submit-button .result{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;line-height:40px}#login-form #submit-button.ok{background-color:var(--login-ok);box-shadow:none}#login-form #submit-button.wrong{background-color:var(--login-wrong);box-shadow:none}#login-form #submit-button.error{background-color:var(--login-error);box-shadow:none}#other-infos{margin-top:20px;font-size:1.1rem;min-height:50px;line-height:140%;font-weight:400;text-align:center}@keyframes spinner{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(359deg)}}*{box-sizing:border-box}input,button{font-size:1.1rem}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}.spinner{width:28px;height:28px;border:4px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;position:absolute;top:calc(50% - 14px);left:calc(50% - 14px)}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#submit-button .label{opacity:1}#submit-button .spinner{opacity:0}#submit-button.loading .label{opacity:0}#submit-button.loading .spinner{opacity:1}#submit-button.ok .label,#submit-button.wrong .label,#submit-button.error .label{opacity:0}@media screen and (max-width:800px){input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],select:focus,textarea{font-size:16px}}