@charset "utf-8";
/* CSS Document */


.padding_set{ margin:0 !important; padding:0 !important;}
.padding_set3{ margin:0 !important; padding:0 10px 0 10px !important;}
.padding_set2{ margin:0 0 10px 0!important; padding:0 10px 0 10px !important;}
.login_box_area{
	position:absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left:0;
  width:100%;
}

.login_box_blk{width:300px; height:485px; margin:0 auto; border-radius:4px; background-color:#fff; position:relative;     background: rgba(255, 255, 255, 0.92);
    -pie-background:  rgba(255, 255, 255, 0.92);
    behavior: url(PIE.htc);
	-webkit-box-shadow: 1px 1px 9px 4px rgba(0,0,0,0.26); 
box-shadow: 1px 1px 9px 4px rgba(0,0,0,0.26);font-family: 'Open Sans', sans-serif;
	}
.login_box_blk_inner{ position:absolute; top:15px; left:5px; width:290px; color:#000; font-family: 'Open Sans', sans-serif;}
.login_box_icon{ width:100px; height:100px; border-radius:50%; margin:0 auto; text-align:center; color:#fff; font-size:43px !important;  }
.login_bg{background-color:#595959;}
.fp_bg{background-color:#f37c25;}
.logout_bg{ background-color:#ce273a;}
.security_bg{ background-color:#55cb74;}
.pin_bg{ background-color:#3366c3;}
.login_box_heading{ text-align:center; color:#212324; font-size:14px; margin-top:8px; font-family: 'Open Sans', sans-serif;}
.login_box_subtxt{ text-align:center; color:#3366c3; font-size:12px; margin-top:5px; padding:0 6px 0 6px; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}
.login_box_subtxt_sm{ text-align:center; color:#595959; font-size:11px; margin-top:5px; padding:0 15px 0 15px; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}
.pin_heading{ font-size:17px; color:#595959; font-family: 'Open Sans', sans-serif; text-align:center; padding:10px 0 10px 0;}
.pin_heading i{ font-size:17px;}

.login_box_blk_footer{ position:absolute; bottom:5px; left:5px; width:290px; color:#535a60; font-size:12px; text-align:center; font-family: 'Open Sans', sans-serif;}
.login_txt_field{  width: 100%;
  padding:10px 40px 10px 10px;
  border:solid 1px #bec7ce;
  border-radius:4px;
  display:block;
  background-color:transparent;
  outline: none; margin-top:15px !important; z-index:999 !important; font-family: 'Open Sans', sans-serif; font-size:13px;}
.field_icon{margin-top:-30px; float:right; font-size:17px !important; color:#a7b3bc !important; margin-right:8px; z-index:10000 !important;}

.pin_txt_field{  width: 100%;
  padding:7px;
  border:solid 1px #bec7ce;
  border-radius:4px;
  display:block;
  text-align:center;
  background-color:transparent;
  outline: none; font-family: 'Open Sans', sans-serif; font-size:13px;}



input:invalid {
  box-shadow: none;
}

input:-moz-submit-invalid {
  box-shadow: none;
}

input:-moz-ui-invalid {
  box-shadow:none;
}

.prim_btn {
    display: block;
    width: 100%;
    border: none;
    background-color: #3366c3;
    color: #fff;
    padding: 10px 15px;
    font-size: 12px;
	font-weight:bold;
    cursor: pointer;
    text-align: center;
	border-radius:4px; font-family: 'Open Sans', sans-serif;
	margin-bottom:8px;
}

.prim_btn:hover {
    background-color: #08378d;
    color: #fff;
}


.secondry_btn {
    display: block;
    width: 100%;
    border: none;
    background-color: #3f4040;
    color: #fff;
    padding: 10px 15px;
    font-size: 12px;
	font-weight:bold;
    cursor: pointer;
    text-align: center;
	border-radius:4px; font-family: 'Open Sans', sans-serif;
	margin-bottom:8px;
}

.secondry_btn:hover {
    background-color: #292929;
    color: #fff;
}

.primsso_btn {
    display: block;
    width: 100%;
    border: 1px solid #bec7ce;
    background-color: #fff;
    color: #212324;
    padding: 10px 15px;
    font-size: 12px;
	font-weight:bold;
    cursor: pointer;
    text-align: center;
	border-radius:4px; font-family: 'Open Sans', sans-serif;
	margin-bottom:8px;
}

.primsso_btn:hover {
    /*background-color: #fff;
    color: #fff;*/
}

a.dark_link{ font-size:12px; color:#535a60; font-family: 'Open Sans', sans-serif; text-decoration:none;}
a.dark_link:hover{ font-size:12px; color:#3366c3; font-family: 'Open Sans', sans-serif; text-decoration:none;}

a.blue_link{ font-size:12px; color:#3366c3; font-family: 'Open Sans', sans-serif; text-decoration:none;}
a.blue_link:hover{ font-size:12px; color:#9f9f9f; font-family: 'Open Sans', sans-serif; text-decoration:none;}

a.f_link{ font-size:12px; color:#535a60; font-family: 'Open Sans', sans-serif; text-decoration:none;}
a.f_link:hover{ font-size:12px; color:#3366c3; font-family: 'Open Sans', sans-serif; text-decoration:none;}

.text_blk{ border-bottom:solid 1px #b9b9b9; padding:10px 0 10px 0; color:#595959; font-family: 'Open Sans', sans-serif; font-size:13px;}
.text_blk_login_pass{ color:#29b34e !important;}
.text_blk_login_fail{ color:#e44242 !important;}
.text_blk span{font-family: 'Open Sans', sans-serif; color:#212324; font-size:13px; font-weight:600;}
.text_blk_right{width:117px; top:10px; right:0; border-left:solid 1px #b9b9b9; padding:0 0 0 8px; margin-bottom:10px; display:block; height:37px; position: absolute;}
.text_blk_right span{font-family: 'Open Sans', sans-serif; color:#212324; font-size:13px; font-weight:600;}

.pin_blk{ width:40px; height:36px; display:inline-block;}


/*************************** Wizard CSS **********************************/

.wiz_box_blk{width:95%; height:100%; margin:0 auto; border-radius:4px; background-color:#fff; position:relative;     background: rgba(255, 255, 255, 0.96);
    -pie-background:  rgba(255, 255, 255, 0.96);
    behavior: url(PIE.htc);
	-webkit-box-shadow: 1px 1px 9px 4px rgba(0,0,0,0.26); 
box-shadow: 1px 1px 9px 4px rgba(0,0,0,0.26);font-family: 'Open Sans', sans-serif;
	}
	
.wiz_blk_header{ width:100%; padding:10px 0 10px 0; text-align:center;}
.wiz_blk_header_inner{ margin:0 auto; width:70%;}

.wiz_blk_content{width:100%; padding:15px;}
.wiz_blk_content p{ font-size:13px;}
.wiz_blk_content div.agreetxt{ background-color:#fff; border:solid 1px #dfdfdf; padding:10px; font-size:12px; color:#757575;}

.wiz_blk_steps{ width:100%;}
.wiz_blk_steps ul{ margin:0 auto; list-style:none; padding:0; margin:0; width:100%;}
.wiz_blk_steps ul li{ margin:0 auto; list-style:none; display:inline-block; text-align:left; font-size:13px; width:auto; margin-right:15px;}
.wiz_blk_steps ul li span{ font-size:15px; color:#999; width:20px; height:20px; margin-right:8px;margin-top:-29px; float:left;}
.wiz_blk_steps ul li span i{ font-size:24px; color:#999;}
.wiz_blk_steps ul li div.stepcircle{ width:35px; height:35px; float:left; border-radius:50%; color:#fff; text-align:center; display:inline-block; background-color:#666; margin-right:8px; font-size:11px;}
.wiz_blk_steps ul li div.stepcircle i{ vertical-align:sub; margin-top:6px; font-size:21px;}

.stepcircledone{background-color:#79ae76 !important;}
.stepcircleinprogress{background-color:#3663b6 !important;}


.wiz_blk_steps ul li div.steptxt{ display:inline-block; font-size:13px; float:left; font-weight:600; line-height:13px; margin-top:5px; color:#666;}

.steptxtdone{color:#79ae76 !important;}
.steptxtinprogress{color:#3663b6 !important;}
.downloadpdf{ text-align:right;width:100%; margin:5px 0 10px 0; font-size:13px;}
.downloadpdf i{ vertical-align:sub; font-size:17px;}
.downloadpdf a{ text-decoration:none;}



.progress {
    height: 8px !important;
    margin-bottom: 10px !important;
    overflow: hidden;
    background-color: #b8b7b9 !important;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
}	

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background-color: #3366c3 !important;
    -webkit-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 px 0 rgba(0, 0, 0, 0) !important;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}



.wiz-footer {
    padding: 10px 15px 10px 15px !important;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
    width: 100%;
	font-weight:600;
	text-decoration:none !important;
	height:45px;
}
.wiz-footer-next{ float:right;}
.wiz-footer-back{ float:none;}
.wiz-footer a{text-decoration:none !important;}
.wiz-footer a:hover{text-decoration:none !important;}

.wiz-footer i{ vertical-align:sub; font-size:18px;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 800px) 
{
	.wiz_blk_header_inner{ width:95% !important;}
	
	}
	
	@media only screen and (max-width: 480px) 
{
	.wiz_blk_steps ul li div.steptxt{ font-size:0px !important;}
	.login_txt_field_lgs {
    width: 100% !important;}
	}
 
 .step1_form label { font-weight:600; font-size:13px;}
.login_txt_field_lg {
    width: 300px;
    padding: 10px 40px 10px 10px;
    border: solid 1px #bec7ce;
    border-radius: 4px;
    display: block;
    background-color: transparent;
    outline: none;
    margin-top: 2px !important;
    z-index: 999 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
	margin-bottom:5px;
}
.login_txt_field_lgs {
    width: 605px;
    padding: 10px 40px 10px 10px;
    border: solid 1px #bec7ce;
    border-radius: 4px;
    display: block;
    background-color: transparent;
    outline: none;
    margin-top: 2px !important;
    z-index: 999 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
		margin-bottom:5px;
}
.form-group{ position:relative;}
.login_txt_field_sm {
    width: 150px;
    padding: 10px 40px 10px 10px;
    border: solid 1px #bec7ce;
    border-radius: 4px;
    display: block;
    background-color: transparent;
    outline: none;
    margin-top: 2px !important;
    z-index: 999 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
	position:relative;
		margin-bottom:5px;
}

.field_icon_wiz {
	position:absolute;
	top:38px;
    font-size: 17px !important;
    color: #a7b3bc !important;
	left:125px;
   
    z-index: 10000 !important;
}

.right_side_bar{ width:100%; background-color:#fff; font-size:13px; margin-top:5px; border:solid 1px #bec7ce; padding:10px; border-radius:5px; margin-bottom:10px;}
.right_side_bar span{ font-weight:600; color:#3366c3;}

.sucess_msg{ text-align:center; margin-top:50px; margin-bottom:50px;}
.sucess_msg i{ text-align:center; font-size:55px; color:#79ae76;}
.sucess_msg span{ font-size:32px; color:#79ae76;}