/*all these color hex below are 508 approved and have atleast 4.5:1 color contrast*/
#pswd-strength-cntnr {
  margin-top: -0.75rem;
}

#pswd-strength-txt {
  position: absolute;
}
.h6#pswd-strength {
  float: left;
  color: #000000;
}

.pw-bar {
    background-color: #24295f;
    border: 2px solid #31377d;
    box-sizing: border-box;
    float: left;
    height: 12px;
    width: 20%;
    border-radius: 31px;
	margin-top: 20px;
}
.pw-very-weak {
  color: #ff0b48;
}
.pw-very-weak .pw-bar:nth-child(-n+1) {
  background-color: #ff0b48;
}

.pw-weak {
  color: #ff5050;
}
.pw-weak .pw-bar:nth-child(-n+2) {
  background-color: #ff5050;
}

.pw-so-so {
  color: #ffa231;
}
.pw-so-so .pw-bar:nth-child(-n+3) {
  background-color: #ffa231;
}

.pw-good {
  color: #83ff00;
}
.pw-good .pw-bar:nth-child(-n+4) {
  background-color: #83ff00;
}

.pw-great {
  color: #51ff51;
}
.pw-great .pw-bar {
  background-color: #51ff51;
}