body.login-modern {
    background: #f3f6fa;
}

body.login-modern #bonlife-header,
body.login-modern #MainLoginformhead.heading {
    background: var(--fd-header, #0c3c60);
}

body.login-modern #MainLoginformhead.heading {
    border: 0;
    border-radius: 0;
}

body.login-modern .newuserwindow .newpassHead {
    color: #fff;
}

body.login-modern #bonlife-header p,
body.login-modern #MainLoginformhead h1 {
    color: var(--fd-login-header-text, #d1d1d1);
}


body.login-modern #bonlife-login {
    background-size: cover;
    min-height: calc(100vh - 111px);
}

body.login-modern #bonlife-copyright {
    background: var(--fd-footer, var(--fd-header-dark, #0c3c60));
}

body.login-modern .bonlife-btn.blue,
body.login-modern .newuserwindow .newpassHead {
    background: var(--fd-primary, #0c3c60);
    border-color: var(--fd-primary, #0c3c60);
    color: #fff;
}

body.login-modern .bonlife-btn.blue:hover,
body.login-modern .bonlife-btn.blue:focus {
    background: var(--fd-primary-hover, #0c3c60);
    border-color: var(--fd-primary-hover, #0c3c60);
    color: #fff;
}

body.login-modern .bonlife-btn.login-secondary {
    background: #f7f7f7;
    border: 1px solid #a0a0a0 !important;
    color: #10243a;
}

body.login-modern .bonlife-btn.login-secondary:hover,
body.login-modern .bonlife-btn.login-secondary:focus {
    background: #dedede;
    border-color: #858585 !important;
    color: #10243a;
}

body.login-modern #bonlife-login .bonlife-logininner .forgotpass a,
body.login-modern a {
    color: var(--fd-primary-hover, #243e4d);
}

body.login-modern #bonlife-login .bonlife-logininner {
    background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
    border: 0;
    border-radius: 0;
    box-shadow: 0 16px 28px rgba(15, 35, 52, 0.16);
}

body.login-modern #bonlife-login .bonlife-logininner .form-control,
body.login-modern .newuserwindow .form-control,
body.login-modern #divForgotPWPopup .form-control {
    background-color: #fff;
    border: 1px solid #cfdbe7;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    box-shadow: none;
    color: #10243a;
    min-height: 34px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.login-modern #bonlife-login .bonlife-logininner .form-control:hover,
body.login-modern .newuserwindow .form-control:hover,
body.login-modern #divForgotPWPopup .form-control:hover {
    border-color: #b9c8d8;
}

body.login-modern #bonlife-login .bonlife-logininner .form-control:focus,
body.login-modern .newuserwindow .form-control:focus,
body.login-modern #divForgotPWPopup .form-control:focus {
    border-color: var(--fd-focus-border, var(--fd-primary, #66afe9));
    box-shadow: 0 0 0 3px var(--fd-focus-shadow, rgba(39, 111, 149, 0.10));
    outline: 0;
}

/* Paint over the browser autofill tint without disabling saved credentials. */
body.login-modern #bonlife-login .bonlife-logininner input.form-control:is(:autofill, :-webkit-autofill) {
    -webkit-text-fill-color: #10243a;
    caret-color: #10243a;
    box-shadow: inset 0 0 0 1000px #fff;
}

body.login-modern #bonlife-login .bonlife-logininner input.form-control:is(:autofill, :-webkit-autofill):focus {
    box-shadow: inset 0 0 0 1000px #fff, 0 0 0 3px var(--fd-focus-shadow, rgba(39, 111, 149, 0.10));
}

body.login-modern .bonlife-btn,
body.login-modern .btn.bonlife-btn {
    border: 1px solid transparent;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    box-shadow: none;
    font-weight: 600;
    line-height: 20px;
    padding: 6px 15px;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

body.login-modern .bonlife-btn:focus,
body.login-modern .btn.bonlife-btn:focus {
    box-shadow: 0 0 0 3px var(--fd-focus-shadow, rgba(39, 111, 149, 0.12));
    outline: 0;
}

body.login-modern #imgCaptcha {
    border: 1px solid #ff7890;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
}

body.login-modern #togglePassword {
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    color: #6f7c89 !important;
}

body.login-modern #togglePassword:hover {
    color: var(--fd-primary-hover, #205c7c) !important;
}

body.login-modern #txtCaptcha {
    width: 140px;
}

body.login-modern #imgCaptcha {
    height: 34px;
    width: 110px;
}

