@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);

#password-strength {
   display: block;
   position: relative;
   font-size: 0px;
   top : 2px;
   margin-bottom: 4px;
 }

#PasswordForm .box {
  position: relative;
  width: 105px;
  height: 25px;
  display: inline-block;
  background-color: #e4e4e4;
  text-align: center;
}

#PasswordForm .box div.bar-text {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align:center;
  font-size: 13px;
  z-index: 3;
  line-height: 25px;
}

#PasswordForm .box div.bar {
  position: absolute;
  width: 0%;
  height: 100%;
  z-index: 2;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}

#PasswordForm .normal .box.box1 div.bar {
  background: #FF0000;
  width: 100%;
}

.box.box1,
#PasswordForm .box.box1 div.bar{ border-radius : 5px 0px 0px 5px; }

.box.box4,
#PasswordForm .box.box4 div.bar{border-radius : 0px 5px 5px 0px;}

#PasswordForm .normal .box.box1 div.bar-text,
#PasswordForm .medium .box.box1 div.bar-text,
#PasswordForm .strong .box.box1 div.bar-text,
#PasswordForm .vstrong .box.box1 div.bar-text, {
  color: #fff;
}

#PasswordForm .medium .box.box1 div.bar {
  background: #E66C2C;
  width: 100%;
}

#PasswordForm .medium .box.box2 div.bar {
  background: #E66C2C;
  width: 100%;
}

#PasswordForm .strong .box.box1 div.bar {
  background: #2D98F3;
  width: 100%;
}

#PasswordForm .strong .box.box2 div.bar {
  background: #2D98F3;
  width: 100%;
}

#PasswordForm .strong .box.box3 div.bar {
  background: #2D98F3;
  width: 100%;
}

#PasswordForm .vstrong .box.box1 div.bar {
  background: #006400;
  width: 100%;
}

#PasswordForm .vstrong .box.box2 div.bar {
  background: #006400;
  width: 100%;
}

#PasswordForm .vstrong .box.box3 div.bar {
  background: #006400;
  width: 100%;
}

#PasswordForm .vstrong .box.box4 div.bar {
  background: #006400;
  width: 100%;
}

div#RegisterForm input#registerButton:disabled {
  border: 1px solid #a3a3a3;
  color: #a3a3a3;
  cursor:not-allowed;
}
.pass-info {
  background-color: #35a2cb;
  display: inline-block;
  margin: 4px 0;
  padding: 8px 20px;
  font-weight: bold;
  width: 80%;
}