﻿.strength_meter{

width: 100%;
height: 10px;
z-index:-1;
border-radius:2px;
}

.strength_meter div{
	
	width:0%;
    text-align: right;
 color:  #000000;
    line-height: 10px;
    -webkit-transition: all .1s ease-in-out;
    border-radius:2px;
    font-size: 10px;
    font-style:italic;
    font-weight: bold
    
}

.veryweak{
	background-color: #FFA0A0;
border-color: #F04040!important;
width:25%!important;
}
.weak{
background-color: #FFB78C;
border-color: #FF853C!important;
width:50%!important;
}
.medium{
background-color: #FFEC8B;
border-color: #FC0!important;
width:75%!important;
}
.strong{
background-color: #C3FF88;
border-color: #8DFF1C!important;
width:100%!important;
}