.pwdRules {
    list-style: none;
    margin: 5px 0;
    padding: 0;
}
.pwdRules .invalid {
    background-image: url("fonts/bootstrap-icons.woff2");
    color: inherit;
}
.pwdRules .invalid::before {
    /*content: "\F33B \00a0";*/
    content: "\F333 \00a0";
    font-family: "bootstrap-icons";
    padding: 0 5px 0 0;
    vertical-align: -12%;
    color: #dc3545;
}
.pwdRules .valid {
    background-image: url("fonts/bootstrap-icons.woff2");
    color:inherit;
}
.pwdRules .valid::before {
    content: "\F633 \00a0";
    font-family: "bootstrap-icons";
    padding: 0 5px 0 0;
    vertical-align: -8%;
    font-weight: bold;
    color:#198754;
}
#pwdMeter {
    font-size:1em;
    padding: 0.5rem;
    color: #fff;
    border-radius: 4px;
    margin: 0.25em 0;
}
.veryweak-password {
    background-color: #dc3545 !important;
}
.weak-password {
    background-color: #d35400 !important;
}
.medium-password {
    background-color: #db598b !important;
}
.average-password {
    background-color: #f39c12 !important;
}
.strong-password {
    background-color: #198754 !important;
}