/* Add a green text color and a checkmark when the requirements are right */
#pwd-message {
    display: none;
    padding: 0px 15px 15px 10px;
}
.valid {
    color: green;
}

    .valid:before {
        position: relative;
        /*left: -35px;*/
        content: "✔ ";
    }

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color: red;
}

    .invalid:before {
        position: relative;
        /*left: -35px;*/
        content: "✘ ";
    }

.el-title {
    font-size: 1.4em; 
}