#submit-password:disabled {
    background-color: var(--outline-color);
    color: #FFF;
    cursor:auto;
    transition: 200ms all ease-in-out;
}

#non-identical-passwords {
    color: var(--error-color);
    font-size: 12px;
    padding: -30px 0 0 0;
    position: relative;
    top: -10px;
    line-height:0;
}
.password-requirements {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: rgba(0, 0, 0, 0.3);;
    gap: 5px 10px;
    text-align: left;
    margin-bottom: 25px;
    font-size: 12px;
}

.password-input {
    margin-bottom: 5px;
}

.display-none {
    display:none;
}

.error-color {
    color : var(--error-color)
}

.success-color {
    color : var(--success-color)
}

.error-color-div {
    border-left: 4px solid var(--error-color);
}

.success-color-div {
    border-left: 4px solid var(--success-color);
}

.input-non-identical-passwords {
    outline-color: var(--error-color)
}