/* The message box is shown when the user clicks on the password field */
#pwdmsg {
display:none;
color: #000;
position: relative;
padding: 20px;
margin-top: 10px;
}

#pwdmsg p {
padding: 0px 0px;
font-size: 13px;
}

/* Add a green text color and a checkmark when the requirements are right */
.pwdmsg .valid {
color: var(--theme-bylanes-yellow);
}

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

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

.pwdmsg .invalid:before {
position: relative;
left: -35px;
content: "✖";
}