@charset "UTF-8";
/*!
 * Author: Mohammed Subhan
 * Dated:05-10-2015
 * Corp Apps - Pre Login Style Rule
 * Vayana India (P)LTD.
 */
/*************** Login page styles ********************/

.loginWrap{padding:10px 0;}
.loginWrap label{color:#fff;} 
.loginbg{background: url(../../images/common/pattern-e448f820f0a88a1c8e0bbe82c8b88f18.jpg) repeat;
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/banklogo-white-53906211052fd39fcbe17dd1ac2f8565.png) no-repeat left center / 283px 50px;height:50px;clear: both;}
.hilit{background:#6e3892;padding:5%;margin:0;border-radius:5px;position:relative;min-height:448px;}

/***************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;display:none;background:rgba(0,0,0,0.7);border-radius: 10px;padding: 15px;position:absolute;right:102%;top:23%;z-index:9999;}
.keyboard_wrap:before {
    color: #4a4a4a;
    content: "\f0da";
    position: absolute;
    font-family: FontAwesome;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 35px;
    right: -19px;
    font-size: 26px;
}
.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/common/pattern-e448f820f0a88a1c8e0bbe82c8b88f18.jpg) repeat;
bottom: 0;left: 0;position: absolute;right: 0;top: 0;width: 100%;}
}
@media screen and (min-width: 640px) and (max-width: 768px)  {
.loginWrap{}
}

.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:#fff;}
.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: #45136d;bottom: 0;display: block;width: 100%;position:fixed;}
.login-footerwrap .copyrights {
	color: #c2b3d5;
	font-size: 10px;
	margin: 6px 10px;
	float:right;
}
.login-footerwrap .userfullLinks {
	margin-top: 3px;
	margin-left: 10px;
}
.login-footerwrap .userfullLinks a {
	color: #c2b3d5;
	font-size: 10px;
	padding: 6px 0px;
}
.login-footerwrap .userfullLinks a:after {
	content: "|";
	margin-left: 5px;
}
.login-footerwrap .userfullLinks a:last-child:after {
	content: " ";
}

@media screen and (max-width: 768px) {
.login-footerwrap {text-align:center;}
.loginbg{background: url(../../images/common/pattern-e448f820f0a88a1c8e0bbe82c8b88f18.jpg) repeat;
bottom: 0;left: 0;position: absolute;right: 0;top: 0;width: 100%;}
.login-footerwrap .userfullLinks{ float:left;}
}
@media screen and (min-width: 769px) {
	/*.login-footerwrap .copyrights{ float:right;}*/
	.login-footerwrap .userfullLinks{ float:left;}
}



.header{background:#45136d;}
.login-header{font-weight:bold;color:#fff;margin-bottom:15px;font-size:16px;}
.forgot_link{color:#fff;font-size:12px;margin:2px 0 7px;text-decoration:underline;}
.forgot_link:hover,.forgot_link:active,.forgot_link:focus{color:#fff;text-decoration:underline;}
.running_text{border-radius: 4px;background:rgb(211, 197, 230,0.9);padding:10px 0;color:#432070;font-size:13px;margin-bottom:5px;}
.quicklinks{margin:0;padding:0;color:#432070;}
.quicklinks li{line-height:22px;list-style:none;color:#432070;}
.quicklinks li a{color:#432070;background:url(../../images/common/arrow-cae36e5b16d723c2c14d300c1ff74c62.png) no-repeat center left;padding:0 0 0 20px;}
.well .caption{font-size:12px;color:#777;}
.info_div{margin-top:-30px;}
.info_div h4{color:#d4bcbc;font-size:13px;}
.info_div ul{margin:0;padding:0;color:#c2b3d5;}
.info_div ul li{margin:0;padding:0;color:#c2b3d5;list-style-position: inside;line-height:24px;font-size:13px;}
.info_div ul li a{color:#c2b3d5;font-size:13px;text-decoration:none;}
.info_div a{color:#c2b3d5;font-size:13px;text-decoration:underline;}
.info_div p{color:#c2b3d5;font-size:13px;margin:0;}

.login_faq{border-radius:0;margin-bottom:0;}
.login_faq .panel-heading{background:#45136d;padding:10px;color:#c2b3d5;border-radius:0;}
.login_faq .panel-heading img{filter:invert(100%);margin:-4px 5px 0 0;}
.login_faq .panel-heading h4{color:#fff;font-weight:bold;margin:5px 0;font-size:16px;}
.login_faq .panel-body{background:#e6e7e8;border-radius:0;padding:5px 15px;}
.login_faq .panel-body ul{margin:0;padding:0;color:#4f2684;list-style:none;}
.login_faq .panel-body ul li{padding:5px 0;border-bottom:1px dashed #ccc;width:48%;margin-right:2%;float:left;}
.login_faq .panel-body ul li:last-child{border-bottom:none;}
.login_faq .panel-body ul li a{color:#4f2684;}
.terms_link{color:#fff;font-size:14px;margin:2px 0 7px;text-decoration:underline;}
.terms_link:hover,.terms_link:active,.terms_link:focus{color:#fff;text-decoration:underline;}
.item img {height: 350px !important;width: 850px !important;}
.PHeader{color:#45136d;font-size:18px;margin:0 0 8px 0;font-weight:500;}
@media screen and (max-width: 768px) {
  .item img {height: 250px !important;width: 850px !important;}
}
@media screen and (max-width: 767px) {
  .loginWrap .well{padding:5px;}
}
@media screen and (min-width: 768px) and (max-width: 991px)  {
  .hilit{min-height:375px;}
}

.videopop video{ width:100%;}
.videopop .modal-body{padding:0;margin-bottom: -5px;}
.videopop{border-radius:0;}
.videopop button.close{padding: 0;cursor: pointer;border: 0;position: absolute;right: -13px;top: -13px;background: #fff;color: #000;text-shadow: none;opacity: 1;width: 32px;height: 32px;border-radius: 50px;filter:none; z-index:1;}