@charset "utf-8";
/* CSS Document */

.strength_meter{
  display:none;
	height:23px;
  width: 154px;
	background:transparent;
}
.strength_meter div{
	height:23px;
	width:100%;
	height:23px;
	text-align:center;
	color:black;
	font-weight:bold;
	line-height:23px;
}
.veryweak{
  display: block;
	background-color: #FFA0A0;
border-color: #F04040!important
}
.weak{
  display: block;
background-color: #FFB78C;
border-color: #FF853C!important;
}
.medium{
  display: block;
background-color: #FFEC8B;
border-color: #FC0!important;
}
.strong{
  display: block;
background-color: #C3FF88;
border-color: #8DFF1C!important;
}

/**********************************
    Everything below is extra
***********************************/

.input-display {
  position: relative;
}
.input-display input {
  background: none;
  position: relative;
  z-index: 1;
}
.input-display #helper {
  display: block;
    height: 14px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 16px;
    width: 14px;
    z-index: 20;
}
.input-display #helper:before {
  border: 1px solid #5e6675;
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  left: -4px;
  position: absolute;
  top: -2px;
  width: 20px;
  z-index: -1;
  
  transition: all 0.25s ease 0s;
}
.input-display #helper:hover {
  color:#ff5555;
}
.input-display #helper:hover:before {
  border-color:#ff5555;
}
.input-display .button_strength {
  display: inline-block;;
  padding: 6px 0px 0px 0px;
  margin: 0px;
  font-size: 11px;
/*   text-transform: uppercase; */
  font-weight: bold;
  letter-spacing: 0.06em;
  position: relative;
  z-index: 1;
}
.input-display .strength_meter {
  height: 23px;
  left: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 15px;
  width: 238px;
  z-index: 0;
}
.input-display .strength_meter > div {
  padding: 0px;
  margin: 0px;
  position: absolute;
  right: 0px;
  top:26px;
  text-align: right;
  font-size: 12px;
}
.helper {
  background-color: #ffffff;
  border: 1px solid #ff5555;
  box-sizing: border-box;
  color: #ff5555;
  font-size: 12px;
  height: 109px;
  left: 244px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 215px;
  z-index: 1;

  transition: all 0.25s ease 0s;
}
.helper strong {
  font-size: 14px;
  padding-bottom: 6px;
  display: block;
}
#helper:hover ~ .helper {
  opacity: 1 !important;
  visibility:visible !important;
}
.create #password-reset-form p {
  padding-left: 0px;
}
#password-reset-form .input-display .strength_meter {
  left: 1px;
}
.left-input {
  display: inline-block;
  vertical-align: top;
}
#password-reset-form .helper {
  left: 284px;
  z-index: 10;
}
.create #password-reset-form input.button {
  margin-bottom: 13px;
  vertical-align: bottom;
}