body.login-body{display:flex;flex-direction:column;margin:0;min-height:100vh}body.login-body .wrap{display:flex;flex-direction:row;flex-grow:1}body.login-body .content{display:flex;flex:100%;flex-direction:column;flex-grow:1;background-color:#fff}body.login-body aside{display:none}@media (min-width:1024px){body.login-body .content:has(aside){flex:61.8%}body.login-body aside{display:inherit;flex:38.2%;height:100vh;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-color:#2196f3}}body.login-body main{display:flex;flex-grow:1;align-items:center;justify-content:center}body.login-body main>div:has(form){width:70%;max-width:460px}body.login-body main>div:has(.client-selector):not(:has(.client-selector[style*='display: none'])){width:90%;max-width:560px}body.login-body main>div .logo-container{display:flex;align-items:center;justify-content:center;padding-bottom:20px}body.login-body main>div .logo-container>img{max-height:30px}body.login-body main .additional-actions{padding-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}body.login-body main .additional-actions .btn{padding:0}body.login-body main .additional-actions div>*{white-space:normal;flex-basis:100%}body.login-body main .additional-actions>div:first-child>*{text-align:left}body.login-body main .additional-actions>div:last-child>*{text-align:right}body.login-body main .additional-actions>div:only-child>*{text-align:center}body.login-body main .additional-actions:has(>div:only-child){justify-content:center}@media (max-width:600px){body.login-body main .additional-actions{flex-direction:column;align-items:center}}body.login-body main div:has(>form),body.login-body main form{display:flex;flex-direction:column;gap:15px}body.login-body main div:has(>form) .checkbox,body.login-body main form .checkbox{margin-top:0}body.login-body main div:has(>form) #pre-populated-avatar,body.login-body main form #pre-populated-avatar{position:inherit;margin-left:0}body.login-body main .has-error>.help-block:not(:has(*)){display:none}body.login-body main form.totp-form{gap:10px}body.login-body main .is-weak{display:none}body.login-body main .client-selector .client-selector-container hr{margin-top:10px;margin-bottom:10px;margin-left:0;margin-right:0}body.login-body main .client-selector .client-selector-container .elements .main-icon i,body.login-body main .client-selector .client-selector-container .elements a{color:#5e5e5e}body.login-body main .client-selector .client-selector-container .elements a .client-block{display:flex;align-items:center;gap:20px;padding:15px}body.login-body main .client-selector .client-selector-container .elements a .client-block>span:first-child{display:flex;align-items:center;justify-content:center}body.login-body main .client-selector .client-selector-container .elements a .client-block>span:last-child{margin-left:auto}body.login-body main .client-selector .client-selector-container .elements a .client-block .main-icon{-moz-box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 1px 3px 1px rgb(60 64 67 / 15%);-webkit-box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 1px 3px 1px rgb(60 64 67 / 15%);box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 1px 3px 1px rgb(60 64 67 / 15%);width:72px;height:72px;min-width:72px;border-radius:4px}body.login-body main .client-selector .client-selector-container .elements a.disabled{pointer-events:none;cursor:default}body.login-body main .client-selector .client-selector-container .elements a.disabled .client-block>span:last-child{display:none}body.login-body main .client-selector .client-selector-container .elements a:not(.disabled) :hover{background-color:#f5f5f5}body.login-body main .client-selector .client-selector-container .elements a:not(.disabled) :hover .main-icon,body.login-body main .client-selector .client-selector-container .elements a:not(.disabled) :hover .main-icon i{background-color:#fff}body.login-body main .form-control.indent{padding-left:6px}body.login-body footer{display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:center;text-align:center;min-height:40px;padding:15px;border-top:solid 1px #e9e9e9;background-color:var(--alt-bg-color)}body.login-body .btn-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:0 0;color:#666;cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease;z-index:10}body.login-body .btn-password-toggle:hover{color:#333;background-color:rgba(0,0,0,.05)}body.login-body .btn-password-toggle:focus{outline:2px solid #007bff;outline-offset:1px;color:#333;background-color:rgba(0,0,0,.05)}body.login-body .btn-password-toggle:active{background-color:rgba(0,0,0,.1)}body.login-body .fg-line.position-relative{position:relative}body.login-body .position-relative{position:relative}body.login-body .form-control{padding-right:40px!important}body.login-body .has-error .btn-password-toggle{color:#a94442}body.login-body .has-error .btn-password-toggle:focus,body.login-body .has-error .btn-password-toggle:hover{color:#843534}body.login-body .form-control.indent{padding-right:40px!important}body.login-body .form-control.text-center{padding-right:40px!important}#totp-token-container{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:40px;color:#515151}#totp-token-container>input{height:60px;max-width:60px;font-size:32px;font-weight:700;text-align:center;background-color:#fbfbfb;border:1px solid #e0e0e0;border-radius:4px;caret-color:transparent;color:#515151}#totp-token-container>input:not(:placeholder-shown){border-color:#2196f3;border-width:2px}#totp-token-container>input:is(:focus){outline:4px solid #cce9ff!important;border-color:#2196f3;border-width:1px}.qr-container{width:250px;margin:0 auto}.auth-key-info{display:flex;align-items:center;padding:0 10px;border:1px solid #e0e0e0;background-color:#fbfbfb}.auth-key-info>input{border:0;background-color:#fbfbfb!important;color:#6f6f6f;font-weight:700}