/* START // MFA Login buttons */
#login-div .btn.mfa-button {
    border: 1px solid #e4e6ef !important;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0,0,0,.8);
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#login-div .btn.mfa-button span.mfa-icon {
        flex-shrink: 1;
        width: 24px;
        height: 24px;
        opacity: .8;
    }

#login-div .btn.mfa-button span.mfa-title {
        flex-grow: 1;
    }

#login-div .btn.mfa-button span.mfa-icon {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

#login-div .btn.mfa-button span.mfa-icon.mfa-icon__microsoft {
        background-image: url(/local/img/microsoft-icon-color.svg);
    }

#login-div .btn.mfa-button span.mfa-icon.mfa-icon__google {
        background-image: url(/local/img/google-icon-color.svg);
    }

    #login-div .btn.mfa-button:hover {
        background-color: #f7f7f7;
        border-color: #112e43 !important;
        color: rgba(0,0,0,1);
    }

#login-div .btn.mfa-button:hover span.mfa-icon {
        opacity: 1;
    }

#login-div .btn.mfa-button.disabled {
        pointer-events: none;
        background-color: var(--body-bg-color);
    }

#login-div .btn.mfa-button.disabled .mfa-icon, .btn.mfa-button.disabled .mfa-title {
        opacity: .75;
    }

#login-div .btn.mfa-button.disabled span.mfa-icon.mfa-icon__microsoft {
        background-image: url(/local/img/microsoft-icon-mono.svg);
    }

#login-div .btn.mfa-button.disabled span.mfa-icon.mfa-icon__google {
        background-image: url(/local/img/google-icon-mono.svg);
    }
/* END // MFA Login buttons */