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

#myform input[type="password"],#myform input[type="text"]{


}

#myform input[type="password"]:focus,#myform input[type="text"]:focus{

outline:0;

}

#myform{
position: relative;
margin: 0 auto;
width: 100%;

}


.strength_meter{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 23px;
z-index:1;
border-radius:0px;
padding-right:0px;
}
.button_strength {
text-decoration: none;
color: #FFF;
font-size: 0.850em;
font-weight: normal;
}
.strength_meter div{
    width:0%;
height: 23px;
text-align: right;
color: #black;
line-height: 23px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding-right: 12px;
border-radius:0px;
}
.strength_meter div p{

padding-top: 0.125em;
top: 1.375em;
right: 0px;
color: #FFF;
font-size: 0.875em;
}

.veryweak{
    background-color: #d33f4d;
border-color: #999999!important;
width:50%!important;
}
.weak{
background-color: #e85765;
border-color: #999999!important;
width:60%!important;
}
.medium{
background-color: #d47826;
border-color: #999999!important;
width:75%!important;
}
.strong{
background-color: #539633;
border-color: #999999!important;
width:100%!important;
}