/* A password box with a show / hide eye, and on a confirm box a check when it matches
   (passwords::field in class/class.passwords.php draws them; password_field.js runs them) */
.pw_field { position: relative; }
.pw_field input.form-control { padding-right: 76px; }
.pw_eye { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); z-index: 3; width: 38px; height: 38px; padding: 0; border: 0; background: none; color: #6c757d; font-size: 19px; line-height: 38px; text-align: center; cursor: pointer; }
.pw_eye:hover, .pw_eye:focus { color: #16211f; outline: none; }
.pw_match { position: absolute; right: 44px; top: 50%; transform: translateY(-50%); z-index: 3; color: #1f9d55; font-size: 19px; line-height: 1; pointer-events: none; }
.pw_match.hide_me { display: none; }
.pw_hint { margin-top: 8px; font-size: 13px; color: #9aa5a3; text-align: left; }