/** ===================== **/
/** login page **/
.wrapper {
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	/**min-height: 100%;**/
	padding: 10px;
	background: #fff;
	margin-top: -200px;
	padding-top: 200px;
}

.login {
	border-radius: 0px;
	padding: 50px;
	width: 520px;
	background: #f0f0f0;
	position: relative;
	float: none;
	margin: auto;
	display: table;

}
.login input {
	display: block;
	padding: 20px 10px;
	margin-bottom: 0px;
	width: 100%;
	background-color: #f3f3f3;
	font-size: 16px;
	border: 1px solid #d1e6c7;
	transition: border-width 0.2s ease;
	border-radius: 0px;
	color: #ccc;
	background-position: right;
	background-repeat: no-repeat;
	height: 65px;

}
.input_email { background-image: url('../images/email_bg_icn.png');}
.input_pass { background-image: url('../images/pass_bg_icn.png');}
.login input + i.fa {
	color: #fff;
	font-size: 1em;
	position: absolute;
	margin-top: -47px;
	opacity: 0;
	left: 0;
	transition: all 0.1s ease-in;
}
.login input:focus {
	outline: none;
	color: #444;
	border-color: #ccc;
	border-left: 6px solid #006666;
	border-top: 1px solid #d1e6c7;
	border-right: 1px solid #d1e6c7;
	border-bottom: 1px solid #d1e6c7;

}
.wrapper h2 {
	font-family:'segoeuib';
	color: #006666;
	margin-bottom: 20px;
	margin-top: 50px;
}
.wrapper p {
	font-size: 22px;
	color: #333333;
	padding-top: 10px;
	float: left;
	width: 100%;
	text-decoration: none !important;
}
.profile_img{
	background: #cccccc;
	width: 140px;
	height: 140px;
	text-align: center;
	padding-top: 21px;
	margin: auto;
	float: none;
	display: table;
	margin-top: 50px;
	margin-bottom: 15px;
	overflow:hidden;
}
.profile {
	display: table;
	margin: auto;
	float: none;
	max-width: 355px;
    width: 100%;
    padding-top: 50px;
}
.profile .profile_img{
	
	    margin: auto;
    float: left;
    display: block;
    margin-bottom: 50px;
    margin-right: 17px;
    margin-top: 45px;

}
.login button img {position:relative;top:15px;}
.login button, .login_btn {
	line-height: 60px;
	width: 100%;
	height: 60px;
	border: 0px;
	color: #fff;
	background-color: #006666;
	font-size: 18px;
	margin-top: 10px;
	text-transform: uppercase;
	max-width: 420px;
}
.copy_right {font-size: 17px !important;font-family:'SEGOEUIL';font-weight: 600;color: #333;margin-top: 10px;}
.login p a {font-size: 18px;color: #333333; padding-top: 10px;float: left;width: 100%;text-decoration: none !important;}
/** /login **/

/** multi-form page **/
.multi-step-form form {width: 100%; float: left;}
.steps {float: left; width: 100%;}
.multi-step-form {padding-bottom: 50px;}
.steps button {
	height: 50px;
    text-transform: uppercase;
    line-height: 45px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: 'Segoe_UI';
    text-align: center;
    color: #fff;
    margin-right: 1px;
    font-size: 16px;
    float: left;
}
.multi-step-form h2 {font-family:'Segoe_UI';float: left;width: 100%;color: #fff;background: #333333;font-size: 30px;height: 52px;padding-left: 15px;line-height: 50px;margin: 40px 0px 10px;}
.no-js .multi-step-form fieldset button, .no-js .multi-step-form h2, .multi-step-form.edit-form fieldset button, .multi-step-form.edit-form h2 {
	display: none !important;
}
.no-js .multi-step-form fieldset, .multi-step-form.edit-form fieldset {
	display: block !important;
}
.no-js .multi-step-form [type="submit"], .no-js .multi-step-form [type="reset"], .multi-step-form.edit-form [type="submit"], .multi-step-form.edit-form [type="reset"] {
	display: inline-block !important;
}
.no-js .multi-step-form .steps, .multi-step-form.edit-form .steps {
	display: none;
}
.multi-step-form fieldset {
	display: none;
}
.multi-step-form fieldset:first-of-type {
	display: block;
}
.multi-step-form fieldset.hidden {
	display: none;
}
.multi-step-form fieldset.visible {
	display: block;
}
.multi-step-form .steps button {
	border: 0;
	pointer-events: none;
}
.multi-step-form .steps .active[disabled] {
	background: #339999 !important;
}
.multi-step-form .steps [disabled] {
	background: #006666;
}
.multi-step-form .steps .active {
	background: #339999;
}
.main_navbar.navbar-default li a:focus {color: #fff !important;}
fieldset .col-md-6  p{margin-top: 20px;}
.error {
	color: red;
	font-size: 14px;
}
.file-upload_btn .error {

	    top: 45px;
		left:0px;
}
.file_uplod_cntr {
	position:relative;
}
.col-costom-auto {width: auto;margin-bottom: 10px;}
fieldset label {width: 100%;font-size: 16px;font-weight: 600;font-family:'Segoe_UI';}
h4.sub_category_head {
	margin-top: 10px;
    font-size: 22px;
    font-family: 'segoeuib';
    color: #333333;
    margin-bottom: 6px;
    background-color: #ebebeb;
    height: 40px;
    line-height: 36px;
    padding-left: 10px;
}
h4.category_head {
    margin-top: 30px;
    font-size: 24px;
    font-family:'segoeuib';
    color: #006666;
    margin-bottom: 6px;
}
.datepicker {
	font-size: 15px;
    font-family: 'SEGOEUIL';
    font-weight: 600;
    line-height: 20px !important;
}
.change_password {
	text-decoration: none !important;
	margin-top: 50px;
	margin: 60px auto 30px;
	float: none;
	height: 40px;
	display: table;
}
.change_password button {
	font-size: 18px;
	color: #333;
	float: none;
	height: 40px;
	line-height: 38px;
	width: 215px;
	text-align: center;
	border: 0px;
	background-color: #e1e1e1;
	font-family: 'SEGOEUIL';
	font-weight: 600;
	text-decoration: none !important;
	display: table;
}
.btn-prev, .btn-next {color: #fff; text-transform: uppercase;background: #006666;width: 135px;height: 40px;border: 0px;border-radius: 0px;font-family:'segoeuib'; }
span.error {position: absolute;}
.btn-next {float: right;}
.font-light {font-weight: 300 !important;}
label .optional {
	font-weight: normal;
	font-size: 90%;
}
/*sucess*/
h2.mar_top_50{margin-top:50px; font-size:36px;    font-family: 'segoeuib';
    color: #006666;}
#clear-signature {
	 background: #339999;
    color: #fff;
    border: 0;
}
/** Square Radio **/
/*[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #333;
    padding-right: 15px;
    width: auto !important;
    font-size: 14px;
    font-weight: 300;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #006666;
    border-radius: 0%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #37a702;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 0%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#clear-signature {
	background: #339999;
    border: 0px;
    color: #fff;
    font-family:'Segoe_UI';
    text-transform: uppercase;
}

.agree_sec [type="radio"]:checked + label:before, .agree_sec [type="radio"]:not(:checked) + label:before{
    border: 2px solid #ffffff;
    background-color: #006666;
}
.agree_sec [type="radio"]:checked + label, .agree_sec [type="radio"]:not(:checked) + label {
	color: #fff;
    font-size: 17px;
    font-family: 'SEGOEUIL';
    font-weight: 600;
    margin-top: 30px;
}*/
/****/
.green_cont_sec p{color: #fff !important;}
.agree_sec  {display:table;float: none;margin:auto;}
.agree_sec ul.radio_square li .check {
	 border: 2px solid #ffffff !important;
}
.agree_sec [type="radio"]:checked + label:before, .agree_sec [type="radio"]:not(:checked) + label:before{
    border: 2px solid #ffffff;
    background-color: #006666;
}
.agree_sec [type="radio"]:checked + label, .agree_sec [type="radio"]:not(:checked) + label {
	color: #fff !important;
    font-size: 17px !important;
    font-family: 'SEGOEUIL' !important;
    font-weight: 600 !important;
    margin-top: -5px;
    margin-left: 5px !important;
	padding-right:0px !important;
}
ul.radio_square {float: left;padding: 0px;padding-top: 20px;}
ul.radio_square li{
  color: #000 !important;
  display: block;
  position: relative;
  float: left;
}

ul.radio_square li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

ul.radio_square li label{
         display: block;
    position: relative;
    /* font-weight: 300; */
    font-size: 14px;
    padding: 5px 20px 0px 25px;
    margin: 0px auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}


ul.radio_square li .check{
 display: block;
    position: absolute;
    border: 2px solid #006666;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 5px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    border-radius: 0px;
}

ul.radio_square li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
     height: 12px;
    width: 12px;
    top: 2px;
    left: 2px;
  margin: auto;
  border-radius: 0px;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.radio_square span.error {
	min-width: 360px;
    top: 29px;
    width: 100%;
}
.radio_square input[type=radio]:checked ~ .check::before{
  background: #37a702;
}
.datepicker.form-control {max-width: 320px;}
/** /multi form **/
/* File Upload*/
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  cursor: pointer;
  font-size: 1.25em;
  font-weight: 700;
  color: white;
}

.inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
  pointer-events: none;
}
.large_p{
	margin: 0px 10px 0px 0px;line-height: 37px;font-size: 16px;font-family:'Segoe_UI';margin-top: 0px !important;
}

.inputfile + label {
     padding: 6px 10px;
    margin: 0;
   font-family:'Segoe_UI';
    background-color: #333333;
    border-radius: 0;
    transition: .3s;
    display: table;
    width: initial;.
   font-weight: 300;
    font-size: 16px;
    outline: none !important;
}
.green_cont_sec {
	float: left;
    width: 100%;
    background: #006666;
    color: #fff;
    font-size: 17px;
    padding: 30px;
    text-align: center;
    line-height: 28px;
    font-family: 'SEGOEUIL';
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 10px;
}
/**/
.faqs_section h3 {
	font-size: 30px;
	font-weight: 600;
	color: #006666;
	font-family:'Segoe_UI';
	margin-bottom: 0px !important;
}
.faq_hr {
	width: 70px;
	height: 4px;
	border: 0px;
	background-color: #d7d7d7;
	margin: 15px 0px; 
	float:left;
}
.faqs_section h4 {
	padding-top: 15px;
	font-size: 20px;
	font-weight: 600;
	color: #006666;
	font-family:'Segoe_UI';
	width: 100%;
	float: left;
}
.faqs_section p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
}
.max_text {
	font-family:'segoeuib';
	width: 100%;
    float: left;
}
#income_source[is0]-error, #gross_monthly_income[gmi0]-error {
	width: 100%;
	float: left;
	position: static;
}
/**/
@media (max-width: 991px){
	.col-three:nth-child(2) {
		margin-right: 0px;
	}
	.income_sec .large_p {
		margin-left: 0px !important;
		width: 35% !important;
		font-size: 16px !important;
		margin-right: 0px !important;
		margin-top: 5px !important;
	}
	.income_sec .form-control {
		max-width: 65% !important;
		float: right !important;
		margin-top: 5px;
	}
	fieldset .col-md-6 {padding-left: 15px !important;padding-right: 15px !important;}
	.dashboard_container {
		width: 504px;
	}
	.col-three:last-child {
		margin: auto;
	    float: none;
	    margin-top: 0;
	    margin-bottom: 20px;
	    display: table;
	}
	.dashboard h1 {margin-top: 50px;}
}
@media (max-width: 1366px){
	.login {
		padding: 20px;
		width: 380px;  
	}
	.login input {
		height:50px;
		font-size:13px;
		padding: 5px 10px;
	}
	.login p a {
		font-size: 14px;
		padding-top: 0px;
		float: left;
		width: 100%;
		text-decoration: none !important;
		margin-bottom: -10px !important;
		padding: 0px !important;
	}
	.login button, .login_btn {
		height:40px;
		line-height: 40px;
	}
	.login button img {
    top: 4px;
  
	}
	.login h2 {
		font-size: 25px;
	}
	

}
@media (max-width: 767px){
	.main_navbar.navbar-default li a {
		font-size: 14px;
		margin-right: 0;
		line-height: 30px;
	}
	.main_navbar.navbar-default ul {margin-top: 10px;margin-bottom: 10px;}
	.nav > li {height: 40px;}
	.wrapper {margin-top: -200px;}
}
@media (max-width: 539px){
	.radio_square span.error {
		min-width: 300px;
	}
	.income_sec .large_p {
		margin-left: 0px !important;
		width: 60% !important;
		font-size: 16px !important;
		margin-right: 0px !important;
		margin-top: 5px !important;
	}
	.income_sec .form-control {
		max-width: 100% !important;
		float: right !important;
		margin-top: 5px;
	}
	.profile_img {
		width: 100px;
		height: 100px;
	}
	.profile_img img {
		height:85px;
	}
	.login {
		padding: 10px;
		width: 95%;  
	}
	.steps button {
    height: 45px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
}
	.dashboard_container {
		width: auto !important;
	}
	.col-three {margin: 0px auto 20px !important;float: none;display: table;}
	.upload_doc_btn {width: 270px;height: 65px;line-height: 60px;}
	.upload_doc_btn span {padding-left: 10px;font-size: 18px !important;}
	.upload_doc_btn img {width: 45px;}
	.dashboard h1 {
		margin-top: 30px;
		margin-bottom: 30px;
		font-size: 38px;
	}
}
   .label-success {
	background-color: #1bb99a !important;
	color:white !important;
	}
	.label-danger1 {
	background-color: #ff5d48 !important;color:white !important;
	}
	.label-warning1 {
	background-color: #f1b53d !important;color:white !important;
	}
	.label-warning3 {
	background-color: #45caef !important;color:white !important;
	}
	.label-primary{
	background-color: #23a0c3 !important;color:white !important;
	}
	.label-danger{
	background-color: #b95858 !important;color:white !important;
	}
	.label-pink{
	background-color: #ff7aa3 !important;color:white !important;
	}
.margin-left5{
	margin-left:5px !important;
}
.hide{
	display:none !important;
}
.modal-content-cust{
	margin-left: 20%  !important;
    margin-right: 20%  !important;
    margin-top: 10px  !important;
}
.modal-header-cust{
	/* background-color: #2196F3  !important; */
	/*background-color: #dcc102 !important;*/
	background-color: #FFC107 !important;
    color: #ffff  !important;
    border-top-right-radius: 4px  !important;
    border-top-left-radius: 4px  !important;
}

.cust-form{
	width: 100%;
    padding: 12px;
    background-color: #519dfd;
}
.btn-cust{
	line-height: 1.0 !important;
}
.cust-form select{
	width:150px !IMPORTANT;
}