.password_criterion {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    margin-top: -10px;
}

.password_criterion .password-check-item {
    display: flex;
    gap: 5px;
}

.password_criterion .password-check-item.active {
    color: #23923D;
}

.password_criterion .password-check-item.inactive {
    color: #dc3545;
}

.password_criterion.passive .password-check-item {
    color: #7B7D80;
}

.password_criterion .password-check-item .icon {
    display: flex;
}

.password_criterion .password-check-item svg {
    width: 22px;
}

.password_criterion .password-check-item.inactive svg.approve,
.password_criterion .password-check-item.active svg.failed,
svg.passive {
    display: none;
}

.password_criterion .password-check-item.active svg.approve {
    fill: #23923D;
}

.password_criterion .password-check-item.inactive svg.failed {
    fill: #dc3545;
}

.password_criterion.passive svg.passive {
    fill: #7B7D80;
}

input#newPassword + .password_criterion {
    margin-top: 10px;
}

.password_criterion.passive svg.approve,
.password_criterion.passive svg.failed {
    display: none !important;
}

.password_criterion.passive svg.passive{
    display: unset!important;
}