/* =====================================================
   LUPA KATA SANDI DATABASE — TAHAP 2E
===================================================== */

.password-reset-database-page .forgot-form-panel{
    min-height:680px;
}

.password-reset-database-page .forgot-form-header p{
    max-width:630px;
}

.password-reset-database-page .forgot-stepper > div.done > span .icon{
    width:19px;
    height:19px;
}

.password-reset-database-page .forgot-delivery-note{
    margin:3px 0 14px;
    padding:11px 12px;
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    gap:9px;
    align-items:center;
    border:1px solid #d9e7f3;
    border-radius:10px;
    background:#f6faff;
}

.password-reset-database-page .forgot-delivery-note > .icon{
    width:36px;
    height:36px;
    padding:9px;
    border-radius:9px;
    color:#155ed4;
    background:#e7f1ff;
}

.password-reset-database-page .forgot-delivery-note strong{
    display:block;
    color:#355c7d;
    font-size:9.5px;
    font-weight:700;
}

.password-reset-database-page .forgot-delivery-note small{
    display:block;
    margin-top:3px;
    color:#7d91a5;
    font-size:8.5px;
    line-height:1.5;
}

.password-reset-database-page .forgot-notice:not(.error){
    border-color:#bfe8d6;
    color:#116b49;
    background:#eaf8f1;
}

.password-reset-database-page .forgot-primary-button:disabled,
.password-reset-database-page .forgot-secondary-button:disabled,
.password-reset-database-page #forgotResendButton:disabled{
    opacity:.62;
    cursor:wait;
}

.password-reset-database-page #forgotResendButton:disabled{
    cursor:not-allowed;
}

.password-reset-database-page .forgot-code-input:disabled{
    color:#8a9bab;
    background:#f0f3f6;
    cursor:not-allowed;
}

.password-reset-database-page .forgot-password-strength ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.password-reset-database-page .forgot-safe-note{
    align-items:flex-start;
}

.password-reset-database-page .forgot-safe-note > .icon{
    flex:0 0 auto;
}

.password-reset-database-page .forgot-success{
    padding-top:42px;
    padding-bottom:42px;
}

@media(max-width:620px){
    .password-reset-database-page .forgot-password-strength ul{
        grid-template-columns:1fr;
    }

    .password-reset-database-page .forgot-code-group{
        grid-template-columns:repeat(5,minmax(42px,1fr));
        gap:6px;
    }

    .password-reset-database-page .forgot-code-input{
        width:100%;
        min-width:0;
        height:54px;
    }
}