.auth-aside .card-body {
    padding: 1rem 1.25rem;
}

.auth-card .brand .sub {
    color: #6b7280;
}

.btn-login {
    letter-spacing: .2px;
}

.auth-page.await-gradient {
    opacity: 1;
    transition: opacity .25s ease;
}

.auth-page, .auth-layout, .auth-card, .auth-aside, .card {
    position: relative;
    z-index: 0;
}

.gradient-bg,
.gradient-bg .Gradient__canvas,
.gradient-bg .gradient-overlay,
.gradient-bg .stripe-bands {
    position: fixed;
    inset: 0;
    z-index: -1 !important;
}

.dropdown-menu {
    z-index: 2000 !important;
}

.auth-page, .auth-layout, .auth-card, .auth-aside {
    position: relative;
    z-index: 0;
}

    .auth-page * {
        position: relative;
        z-index: 0;
    }

.pw-strength .bar {
    height: .5rem;
    background: #e9ecef;
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
}

    .pw-strength .bar .fill {
        display: block;
        height: 100%;
        width: 0;
        background: #dc3545;
        transition: width .25s ease, background-color .25s ease;
    }

.pw-strength.is-fair .bar .fill {
    background: #fd7e14;
}

.pw-strength.is-good .bar .fill {
    background: #ffc107;
}

.pw-strength.is-strong .bar .fill {
    background: #28a745;
}

.pw-strength .label {
    margin-top: .25rem;
}

.pw-metrics {
    margin-top: .25rem;
}

    .pw-metrics li {
        position: relative;
        padding-left: 1.25rem;
    }

    .pw-metrics .status {
        display: none !important;
    }

    .pw-metrics li::before {
        content: "\2022";
        position: absolute;
        left: 0;
        top: .2rem;
        width: 1rem;
        text-align: center;
        color: inherit;
    }

    .pw-metrics li.text-success::before {
        content: "\2713";
    }