.password-validator-container {
    font-size: 12px;
    margin-bottom: 20px;
}

.password-validator-container .password-validator-heading {
    display: none;
}

.password-validator-container #password-validator-inner {
    transition: max-height 0.3s ease-in-out;
    max-height: 0;
    display: none;
    overflow: hidden;
}

.password-validator-container h5 {
    margin: 0;
    padding: 0;
}

.password-validator-container h5 .icon {
    width: 24px;
    height: 24px;
    vertical-align: -8px;
}

.password-validator-container a.password-validator-toggle {
    padding: 0;
}

.password-validator-container .validation-message {
    color: #e3003a;
}

.password-validator-container .validation-message .icon {
    fill: #e3003a;
    padding: 4px;
    margin-right: 4px;
}

.password-validator-container .validation-message.fulfilled, .password-validator-heading.fulfilled {
    color: #76b72a;
}

.password-validator-container .validation-message.fulfilled .icon, .password-validator-heading.fulfilled .icon {
    fill: #76b72a;
}

.password-validator-container .validation-message.unclear, .password-validator-heading.unclear {
    color: #878787;
}

.password-validator-container .validation-message.unclear .icon, .password-validator-heading.unclear .icon {
    fill: #878787;
}

.password-validator-container .validation-message.fulfilled .icon-delete_sign, .password-validator-container .password-validator-heading.fulfilled .icon-info {
    display: none;
}

.password-validator-container .validation-message:not(.fulfilled) .icon-checkmark, .password-validator-container .password-validator-heading:not(.fulfilled) .icon-checkmark {
    display: none;
}