@charset "UTF-8";

/*************** Login page styles ********************/



.loginWrap{padding:10px;}
.loginWrap label{color:#546e7a;} 
.loginbg{background: url(../../images/brand/landscape-d43d59800e6d4a847c726ef81269e369.jpg) no-repeat top center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
bottom: 0;left: 0;position: absolute;right: 0;top: 0;width: 100%;}
.loginbg body{background: transparent;}
.loginbg .panel{background:rgba(255,255,255,0.3);}
.lgn-logo{background: url(../../images/brand/landinglogo-fc78601b2b90bc686cabae645c2f6703.png) no-repeat center bottom/100% auto; height: 132px; clear: both; max-width: 290px; margin:0 auto;}
.hilit{background:#fff;padding:5%;margin:1%;border-radius:5px;}
.hilit .form-control{background:#eceff1;border:1px solid #dfdfdf;color:#000; padding: 8px; border-radius: 3px;}
/***************Secure Image Styles ***************/
.secureImg img{border:3px solid #fff;}


/************** virtual key pad ***************/

.keyboard_wrap a.keys{
	font-size:1.15em;
	font-weight:bold;
	display:inline-block;
	width:30px;
	height:30px;
	padding-top:2px;
	border:solid 1px #dedede;
	border-bottom:2px solid #b3b3b3;
	color:#6b6b6b;
	background:#fdfdfb;
	text-decoration:none;
	text-align:center;
	margin:1px;
	cursor:pointer;
	border-radius:3px;
	text-shadow: 1px 1px 0px #fff;
}
.keyboard_wrap a.btn, .keyboard_wrap a.caps{
	font-size:1.15em;
	font-weight:bold;
	display:inline-block;
	width:100px;
	height:30px;
	padding-top:2px;
	border:solid 1px #999;
	color:#666;
	background:#eee;
	text-decoration:none;
	text-align:center;
	margin:1px;
	cursor:pointer;
	border-radius:3px;

}
.keyboard_wrap a.keys:hover{
	background:#1f76b5  ;
	color:#fff;
	text-shadow: -1px -1px 0px #025770;
}
.keyboard_wrap a.btn:hover, .keyboard_wrap a.caps:hover{
	background:#1f76b5 ;
	color:#fff;
	text-shadow: -1px -1px 0px #025770;
}

.keyboard_wrap a.highlight{
	background:#333;
	color:#eee;
	text-shadow: -1px -1px 0px #000;
}
.keyboard_wrap{ position:relative; display:inline-block;margin-top:30%;display:none;background:rgba(0,0,0,0.7);border-radius: 10px;padding: 15px;}
.hider
{
display:block;
width:100%;
height:100%;
background:#2d3e50;
position:absolute;
left:0px;
z-index:99999;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;
border-radius:5px;
}


@media screen and (min-width: 768px) {
.loginbg{background: url(../../images/brand/landscape-d43d59800e6d4a847c726ef81269e369.jpg) no-repeat top center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
bottom: 0;left: 0;position: absolute;right: 0;top: 0;width: 100%;}
}
@media screen and (min-width: 640px) and (max-width: 768px)  {
.loginWrap{box-shadow:none;}
}

.forgot{ margin-top:3px;}
.passGroup{ border:1px solid rgba(0,0,0,0.4);}
.passGroup .panel-body{ background:rgba(0,0,0,0.4);}
.passGroup .panel-default{ border:1px solid transparent;}
.passGroup label{color:#546e7a;}
.passSecImg{position: relative;float:left;padding:0 15px;}
.passSecImg .control {top: -32px;left: 5px;}
.passSecImg .control--radio .control__indicator {border-radius: 10%;}
.passSecImg .control--radio .control__indicator:after {top: -1px;left: 5px;width: 8px;height: 8px;content: "\2713";background: none;font-weight: bold;color:#333;}

/************* Footer styles ******************/
.login-footerwrap {background:#81538a;bottom: 0;display: block;height: 30px;position: fixed;width: 100%;}
.login-footerwrap .copyrights {
	color: #fff;
	font-size: 10px;
	margin: 6px 10px;
}
.login-footerwrap .userfullLinks {
	margin-top: 3px;
	margin-left: 10px;
}
.login-footerwrap .userfullLinks a {
	color: #fff;
	font-size: 10px;
	padding: 6px 0px;
}
.login-footerwrap .userfullLinks a:after {
	content: "|";
	margin-left: 5px;
}


@media screen and (max-width: 768px) {
.login-footerwrap {height: 60px;text-align:center;}
}
@media screen and (min-width: 769px) {
	.login-footerwrap .copyrights{ float:right;}
	.login-footerwrap .userfullLinks{ float:left;}
}


/* Css added for Important Security Information */
.login-footer-info{
	margin-top: 20px;
}
.login-footer-info h4{
	margin: 12px 0;
	color:#000;
	font-weight: 400;
}
.login-footer-info p{
	color: #546e7a;
	font-weight: 300;
	font-size: 12px;
}