body {
    background-image: url(../img/sa-bg-image.jpg);
    min-height: 100%;
}

label::after {
    background-color: transparent !important;
}

/* GENERAL STYLING */
.body-container {
    min-height: 100%;
}

.font-small {
    font-size: 12px;
}

.validation-summary-errors ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

/* Disabling of <a> */
.disabled {
    pointer-events: none;
}

/* Loading state for button/a */
button .spinner-border {
    display: none;
}

.sa-loading .spinner-border {
    display: inline-block;
}

.sa-loading .sa-button-text {
    display: none;
}

/* placeholder to show spinner 
on buttons when clicked */
.sa-loadable {
}

.sa-primary {
    color: #fff;
    background-color: #00A9E7;
    border-color: #0074A0;
}
    .sa-primary:hover, .sa-primary:focus {
        background-color: #05BCFF !important;
        border-color: #038FC1 !important;
    }

    .sa-primary.disabled {
        background-color: #0095C6;
        border-color: #00779B;
    }

.sa-light {
    border-color: #cccccc;
}

/* LOGIN STYLING */
.sa-login-container {
    min-height: 100%;
}

.sa-login-panel {
    box-shadow: 0px 0px 8px #888;
    border-radius: 2px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.sa-login-banner-text {
    background-color: #100b3dcc;
    bottom: 5%;
    width: inherit;
}

.sa-login-group {
    max-width: 450px;
}

/* LOGIN STYLING */
.sa-login-label {
    color: #888888;
    font-weight: 400;
    background-color: transparent;
}

.sa-login-label.disabled {
    background-color: transparent;
}

.sa-login-input {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border-color: #00A9E7;
}

.sa-login-input:focus {
    border-color: #077CDD;
}

.sa-login-input.disabled {
    border-color: #444444;
    background-color:#f9f9f9 !important;
}

/* ADDITIONAL LINKS STYLING */
.sa-additional-link {
    color: #00A9E7;
    text-decoration: none;
}

    .sa-additional-link:focus {
        color: #077CDD;
    }

    .sa-additional-link.disabled {
        color: #444;
    }

/* LANGUAGE SELECTOR STYLING */
.sa-login-lang img {
    opacity: 0.5;
}

.sa-login-lang.selected img {
    opacity: 1;
}

.sa-banner-image {
    height: 100%;
    width: 100%;
    object-fit:cover;
    object-position:center;
}

/* RESET PASSWORD STYLING */
/* font-weight does not work with the Bootstrap 5 Icon Font. You can apply a hack by using the non-standard -webkit-text-stroke, which will resemble bold text. */
.requirements > .bi {
    -webkit-text-stroke: 1px;
}

/* MFA STYLING */
.qrMfa {
    max-width: 40%;
}