.errorMessage
{
    padding: 1rem;
    width: 100%;
    background: #F5F5F5;
    border: 2px solid #D64958;
    color: #D64958;
}

.successMessage {

    padding: 1rem;
    width: 100%;
    background: #AFE1AF	;
    border: 2px solid green;
    color: green;
}
.errorMessage:empty,
.successMessage:empty
{
    display: none;
}
.forgot-password-msg:empty
{
    display: none;
}

.checkPassword.error {
    color: red;
}
.checkPassword.valid {
    color: green;
}
.checkPassword.error:before
{
    content: "✖";
    margin-right: 0.5rem;
  
}
.checkPassword.valid:before
{
    content: "✓";
    margin-right: 0.5rem;
}

.passwordCheck-valid-customizable {
    color: green;
}


.passwordCheck-notValid-customizable {
    color: red;
}
.forgot-password-msg {
    font-size: 1.2rem;
    color: black;
    line-height: normal;
    text-align: center;
}