.nav{display:flex;justify-content:flex-end;padding:10px}.nav .nav{list-style:none;margin:0;padding:0;display:flex}.nav .nav .nav-item select{padding:5px;font-size:1.4rem;border-radius:5px;border:1px solid #ced4da;background-color:#fff}.container{width:100%;height:100%;max-width:500px;margin:auto;padding:20px;display:flex;justify-content:center;flex-direction:column;font-size:1.6rem}.container .header{text-align:center;margin-bottom:20px;font-size:3.2rem}.container .login-form{width:100%}.container .login-form .form-group{display:flex;flex-direction:column;margin-bottom:15px}.container .login-form .form-group label{font-weight:700;margin-bottom:5px}.container .login-form .form-group input{padding:10px;border:1px solid #ced4da;border-radius:5px;font-size:1.6rem;background-color:#fff}.serviceDowntimeInfo{margin-bottom:1rem;text-align:center;color:#ffc107}#password{border-top-right-radius:0;border-bottom-right-radius:0}.container .login-form .form-group .form-text{color:#98a5b0;font-size:1.36rem}.container .login-form .form-group .input-group{display:flex;align-items:center;border:1px solid #ced4da;border-radius:5px;overflow:hidden}.container .login-form .form-group .input-group input{flex:1 1;border:none;padding:10px;font-size:1.6rem;outline:none}.container .login-form .form-group p{margin-top:.5rem}.container .login-form .form-group .input-group .input-group-text{padding:10px;background:#fff;border-left:1px solid #ced4da;cursor:pointer}.container .login-form .btn{border:none;padding:8px 15px;font-size:1.4rem;cursor:pointer;transition:.3s ease;border-radius:50px}.container .login-form .btn.btn-outline-secondary{background:transparent;color:#6c757d;padding:none}.container .login-form .btn.btn-outline-secondary:hover{background:#6c757d;color:#fff}.container .login-form .btn.btn-outline-warning{background:transparent;color:#ffc107;border:1px solid #ffc107}.container .login-form .btn.btn-outline-warning:hover{background:#ffc107;color:#fff}.container .login-form .btn.btn-info{width:100px;background:#17a2b8;color:#fff;display:flex;align-items:center;justify-content:center}.container .login-form .btn.btn-info:hover{background:#117a8b}.container .login-form .forgot-password{display:flex;justify-content:space-between;margin-top:10px}.container .login-form .action-buttons{display:flex;justify-content:space-between;margin-top:20px}.row{text-align:center;margin-top:20px}.row .text-muted{color:#6c757d}.row a{color:#17a2b8;text-decoration:none;font-weight:700}.row a:hover{text-decoration:underline}.login-btn-disabled{background-color:#6c757d;color:#ced4da;border-radius:50px;cursor:not-allowed;opacity:.6;pointer-events:none}.login-btn-disabled:focus,.login-btn-disabled:hover{background-color:#6c757d;color:#6c757d}.spinner-quarter{display:inline-block;width:2rem;height:2rem;border:2px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.copyright{text-align:center;margin-top:auto;padding:2rem 3rem}@keyframes spin{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes flash-brightness{0%,to{filter:brightness(1);transform:scale(1)}20%,60%{filter:brightness(1.2);transform:scale(1.02)}40%,80%{filter:brightness(.8);transform:scale(1)}}.flash{animation:flash-brightness .8s ease}