@media(min-width: 576px) {
    html, body, .centralcontainer {
        height: 100%;
    }
}

@media(max-width: 500px) {
    .login-card {
        border: 0 !important;
        box-shadow: none !important;
    }
}


.centralcontainer {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}


.field-validation-error {
    color: #dc3545;
    margin-top: 0.25rem;
    display: block;
}

    .field-validation-error a {
        color: #dc3545;
    }

.form-control.input-validation-error,
.form-control.input-validation-error:focus {
    border-color: #dc3545;
}

    .form-control.input-validation-error:focus {
        box-shadow: 0 0 0 0.2rem rgb(255 11 0 / 25%);
    }


.btn-loading {
    background-image: url(../img/loading.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent !important;
}


.account-option:focus,
.account-option:focus-within {
    background-color: #f8f9fa !important;
    outline: #000 dashed 1px;
}

.microsoft-logo{
    max-width:100%;
    width:300px;
}