.strength_wrapper {
	display: inline-block;
	position: relative;
	text-align: left;
}
/*.strength_input {
	width: 250px;
	font-size: 25px;
	background: transparent;
}*/
.signup_form .strength_input {
     max-width: 48.5%;
 }
.strength_meter {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: -1;
 }
.modal-body .strength_meter {
    position: relative;
    left: 0px;
    top: 40px;
    width: 100%;
    z-index: 1;
    border-radius: 4px;
    background-color: #D8D8D8;
    height: 8px;
    margin-bottom: 45px;
}
.reset_container .strength_meter {
    position: relative;
    left: 0px;
    top: 45px;
    width: 100%;
    z-index: 1;
    border-radius: 4px;
    background-color: #D8D8D8;
    height: 8px;
    margin-bottom: 45px;
}
.button_strength {
	text-decoration: none;
	color: #4d4d4d;
	font-size: 13px;
	display: none;
}
.strength_meter div {
	width: 0%;
	height:8px;
 -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;
}
.strength_meter div p {
    position: absolute;
    left: 0;
    top: -30px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
}
.veryweak {
	background-color: #E24F85;
	width: 25% !important;
	height: 8px !important;
    border-radius: 4px 0 0 4px;
	overflow:hidden;
}
.weak {
    background-color: #E28F4F;
    width: 50% !important;
    height: 8px !important;
    border-radius: 4px 0 0 4px;
	overflow:hidden;
}
.medium {
	background-color: #008C95;
	width: 75% !important;
	height: 8px !important;
	border-radius: 4px 0 0 4px;
}
.strong {
	background-color: #BFD45B;
	width: 100% !important;
	height: 8px !important;
	border-radius:4px;
}
/* Styles for verification */
.pswd_info {
	position:absolute;
	width: 100%;
	max-width: 300px;
	padding:15px;
	background:#fff;
	font-size:20px;
	border: 2px solid #DCE0EB;
	display:none;
	z-index: 1000;
	top:0px;
	left:100%;
	border-radius:15px
}
.pswd_info.popover.bs-popover-right .arrow {
    top: 40%;
}
/*.pswd_info:before, .pswd_info:after {
	position: absolute;
	bottom: 100%;
	content: '';
}
.pswd_info:before {
	left:-13px;
	top: 42%;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #eee;
	border-top: 12px solid transparent;
}
.pswd_info:after {
	left:-13px;
	top: 42%;
	border-bottom: 12px solid transparent;
	border-right: 12px solid rgb(238,238,238);
	border-top: 12px solid transparent;
}*/
.pswd_info h4 {
	margin:0 0 10px 0;
	padding:0 0 8px;
	color: #008C95;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	border-bottom:2px solid #DCE0EB;
}
.pswd_info ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.pswd_info ul li {
	visibility: visible !important;
	height: auto !important;
	min-height: 20px !important;
	line-height: normal;
	font-size:14px;
	padding-left: 24px !important;
	padding-bottom: 12px;
	color:#333
}
.pswd_info .invalid {
	background:url(/images/false@3x.svg) no-repeat 0 3px;
	color:#E24F85;
}
.pswd_info .valid {
	background:url(/images/true@3x.svg) no-repeat 0 3px;
	color:#737781;
}




@media only screen and (min-width:768px) {
.signup_form .strength_meter {
    position: relative;
    left: 51.7%;
    top: -20px;
    width: 48.5%;
    z-index: 1;
    border-radius: 4px;
    background-color: #D8D8D8;
    height: 8px;
    margin-bottom: 0;
}
.signup_form .pswd_info {
	position:absolute;
	width: 100%;
	max-width: 300px;
	padding:15px;
	background:#fff;
	font-size:20px;
	border: 2px solid #DCE0EB;
	display:none;
	z-index: 1000;
	top: 40px;
    left: 51.8%!important;
	border-radius:15px
}
}
@media only screen and (max-width:767px) {
.signup_form .pswd_info {
    position: absolute;
    width: 100%;
    max-width: 300px;
    padding: 15px;
    background: #fff;
    font-size: 20px;
    border: 2px solid #DCE0EB;
    display:none;
    z-index: 1000;
    top: auto !important;
    left: 0!important;
    border-radius: 15px;
}
}
@media only screen and (max-width:1079px) {
.modal-body .pswd_info {
    position: absolute;
    width: 100%;
    max-width: 300px;
    padding: 15px;
    background: #fff;
    font-size: 20px;
    border: 2px solid #DCE0EB;
    display:none;
    z-index: 1000;
    top: auto !important;
    left: 0!important;
    border-radius: 15px;
}
}
@media only screen and (max-width:991px) {
.reset_container .pswd_info {
    position: absolute;
    width: 100%;
    max-width: 300px;
    padding: 15px;
    background: #fff;
    font-size: 20px;
    border: 2px solid #DCE0EB;
    display:none;
    z-index: 1000;
    top: auto !important;
    left: 0!important;
    border-radius: 15px;
}
}