#myform input[type="password"],#myform input[type="text"]{
	background:transparent;
	font-family: "Lato", sans-serif;
	font-size: 14px;
	padding: 4px 5px;
	height: 16px;
	text-indent: 6px;
	-webkit-appearance: none;
	-webkit-transition: border .25s linear, color .25s linear;
	-moz-transition: border .25s linear, color .25s linear;
	-o-transition: border .25s linear, color .25s linear;
	transition: border .25s linear, color .25s linear;
	-webkit-backface-visibility: hidden;
	width:200px;
	box-sizing: content-box;
	border-width:2px;
}
#myform input[type="password"]:focus,#myform input[type="text"]:focus{
	outline:0;
}
#myform{
	position: relative;
	margin-bottom:60px;
	background:transparent;
}
.strength_meter{
	width:202px;
	height: 20px;
	border-radius:5px;
	padding-right:13px;
}
.button_strength {
}
.strength_meter div{
	width:0;
	height: 20px;
	text-align: right;
	color: #333;
	line-height: 18px;
	-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:0;
}
.strength_meter div p{
	position: absolute;
	top: 22px;
	right: 0px;
	color: #CCC;
	font-size:13px;
}

.veryweak{
	background-color: #FFA0A0;
	border-color: #F04040!important;
	width:40%!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;
}