/* Login page custom styles - externalized for CSP compliance */

/* Login header navigation (lost-pw.php, lost-pw-reset.php) */
.login-header-link,
.login-header-separator {
    display: inline;
    font-size: 16px;
}

.login-header-logo {
    display: inline;
    width: 300px;
}

/* Password reset page (lost-pw-reset.php) */
.bg-danger {
    background-color: #FF7851 !important;
}

.bg-info {
    background-color: #6CC3D5 !important;
}

.bg-success {
    background-color: #56CC9D !important;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #78C2AD;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #f7f7f9;
    border-radius: 0.4rem;
    margin-bottom: 3px !important;
}

.form-group-compact {
    margin-bottom: 0px;
}

.input-compact {
    margin: 0px;
}

.pw-strength-bar-wrapper {
    height: 2rem;
    width: 300px;
    margin-top: 1px;
}

.pw-strength-bar-fill {
    line-height: 24px !important;
    height: 100% !important;
}

.pw-help-text {
    color: #999;
    margin-top: 15px;
}