.authentication-wrapper .authentication-bg {
    background-color: #f1f1f1;
}
.authentication-wrapper .authentication-inner {
    inline-size: 100%;
    height: 100%;
    align-content: center;
}
.authentication-wrapper .app-brand-logo.demo svg {
    block-size: 38px;
    inline-size: 22px;
}
.authentication-wrapper.authentication-basic {
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
.authentication-wrapper.authentication-basic .authentication-inner {
    position: relative;
    max-inline-size: var(--bs-auth-basic-inner-max-width);
}
.authentication-wrapper.authentication-basic .authentication-inner .card {
    z-index: 1;
}
@media (min-width: 576px) {
    .authentication-wrapper.authentication-basic .authentication-inner .card {
        padding: 1.5rem;
    }
}
.authentication-wrapper.authentication-basic .authentication-inner .card .app-brand {
    margin-block-end: 1.5rem;
}
.authentication-wrapper .auth-input-wrapper .auth-input {
    font-size: 150%;
    max-inline-size: 50px;
    padding-inline: 0.4rem;
}
@media (max-width: 575.98px) {
    .authentication-wrapper .auth-input-wrapper .auth-input {
        font-size: 1.125rem;
    }
}
.auth-cover-brand {
    position: absolute;
    z-index: 1;
    inset-block-start: 2.1rem;
    inset-inline-start: 2.5rem;
}
@media (max-width: 575.98px) {
    .auth-cover-brand {
        inset-inline-start: 1.5rem;
    }
}
#twoStepsForm .fv-plugins-bootstrap5-row-invalid .form-control {
    border-width: 2px;
    border-color: #ff3e1d;
    box-shadow: none;
}
@media (max-width: 575.98px) {
    .numeral-mask-wrapper .numeral-mask {
        padding: 0;
    }
    .numeral-mask {
        margin-inline: 1px;
    }
}