/* styles used for password-evaluation - when user is setting their new password */

.req { color: grey; transition: color 0.3s ease; }
.req.valid { color: #0d6efd; font-weight: 600; }
.req.valid::before { content: "\2714\0020"; color: #0d6efd; }
.strength-weak { background-color: #dc3545; }
.strength-fair { background-color: #fd7e14; }
.strength-good { background-color: #0d6efd; }
.strength-strong { background-color: #198754; }

::-ms-reveal { display: none; }
.password-container { position: relative; display: inline-block; width: 250px; }
.password-container input { width: 100%; padding-right: 40px; box-sizing: border-box; }
.toggle-eye { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #555; }