body { background:#49ca80; color:#fff;}
body .form-control:focus  { outline:none; box-shadow:none !important;     border-color: #555 ;} 
body select.form-control.error {
    border-color:#ff0000;
}
.span6 {
    width: 100%;
    float: left;
    position: relative;
}

.title_group { width:100%; text-align:center; color:#fff; font-size:20px; padding:8px; margin:5px 0;}
.title_group h2 { margin-top:0}
.title_group h3 { margin:0; font-size:14px;}


#main-content,
#main-content #primary,
#main-content .site-content,
#main-content .site-content > .container { position:relative; height:100%;}

#main-content .site-content .step1_container { display:table; height:80%;  width: 100%; clear: left; }
#main-content .site-content .step_content { display:table-cell; vertical-align:middle; height:100%;}

#main-content .site-content .step_content .bg_white {background:#fff; color:#49ca80;  clear: left; overflow: hidden; padding: 15px;}

#main-content .site-content .step_content #my-registration-form  #divhiddenpart .form-group,
#main-content .site-content #userregistration #my-registration-form2 label,
#main-content .site-content #userregistration #my-registration-form2 .form-group,
#main-content .site-content #userregistration #my-registration-form,
#main-content .site-content .step_content #my-registration-form  #divhiddenpart label {  color:#4e4e4e; font-weight:500;}

#main-content .site-content .container { padding:0; }
#divinstruction { background:#fff; color:#333}

hr { margin:5px 0;}
.radio_group { width:100%; float:left; margin:15px 0}
.radio_group label { font-size:18px; margin:0 10px; font-weight:400}
#my-registration-form { clear:left; float:left; width:100%;  margin:0; margin-top:15px;}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.toolTip_error { color:#f00;}
.toolTip_valid { color:#5cb85c;font-weight: bold;}


.fieldset { width:100%;float:left; position:relative}
	.form-group.error:after { content:"!"; position:absolute; margin-top:-5px; top:50%;right:10px;width:24px;height:24px;color:red}
	
	.form-group.error input[type="text"],
	.form-group.error input[type="file"],
	#userregistration .error input[type="radio"],
	#userregistration .error  input[type="checkbox"],
	.form-group.error select,
	.input-group.error .form-control,
	.form-inline.error  .form-control,
	.form-group.error .form-control
	{
		border: 2px solid #f00;
	}
	
	.form-group.error input[type="radio"]	{
		box-shadow: 0px 2px 8px rgb(255, 0, 0);
	}
	
	.col-md-4.error input[type="file"]
	{
		border: 2px solid #f00;
	}
	
	.col-md-4.valid input[type="file"]
	{
		border: 2px solid #0ff;
	}
	
	.form-group.valid input,
	.form-group.valid select	{
		border: 2px solid #0ff;
	}
	

        .input-group-addon.error input[type="button"]	{
		border: 2px solid #f00;
	}
	.input-group-addon.valid input[type="button"]	{
		border: 2px solid #f00;
	}
	

	#userregistration input[type=text], 
	#userregistration input[type=password], 
	#userregistration input[type=search], 
	#userregistration input[type=email], 
	#userregistration input[type=url], 
	#userregistration input[type=tel] { max-width:inherit} 
	

@media screen and (max-width: 560px) { 

	#userregistration .col-xs-6 { width:100%;}	
	#userregistration input[type=text], #userregistration input[type=password], 
	#userregistration input[type=search], #userregistration input[type=email], 
	#userregistration input[type=url], 
	#userregistration input[type=tel] {  max-width:inherit;}

	#main-content h3	{font-size: 15px;}
	.step1 .title_group h2 { font-size: 20px;}
	#userregistration .form-inline { margin-bottom:15px;}
	#userregistration .form-inline select { margin-bottom:10px;}
	.form-group .input-group { margin-bottom: 30px; }
	#userregistration { width:100%; float:left; margin-bottom:30px;}

}
.btn-back {
	background-color: #666;
	border: 0 none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: 0.065em;
    padding: 0.7em 1.4em;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
margin-left:5px;
	}

.form-group .input-group-addon #btnverify,
 #divotppart .input-group-addon #btnotpverify { background:none; border:none; outline:none;}
.form-group .input-group { height:34px; position:relative;}
.form-group .input-group #mobileno-error { position:absolute;  bottom: -30px;  }


.form-group .input-group .input-group-addon #mobileclickcheck-error { position: absolute; left: 0; top: 40px;}

.form-group .input-group .input-group-addon #divloading2,
.form-group .input-group .input-group-addon #divloading { position: absolute; right: 40px; top: 40px;}


@media screen and (min-width: 767px) { 		
.input-group-addon #divloading { position:absolute; top:8px; right:162px; z-index:9999; }
.input-group-addon #divloading img { width: 20px;}
}

input[type="reset"], input[type="submit"], button {
    background-color: #ed1e24;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: 0.065em;
    padding: 0.7em 1.4em;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
}

#main-content .site-content #userregistration #my-registration-form label.error,
#main-content .site-content #userregistration #my-registration-form2 label.error 
	{
		color: red;
		font-style: italic;
		font-weight: normal;
		display:block;
		/*font-weight:500;*/
	}