@charset "UTF-8";

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

.loginWrap{padding:10px 10px 40px;}
.loginWrap .btn {margin-top:10px;}
.loginWrap label{color:#000;} 
.loginbg{background: url(../../images/brand/landscape.png) 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(225, 225, 225, 0.4); border:none;}
.lgn-logo{background:url(/Corporatebanking/themes/images/brand/landinglogo-31acf25e22e6ec96e17893921490fee1.png) no-repeat center top / 70% auto;height:65px;clear: both;}
.tagline{ 
    font-size: 38px;
    color: #004880;
    font-weight: 700;
}
.hilit{background:rgb(255,255,255);padding:5%;margin:1%;border-radius:15px; border:1px solid #eee;}
.hilit_firstime{background:rgba(255,255,255,0.8);padding:3%;margin:1%;border-radius:5px;}

/***************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:#004880;
	color:#fff;
	text-shadow: -1px -1px 0px #025770;
}
.keyboard_wrap a.btn:hover, .keyboard_wrap a.caps:hover{
	background:#004880 ;
	color:#fff;
	text-shadow: -1px -1px 0px #025770;
}

.keyboard_wrap a.highlight{
	background:#333;
	color:#eee;
	text-shadow: -1px -1px 0px #000;
}
.keyboard_wrap{ background:rgba(255,255,255,1);border-radius: 10px 10px;padding: 15px;}
.outer_keyboard{position: absolute;left:0;top:30%;display: none; width:100%}
#mydiv {
	 position: absolute;
    z-index: 9;
    padding: 10px;
    cursor: move;
    z-index: 9;
    background-color: #004880;
    color: #fff;
    border-radius: 10px 10px;
	    box-shadow: 1px 1px 5px #ccc;
  }
  
#mydivheader {
  color:#fff;
  font-size:18px;
  padding:5px 10px 10px;
  cursor: move;
  z-index: 10;

}

.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(/Corporatebanking/themes/images/brand/landscape-785282f9977f397d79c66b05551c0d24.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 (max-width: 667px) {
	.lgn-logo{
		height: 50px;
		background-position:center top;
	}
}

.forgot{ margin-top:3px; }
.forgot a{background-color:#f3f3f3 !important; font-size:12px;border-color: #ccc !important; color: #333 !important;}
.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:#000;}
.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: #3e4045;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;}
.loginbg{background: url(/Corporatebanking/themes/images/brand/portrait-7c557ee17782fea58aa9b794b9b3436b.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: 769px) {
	.login-footerwrap .copyrights{ float:right;}
	.login-footerwrap .userfullLinks{ float:left;}
}

/*Css for captcha added on 15-03-2021*/
.captchaDiv .captcha_img{width:200px;}
.captchaDiv .captcha_img img{border-radius:5px 0 0 5px;}
.captchaDiv .captcha_button button{padding: 15px 15px 15px;border: none;border-left:1px solid #ccc;background: #f7f7f7;border-radius:0 5px 5px 0;}


/* login error msg style */
.hilit p.help-block{background: #ffecef;padding: 2px 5px;margin-top: 0px;border: 1px solid #a94442;border-top-width: 1px;border-top-style: solid; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;border-top: 0;font-size:13px;
}
.hilit .ws-errorbox{position: relative;z-index: 1;margin-top: -3px;}

/* Prelogin pages */

.hilit_firstime p.help-block .hilit .ws-errorbox{position: relative;z-index: 1;margin-top: -3px;}
.keyboard_first{margin-top:0 !important;margin-bottom:15px;}
.keyboard_first a.keys{width:25px !important;height:25px !important;font-size:1em !important;}
.keyboard_first a.btn, .keyboard_first a.caps{height:25px !important;font-size:1em !important;}
.hilit_firstime .panel-heading a{color:#333;}
.hilit_firstime .panel-heading{cursor: default;}
.hilit_firstime .progress{margin-top:-10px;}
/* Secure Image */

.secureImg_register {
 float: left;
 margin: 0 0 0 15px;
 position: relative;
 cursor: pointer;
}
.secureImg_register .control {
 top: -32px;
 left: 5px;
}
.secureImg_register .control--radio .control__indicator {
 border-radius: 10%;
 color:rgba(0,0,0,0.7);
}
.secureImg_register .control--radio .control__indicator:after {
 top: -1px;
 left: 5px;
 width: 8px;
 height: 8px;
 content: "\2713";
 background: none;
 font-weight: bold;
}
.registration .control {
	font-size: 18px;
}
.password_policy {
	font-size: 12px;
}  
.password_policy .text-success::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f00c";
	font-size: 12px;
	width: 8px;
	height: 8px;
}  
.password_policy .text-danger::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f00d";
	font-size: 12px;
	width: 8px;
	height: 8px;
}  
.progress {
	height: 6px;
	width: 150px;
	margin-top: 6px;
  }

.important_link{
	line-height: 22px;
	margin: 15px 15px 0;
}

.important_link a{
	color:#333;
}
.security_tips{
	background: rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    padding: 15px;
	margin: 1% auto 0;
	width:100%;
}
.security_tips h3{
	color:#004880;
	margin-top:5px;
}
.security_tips ul{
	padding:0px 0px 0px;
}
.security_tips ul li{
	margin-left:15px;
	margin-top:10px;
}
.security_tips_pop ul{ padding:0px 0px  0 20px;  }
.footerwrap{background-color:#000000; font-size: 10px; height:30px; left:0; color: #c0c0c0;line-height: 28px; padding: 0 10px;position: fixed;}
.footerwrap .userfullLinks a{color: #c0c0c0; }
.footerwrap .userfullLinks a:before {content: "|"; margin-right: 5px;}
.footerwrap .userfullLinks a:first-child:before {display:none;}
.m0{margin:0 !important;}
.maintenance{
	background-color: rgba(255, 255, 255, 0.5); border: none;border-radius: 15px; color: #CA282F;font-size: 16px;
}
.maintenance h3{color: #CA282F;}
@media screen and (max-width: 768px) {
	.tagline{
		font-size:36px;
	}
}
@media screen and (max-width: 767px) {
	.security_tips{
		margin-top:20px;background: rgba(255, 255, 255, 1);
	}
}




.security_tips{
	background: rgba(255, 255, 255, 0.5);
    border-radius: 15px;
	margin: 1% auto 0;
	width:100%;
}
.security_tips h3{
	color:#004880;
	margin-top:5px;
}
.security_tips ul{
	padding:0px 0px 0px;
}
.security_tips ul li{
	margin-left:15px;
	margin-top:10px;
}
.security_tips .tab-content{padding:15px;}
.security_tips .tab-content p img{margin:15px 0;}
.security_tips .nav-tabs > li > a{color:#004880;font-size: 18px; padding: 10px;}
.security_tips .nav-tabs > li.active > a, 
.security_tips .nav-tabs > li > a:hover{background: transparent; border-color: transparent;box-shadow: none;position:relative; color:#000;}
.security_tips .nav-tabs > li.active > a:after{content: "";position: absolute;display: block;width: 60%;height: 3px;background-color: #ED3B25;bottom: 0; left: calc(50% - 30%);}
.security_tips .nav.nav-tabs{border-color: transparent;width:100%}
.security_tips .nav.nav-tabs li{margin:0; position: relative;}
.security_tips .nav.nav-tabs li.spacer{font-size: 2.5rem;color: #777;}
.security_tips .nav.nav-tabs li:after:first-child{content: "";position: absolute;width: 2px;height: 30px;background-color: red;right: 0;top: 9px;}
.security_tips .nav.nav-tabs img{width: 20px;}


.security_tips_pop ul{ padding:0px 0px  0 20px;  }

.newBiz{background: rgba(255, 255, 255, 0.5);border-radius: 15px;margin: 1% auto 0;width: 100%;padding: 15px; margin-top: 25px;}
.newBiz .newBiz-title{font-size: 18px;padding: 0 0 10px;color: #004880}
.newBiz ul{padding: 0;}
.newBiz ul li {margin-left: 15px;margin-top: 10px;}
.newBiz .newBiz-title img{width: 20px;}

.loginformstyle .tab-content{padding:15px;}
.loginformstyle .tab-content p img{margin:15px 0;}
.loginformstyle .nav-tabs > li > a{color:#004880;font-size: 18px; padding: 10px;}
.loginformstyle .nav-tabs > li.active > a, 
.loginformstyle .nav-tabs > li > a:hover{ border-color: transparent;box-shadow: none;position:relative; color:#000;}
.loginformstyle .nav-tabs > li.active > a:after{content: "";position: absolute;display: block;width: 60%;height: 3px;background-color: #ED3B25;bottom: 0; left: calc(50% - 30%);}
.loginformstyle .nav.nav-tabs{border-color: transparent;width:100%}
.loginformstyle .nav.nav-tabs li{margin:0; position: relative;}
.loginbg .hilit{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);}
.loginbg .hilit .nav.nav-tabs{width:100%;}
.loginformstyle .nav.nav-tabs li.spacer{font-size: 2.5rem;color: #777;}
.loginformstyle .nav.nav-tabs li:after:first-child{content: "";position: absolute;width: 2px;height: 30px;background-color: red;right: 0;top: 9px;}

/* Payment Gateway Css */
.transfers_block .lead{font-size:21px;}
.transfers_block .lead .amt{font-weight: bold;}
.payment_gateway section{background: #fff !important;box-shadow: none;border:1px solid #ccc;}
.payment_gateway section .panel{border:none;box-shadow: none;background:transparent;}
.payment_gateway table td{background: #fff;}
.timer_text{color:#CA282F;font-size:16px; font-weight: bold;}
.loginformstyle .prelogincss{padding-left: 0px; padding-right: 0px;}

.tax-timer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1050;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 50px;
}
.custom-close-button {
    border: none;
    background: transparent;
}
/* .noscroll {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden; Prevent scrolling
}

.loginbgnoscroll {
    background: url(../../images/brand/landscape.png) no-repeat center center fixed;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

Ensure full visibility with 130% zoom
.zoom-effect {
    transform: scale(1.1);
    transform-origin: top;
    width: 100%;
    height: 100%;
} */
/* .zoom-effect {
    transform-origin: top;
    width: 100vw; Adjust to viewport width
    height: auto; Adjust to viewport height
 	overflow: hidden;Enables scrolling if necessary
}

Different Zoom Levels
.zoom-130 {
    transform: scale(0.6);
}

.zoom-120 {
    transform: scale(1.2);
}

.zoom-110 {
    transform: scale(1.1);
}

.zoom-100 {
    transform: scale(1);
}


.zoomable {
    transform: scale(0.6);
    transform-origin: top left;
    width: 111.1%; Compensate for shrinkage
} */