/* User-selected previous login design. This file is loaded only by _LoginLayout. */
.portal-login { font-size: 14px; }
.portal-login .form-body { min-height: 100vh; background: #f8fafc; }
.portal-login .form-body > .row { height: auto; min-height: 100vh; }
.portal-login .form-holder { width: 50%; margin-left: 0; min-height: 100vh; }
.portal-login .form-content { background: #fff; padding: 55px 65px; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.portal-login .form-content .form-items { max-width: 390px; width: 100%; text-align: left; }
.portal-login .login-brand { display: flex; align-items: center; gap: 14px; color: #293a50; font-size: 23px; font-weight: 600; margin-bottom: 52px; }
.portal-login .login-brand img { width: 56px; max-height: 58px; object-fit: contain; }
.portal-login .login-brand small { display: block; font-size: 11px; font-weight: 400; letter-spacing: .5px; color: #718096; }
.portal-login .section-eyebrow { display: block; color: #628071; letter-spacing: 1.7px; font-size: 10px; font-weight: 600; margin-bottom: 7px; }
.portal-login .login-heading h1 { font-size: 25px; color: #293a50; margin: 8px 0 12px; font-weight: 500; }
.portal-login .login-heading p { color: #88939e; font-size: 13px; margin-bottom: 28px; }
.portal-login .form-content label { display: block; color: #4e5b68; font-size: 12px; font-weight: 500; }
.portal-login .form-content input.form-control { width: 100%; background: #fbfcfd; border: 1px solid #dfe5eb; border-radius: 4px; padding: 13px 15px; height: 47px; margin-bottom: 0; color: #293a50; font-size: 13px; }
.portal-login .form-group { margin-bottom: 23px; }
.portal-login .form-content .btn { color: white; }
.portal-login .form-content .btn-lg { min-height: 46px; font-size: 13px; margin-top: 8px; }
.portal-login .password-field { position: relative; }
.portal-login .password-field input { padding-right: 65px !important; }
.portal-login .password-toggle { background: transparent; border: 0; position: absolute; right: 10px; top: 13px; color: #6b7e70; font-size: 11px; cursor: pointer; }
.portal-login .form-content .login-help { color: #89949e; font-size: 11px; margin: 25px 0; line-height: 1.8; }
.portal-login .login-help a { color: #3d8655; }
.portal-login .login-footer { color: #a0a9b1 !important; font-size: 10px !important; margin: 45px 0 0 !important; }
.portal-login .login-development { color: #82918c; font-size: 11px; margin-top: 20px; }
.portal-login .img-holder.portal-login-aside { width: 50%; position: absolute; left: 50%; right: 0; top: 0; height: 100%; min-height: 100vh; text-align: left; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 75px 8%; background: #e6f0f5; color: #35546c; }
.portal-login .portal-login-aside h2 { font-size: 32px; font-weight: 400; line-height: 1.45; margin: 25px 0; color: #2e5066; }
.portal-login .portal-login-aside > p { font-size: 14px; color: #718998; line-height: 1.9; max-width: 400px; margin-bottom: 36px; }
.portal-login .login-eyebrow { color: #60849b; font-size: 10px; letter-spacing: 1.4px; text-transform: uppercase; }
.portal-login .login-benefit { display: flex; align-items: center; gap: 17px; margin: 18px 0; }
.portal-login .login-benefit > i { padding: 14px; border: 1px solid #cadde5; border-radius: 8px; color: #638c9f; font-size: 20px; }
.portal-login .login-benefit strong { display: block; font-size: 13px; font-weight: 500; color: #47697c; }
.portal-login .login-benefit span { display: block; font-size: 11px; color: #7e96a3; margin-top: 5px; }
.portal-login .login-aside-note { font-size: 11px; color: #86a0af; margin-top: 54px; }
.portal-login a:focus-visible, .portal-login button:focus-visible, .portal-login input:focus-visible { outline: 3px solid #1984db !important; outline-offset: 3px; }
@media (max-width: 991px) {
    .portal-login .form-content { padding: 45px 30px; }
    .portal-login .img-holder.portal-login-aside { padding: 50px 5%; }
    .portal-login .portal-login-aside h2 { font-size: 27px; }
}
@media (max-width: 767px) {
    .portal-login .form-holder { width: 100%; }
    .portal-login .img-holder.portal-login-aside { display: none; }
    .portal-login .form-content { min-height: 100vh; padding: 40px 25px; }
    .portal-login .login-brand { margin-bottom: 40px; }
}