body.login-modern #btnLaddaLogin,
body.login-modern #lnkLogin {
    display: block;
    margin-left: 0 !important;
    width: 140px;
}

body.login-modern #btnRefresh {
    display: block;
    margin-left: 0;
    margin-top: -2px;
    width: 110px;
}

body.login-modern #txtCaptcha,
body.login-modern #imgCaptcha,
body.login-modern #btnLaddaLogin,
body.login-modern #lnkLogin,
body.login-modern #btnRefresh {
    box-sizing: border-box;
}

body.login-modern #UP1 .btnmain {
    margin-top: 12px;
}

body.login-modern #btnNewPasswordCancel,
body.login-modern #divForgotPWPopup input[type="button"][value="Cancel"] {
    background: #ffffff;
    border-color: #92999f;
    color: var(--fd-primary-hover, #205c7c);
}

body.login-modern #btnNewPasswordCancel:hover,
body.login-modern #btnNewPasswordCancel:focus,
body.login-modern #divForgotPWPopup input[type="button"][value="Cancel"]:hover,
body.login-modern #divForgotPWPopup input[type="button"][value="Cancel"]:focus {
    background: var(--fd-primary-soft, #eaf4fa);
    border-color: #505050;
    color: var(--fd-primary-hover, #205c7c);
}

body.login-modern.login-generic {
    --fd-primary: #0d426e;
    --fd-primary-hover: #0a3559;
    --fd-header: #0c3c60;
    --fd-header-dark: #0a3559;
    --fd-footer: #0c3c60;
}

body.login-modern .newuserwindow {
    padding: 0 25px 26px;
}

body.login-modern .newuserwindow .newpassHead {
    background: var(--fd-header, #0c3c60);
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 -25px 24px;
    padding: 10px 12px;
}

body.login-modern #divForgotPWPopup table tr:last-child td {
    border-top: 1px solid #d8dde3;
    padding-bottom: 0 !important;
    padding-top: 20px !important;
}

body.login-modern #divForgotPWPopup #btnFPWReset {
    margin-left: 0;
}

body.login-modern .newuserwindow .createnew_btns {
    border-top: 1px solid #d8dde3 !important;
    margin-top: 16px;
    padding-top: 20px;
}

body.login-modern #divForgotPWPopupOverlay {
    background-color: #333333 !important;
    filter: Alpha(Opacity=72) !important;
    opacity: 0.72 !important;
}

body.login-modern #divForgotPWPopup {
    background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%) !important;
    border: 0 !important;
    box-shadow: 0 16px 28px rgba(15, 35, 52, 0.16);
    height: auto !important;
    left: 50%;
    margin: 0 !important;
    padding: 0 !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 680px;
}

body.login-modern #divForgotPWPopup h3 {
    background: var(--fd-header, #0c3c60);
    border-bottom: 0 !important;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
    padding: 10px 12px !important;
}

body.login-modern #divForgotPWPopup h3 a,
body.login-modern .newuserwindow .newpassHead a {
    color: #ffffff;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 22px;
    margin-right: 0 !important;
    opacity: 0.9;
    text-decoration: none;
}

body.login-modern #divForgotPWPopup h3 a:hover,
body.login-modern #divForgotPWPopup h3 a:focus,
body.login-modern .newuserwindow .newpassHead a:hover,
body.login-modern .newuserwindow .newpassHead a:focus {
    color: #ffffff;
    opacity: 1;
    text-decoration: underline;
}

body.login-modern #divForgotPWPopup h3 + div {
    padding: 26px 22px 22px;
}

body.login-modern #divForgotPWPopup table td {
    padding-bottom: 10px;
}

body.login-modern #divForgotPWPopup table td strong {
    font-size: 15px;
    font-weight: 600;
}

body.login-modern #divForgotPWPopup table tr:nth-last-child(2) td {
    padding-bottom: 18px !important;
}