.input_section .password_area{width: 63%;}
.password_area .wh48{
	max-width: 48px;
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
}
.password_area .password_gen1{background-image: url(../webimages/password_gen1.svg);}
/*.password_area .password_gen2{background-image: url(../webimages/ar_copy.svg);}*/
.password_progress{width: 77%;}
.password_progress div{
	width: 24% !important;
	height: 6px;
    background-color: #D3D6DB;
    border-radius: 4px;
}
.password_progress .pro_bg1{background-color: #F85A58;}
.password_progress .pro_bg2{background-color: #FBAB4E;}
.password_progress .pro_bg3{background-color: #A5D144;}
.password_progress .pro_bg4{background-color: #60BF65;}
.password_progress [class*="pro_bg"]{position: relative;}
.password_progress1{
    width: 54px;
    height: 25px;
    background-color: #000;
    font-size: 11px;
    padding: 0px 5px;
    position: absolute;
    right: 0;
    left: 0;
    top: -35px;
}
.password_progress1:after {
	content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    left: 0px;
    right: 0px;
    top: 25px;
    width: 5px;
    position: absolute;
    margin: 0px auto;
}
.pass_inp{
	width: 100px;
	height: 48px;
	color: #909090;
}
.dot_circle .checkmark{border: 2px solid #1E70B9;}
.dot_circle .checkmark:after{top: 4px;left: 4px;}
.pass_range{width: 250px;}
.pass_range .slider{
    height: 4px;
    /*box-shadow: 0px 0px 0px 2px #e3e7ed inset;*/
}
input:checked ~ .checkmark.newBg{background-color: #1E70B9 !important;}
@media only screen and (max-width: 767px) {
	.input_section .password_area, .password_progress{width: 100% !important;}
    .check_area{display: block;}
}