@charset "UTF-8";
/* Setup several display/hide states */
.password-req-checker,
.password-req-checker.show-invalid-fields .valid {
  display: none; }

.password-req-checker.active,
.password-req-checker.show-invalid-fields {
  display: block; }

/* Base setup inline icons after specified requirements */
.password-req-checker.dirty .valid:after,
.password-req-checker.dirty .invalid:after,
.password-req-checker.show-invalid-fields .invalid:after {
  font-family: "Font Awesome 5 Free";
  margin-left: .5rem;
  display: inline-block;
  font-size: .95rem;
  margin-top: 2px; }

/* Setup .form-group wrapper for indicator icons */
.form-group {
  position: relative; }

.form-group.invalid:after,
.form-group.valid:after {
  font-family: "Font Awesome 5 Free";
  display: block;
  position: absolute;
  bottom: .25rem;
  right: 3rem;
  font-size: 2rem; }

/* Set icons and colors */
.password-req-checker.dirty .valid:after,
.form-group.valid:after {
  content: "\f058";
  color: green; }

.password-req-checker.dirty .invalid:after,
.form-group.invalid:after,
.password-req-checker.show-invalid-fields .invalid:after {
  content: "\f057";
  color: red; }

/*# sourceMappingURL=base-styling.css.map */