/*snp oidc css*/
/*!* Fixes to ensure common-login-page is compatible*/
/*hides SOCGEN, barwa,bocltd,icbca*/
/*login's images*!*/
div#loginStatus, div#login_wrapper_top, div.bannerMid, div#topHeader {
    display: none; !important;
}
div#login-innerWrapper{
    width: auto;
    height: auto;
}
/*hides belfius login background*/
div#login_wrapper, div.bgColorRed, div#loginLogo{
    background: none !important;
}
.bgColorRed{
    margin: 0 0 0 256px !important;
}
.margin-auto, div#login_wrapper, form#updatePasswordForm div#login-wrapper {
    text-align: left !important;
}
/*ing*/
div#login-inner-wrapper {
    border: none !important;
}


/*Widget customisation*/
p.o-form-explain, div.custom-checkbox {
    display: none;
}

.okta-login-container {
    box-sizing: border-box;
    position: absolute;
    width: 595px;
    height: 675px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
    top: 12%;
}

.okta-container {
    background: #FFFFFF !important;
    width: 435px !important;
    position: absolute;
    top: 4%;
    height: 0;
}

#okta-sign-in {
    width: 590px !important;
    border: none !important;
}

#okta-sign-in.auth-container .button-primary {
    background: none !important ;
    background-color: #005D75 !important;
}

#okta-sign-in.auth-container .okta-sign-in-header {
    display: none;
}

#okta-sign-in.no-beacon .auth-content {
    padding-top: 0px;
}

#okta-sign-in.auth-container h2,
/*#okta-sign-in.auth-container h3,*/
.beacon-container {
    display: none;
}

#okta-sign-in .auth-content {
    padding: 20px 45px 15px !important;
}

.beacon-container, .js-help, .js-forgot-password {
    display: none;
}

#okta-sign-in {
    margin: 80px auto 8px !important;
}

#proceed {
    background: linear-gradient(#007dc1, #0073b2);
    border-color: #004b75 #004b75 #00456a;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .15), inset 0 1px 0 0 hsla(0, 0%, 100%, .1);
    color: #fff;
    width: 115px;
    height: 25px;
    border-radius: 2px;
}

#oidc-logout {
    display: none;
    float: right;
    height: 20px;
    width: 35px;
}

#session-exists {
    position: absolute;
    top: 35%;
    left: 10%;
}

#backToLoginOptions {
    position: absolute;
    top: 65%;
    left: 7.5%;
}

#backToLoginOptsLink {
    font-size: 12px;
    color: #6e6e78;
    text-decoration: underline;
}

#forgotpassword-container {
    position: absolute;
    top: 69%;
    left: 7.5%;
}

#forgotPasswordLink {
    font-size: 12px;
    color: #6e6e78;
    text-decoration: underline;
}

.termsOfUse {
    top: 76%;
    width: 460px;
    left: -40px;
}

#loginFooter {
    left: 0;
}


/* Hide ONLY the Verify button when the widget marks it busy or disables it */
/* Adjust the label/text match to the exact text you display (e.g., i18n) */
.o-form-button-bar .button-primary[aria-busy="true"],
.o-form-button-bar .button-primary:disabled {
    /* Optional: limit to buttons that have 'Verify' text */
    /* If your DOM splits icon/label, inspect and refine selector */
}

.o-form-button-bar .button-primary[aria-busy="true"] .button-text,
.o-form-button-bar .button-primary:disabled .button-text {
    display: none !important;        /* hide label */
}

.o-form-button-bar .button-primary[aria-busy="true"],
.o-form-button-bar .button-primary:disabled {
    visibility: hidden;              /* or use display:none to collapse space */
}

/* If a spinner is present in your build, hide it too */
.o.o-form-button-bar .button-primary[aria-busy="true"] .spinner,
.o-form-button-bar .button-primary:disabled .spinner {
    display: none !important;
}

#okta-sign-in.auth-container .okta-form-input-field {
    border: 1px solid rgba(72, 75, 80, 0.2) !important;
}

#okta-sign-in .o-form-button-bar .button {
    height: 35px !important;
}

#okta-sign-in .o-form .o-form-fieldset:last-child {
    margin-bottom: 0 !important;
}

#okta-sign-in.auth-container.main-container {
    box-shadow: none !important;
}

#okta-login-container .auth-content .o-form-button-bar .button  {
    font-weight: 100;
    font-family: Source Sand Pro, sans-serif;
    font-size: 15px;
}
#okta-login-container > #okta-sign-in .o-form .input-fix {
    height: 35px !important;
}

#okta-sign-in .siw-main-footer .auth-footer .link {
    font-size: 12px !important;
}

#okta-sign-in.auth-container .o-form-explain.okta-form-input-error {
    padding-top: 6px !important;
    font-size: 12px;
}

#okta-sign-in .siw-main-view .infobox-error {
    margin-bottom: 5px !important;
}
#okta-sign-in .siw-main-view .infobox-error > p {
    font-size: 10.5px !important;
}

#okta-sign-in .siw-main-footer .auth-footer .link {
    font-family: Accurat LL, sans-serif !important;
    text-decoration: underline;
}