@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Proxima Nova Light';
  font-style: normal;
  font-weight: 300;
  src: local('Proxima Nova Light'), local('ProximaNova-Light'), url(../css/fonts/ProximaNova-Light.woff) format('woff');
}
@font-face {
  font-family: 'Proxima Nova Semibold';
  font-style: normal;
  font-weight: 300;
  src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'), url(../css/fonts/ProximaNova-Semibold.woff) format('woff');
}
@font-face {
  font-family: 'Proxima Nova Bold';
  font-style: normal;
  font-weight: 300;
  src: local('Proxima Nova Bold'), local('ProximaNova-Bold'), url(../css/fonts/ProximaNova-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Proxima Nova Regular';
  font-style: normal;
  font-weight: 300;
  src: local('Proxima Nova Regular'), local('ProximaNova-Regular'), url(../css/fonts/ProximaNova-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Aeonik Regular';
	font-style: normal;
	font-weight: 400;
	src: local('Aeonik Regular'), local('Aeonik-Regular'), url(../css/fonts/Aeonik-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Aeonik Bold';
	font-style: normal;
	font-weight: 700;
	src: local('Aeonik Bold'), local('Aeonik-Bold'), url(../css/fonts/Aeonik-Bold.otf) format('opentype');
}
.login-outer-panel {
	font-family: Open Sans;
	width: 100%;
	height: 100%;
}
.login-left-panel {
	float: left;
	width: 65%;
	height: 100%;
}
.login-right-panel {
	float: right;
	width: 35%;
	background-color: #fff;
	height: 100%;
}
.login-footer {
    position: absolute;
    /* float: right; */
    bottom: 0px;
    /* padding: 0 6%; */
    display: block;
    text-align: center;
    width: 35%;
}
@media screen and (min-width: 300px) and (max-width: 1024px) {
	.login-right-pane {
		display: none !important;
	}
	.login-left-panel {
		margin-left: -20px !important;
	}	
	
	.span5 {
		width: 295px !important;
	}	
}
.login-left-panel {
	background-image:url(../images/login-background.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-color: #002D49;
}
.login-left-footer {
	position: fixed;
    bottom: 40px;
    left: 65px;	
	font: normal 12px/14px 'Proxima Nova Regular';
}
.login-left-footer .info-box{
	width:320px;
	text-align: left;
}
.login-left-footer .info-box ul {
	padding: 0px 8px;
}
.login-left-footer .info-box ul li {
	margin: 3px 5px;
	color:#fff;
}
.login-left-footer .feature-box{
	width:333px;
	margin-top:50px;
	border:1px solid #1366A6;
	border-radius: 16px;
    text-align: left;
}
.login-left-footer .feature-box img{
	display: inline-block;
	vertical-align: top;
	padding: 15px 6px 12px 15px;
}
.login-left-footer .feature-box .feature-text{
	display: inline-block;
	color: #fff;
	padding: 15px 15px 6px 6px;	
}
.login-left-footer .feature-box .heading, .login-left-footer .info-box .heading{
	font-size: 13px;
	color: #1366A6;	
}
.login-left-footer .feature-box a{
	color: #fff;
    line-height: 28px;	
}
.login-left-footer .feature-box a:hover{
	text-decoration:none;	
}
.login-left-footer .feature-box a:focus{
	text-decoration:none;	
}
.login-left-footer .feature-box .arrow{
	font-size: 30px;
    color: #1366A6;
    line-height: 7px !important;
    vertical-align: text-top;	
}
@media screen and (min-width: 1024px) and (max-width: 1680px) {
	.login-left-panel {
		display: block !important;
	}
}


.left-login-header{
	margin-top: 20px;
    text-align: left;
    margin-left: 20px;
}
.visual-inner {
	overflow: hidden;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;

}
.login-header {
	margin-bottom: 25px;
	margin-top: 25px;
}

.login-inner-container {
	margin-bottom: 30px;
	margin-top: 30px;
}

.span5 {
	width: 380px
}
.span3 {
	width: 220px
}
.login-service-provider-info {
	float: left;
}

.login-service-provided-by {
	color: #727373;
	font-size: 12px;
}

.login-service-provider-info .login-service-provider-logo {
	background: transparent left top no-repeat;
	height: 45px;
	width: 180px;
}
.pull-right {
	float: right
}

.pull-left {
	float: left
}
.footer-link {
	font: normal 13px/14px 'Proxima Nova Regular' !important;
	color: #2d7ebc;
}
.footer-text {
    font: normal 12px/12px 'Proxima Nova Regular' !important;
    color: #999;
	margin: 10px 0 10px 0;
}
.form-signin, .error-content
{
    width: 350px;
    padding: 0 25px;
}
.form-signin .form-signin-heading
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    color: #30333F;
    font: normal 15px 'Proxima Nova Regular';
	margin-top: 20px;
	margin-left:20px;
}
.form-signin .form-control
{
    position: relative;
    color: #000 !important;
    font: normal 16px 'Proxima Nova Light' !important;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{    
    border-radius: 4px; 
	
}
.form-signin input[type="password"]
{   
    border-radius: 4px;
}
.form-signin .btn-custom{
	font: normal 14px/24px 'Proxima Nova Regular' !important;
    color: white;
}
.form-signin .signin-custom{
	border-left: none;
    border: 1px solid #C2C2C2;
	padding: 11px 8px 11px 10px !important;
    box-shadow: none;
    margin-bottom: 10px;
    border-radius: 4px;
}
.identity-provider{
    height: 85px;
    display: block;
}
.btn-blue{
	background-color: #002D49;
	border-color: #002D49;
	--bs-btn-active-border-color: #002D49;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-hover-bg: #002D49;
	--bs-btn-active-bg: #002D49;
	width:100%
}
.forgot-password{
	margin-top: 30px;
    display: inline-flex;
	text-align: center;
	font: normal 16px/13px 'Proxima Nova Regular' !important;
}
.or-text{
	display: none;
}
.text-with-line {
	width: 296px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    line-height: 0.1em;
    margin: 30px 0 20px;
    display: inline-block;
 } 
 
 .text-with-line span { 
	background: #fff !important;
    font: normal 14px/0px 'Proxima Nova Regular' !important;
    padding: 0 10px;
    color: #999;
 }
 .btn{
	 padding: 7px 12px;
 }
 .info-page{
	min-height:80px;
	font: normal 13px/20px 'Proxima Nova Regular' !important;
	height:50px;
	font-size: 12px;
	width: 350px;
}
.login-title{
	font: 600 16px 'Proxima Nova Regular' !important;
	color: #333;
	margin-top:6px;
}
 ::-webkit-input-placeholder { /* Edge */
	font-style: italic;
	font-size: 14px;
	color: #ccc;
  }
  
  :-ms-input-placeholder { /* Internet Explorer */
	font-style: italic;
	font-size: 14px;
	color: #ccc;
  }
  
  ::placeholder {
	font-style: italic;
	font-size: 14px;
	color: #ccc;
  }
.overlay{
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999999;
	background:#fff;
}
.overlay-img{
	background:url(../images/loader.gif);
	width:64px;
	height:64px;
	top:45%;
	left:45%;
	position:fixed;
	z-index:99999999;
}
.link-seperator{
	color: #000;
    font-size: 12px;
}
.modal-window .modal-header {
     font: normal 18px 'Proxima Nova Regular';
    padding: 11px 8px 7px 8px;
    color: #4C4C4C;
}
.modal-window .modal-body{
	border: none;
    background: white;
    font: normal 14px 'Proxima Nova Regular';
    color: #333333;
}
.modal-window .modal-footer .button-primary {
    font: normal 13px 'Proxima Nova Regular';
    color: white;
    padding: 9px 18px 8px 18px!important;
    text-transform: uppercase;
    background-color: #2d7ebc;
    border-radius: 4px;
    border: none;
}
.modal-window .modal-footer {
    padding: 8px 8px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-content{
	width: 800px;
}
.validation-toast-message{
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    height: 50px;
    border: 1px solid #3b892b;
    border-radius: 4px;
    margin-top: 100px;
    background-color: #d6ffce;
    text-align: center;
    padding: 16px;
    color: #3b892b;
    font: normal 16px 'Proxima Nova Regular' !important;
	display:none;
}
.button-danger{
    font: normal 13px 'Proxima Nova Regular';
    color: #333;
    padding: 9px 18px 8px 18px!important;
    text-transform: uppercase;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #333;
	margin: 10px 0 10px 10px;
}
.align-left{
    float:left;
}
.privacy, .terms{
	cursor: pointer;
}
.toast-message{
	display:block !important;
}
.policyContent{
	width: 100%;
    float: left;
    overflow: scroll;
    height: 420px;
}
.modal-footer-content{
	border-top: 1px solid #ccc;
    float: left;
    width: 100%;
    padding: 10px;
}
.policy.modal-window .modal-footer {
    padding: 0 !important;
    border: 0px !important;
}
.weak_pwd{
	color: #DB0000;
	font-family: 'Proxima Nova Regular';
	font-style: normal;
	font-weight: bold;
}
.fair_pwd{
	color: #E9A113;
	font-family: 'Proxima Nova Regular';
	font-style: normal;
	font-weight: bold;
}
.good_pwd{
	color: #E5E613;
	font-family: 'Proxima Nova Regular';
	font-style: normal;
	font-weight: bold;
}
.strong_pwd{
	color: #9FDB00;
	font-family: 'Proxima Nova Regular';
	font-style: normal;
	font-weight: bold;
}
.very_strong_pwd{
	color: #00B531;
	font-family: 'Proxima Nova Regular';
	font-style: normal;
	font-weight: bold;
}
.password-strength-toast-message {
    position: absolute;
    top: 120px;
    right: 610px;
    margin-left: -40PX;
    width: 300px;   
    border: 1px solid #E0DAB0;
    border-radius: 4px;
    margin-top: 100px;
    background-color: #FEFEDA;
    text-align: center;
    padding: 16px;
    font-family:sans-serif;
	font-size: 13px;
    display: none;
    z-index: 10;
    -webkit-box-shadow: 2px 2px 4px -2px rgba(0,0,0,0.8);
    -moz-box-shadow: 2px 2px 4px -2px rgba(0,0,0,0.8);
    box-shadow: 2px 1px 4px -2px rgba(0,0,0,0.8);
}

.password-strength-toast-message:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 14px;
    right: -13px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #c1c1c1;
    -moz-box-shadow: 2px 2px 4px -2px rgba(0,0,0,0.8);
}
.password-strength-meter div{
	width:20px;
	height:3px;
	float:left;
	display:inline-block;
	margin-right:10px;
}
.password-strength-text{
	
	font-size:12px;
	margin-bottom:6px;
}
.meter-week{
	background-color:#DB0000;
}
.meter-fair{
	background-color:#E9A113;
}
.meter-good{
	background-color:#E5E613;
}
.meter-strong{
	background-color:#9FDB00;
}
.meter-very-strong{
	background-color:#00B531;
}
.meter-empty{
	background-color:#ccc;
}
.otp-title{
	font:  16px 'Proxima Nova Regular' !important;
	color: #333;
	margin-top:6px;
	width:300px;
}
.welcome-title{
	margin-bottom: 100px;
    display: inline-flex;
	text-align: center;
	font: normal 22px/13px 'Proxima Nova Regular' !important;
	color: #2d7ebc;
}
.tnc-footer{
	display: none;
	font: normal 13px/18px 'Proxima Nova Regular' !important;
}
.user-types-div{
	font:  16px 'Proxima Nova Regular' !important;
	color: black;
	margin-top:6px;
	width:300px;
	font-weight: bold;
}
.user-type{
	cursor: pointer;
	border-radius: 50%;
}
.btn-eka-sign-in{
	font: normal 14px/24px 'Proxima Nova Regular' !important;
    color: white !important;
	width:300px;
	display: none;
	border-color: #002D49 !important;
}
.user-types-div td{
	padding: 15px;
	text-align: center;
	width:350px;
}
.login-type img:hover{
    -webkit-box-shadow: 0px 0px 5px 1px rgba(45,126,188,1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(45,126,188,1);
    box-shadow: 0px 0px 5px 1px rgba(45,126,188,1);
}
#formSignIn{
	margin-top:21%;
}
#formResetPwd input[type="password"] {
    width:100%;
	float:left;
}
#formResetPwd #pwd{
	margin-right:4%;
}
#pwd-policy-div{
	padding:5px;
	background-color:#FEFEDA;
	font-family:sans-serif;
	font-size: 13px;
	
}
#pwd-policy-list{
	font-size: 13px;
}
#pwd-policy-list td{
	vertical-align:top;
	padding:5px;
}
#pwd-mismatch-div{
	padding:5px;	
	background-color:#FEFEDA;
	font-family:sans-serif;
	color:#DB0000;
	font-size: 13px;
}
#pwd-mismatch-activation-div{
	margin-top:62px;
	margin-bottom:10px;
	padding:5px;
	border: 1px solid #E0DAB0;
	background-color:#FEFEDA;
	font-family:sans-serif;
	color:#DB0000;
	font-size: 13px;
}

.arrow_box {
	position: relative;
	background: #FEFEDA;
	border: 1px solid #e0dab0;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(254, 254, 218, 0);
	border-bottom-color: #FEFEDA;
	border-width: 13px;
	margin-left: -13px;
}
.arrow_box:before {
	border-color: rgba(224, 218, 176, 0);
	border-bottom-color: #e0dab0;
	border-width: 14px;
	margin-left: -14px;
}
#pwd-policy-div:after, #pwd-policy-div:before{
	left: 25%;
}
#pwd-mismatch-div:after, #pwd-mismatch-div:before{
	left: 75%;
}
a[data-href] {
    color: #007DBF;
    cursor: pointer;
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* CSP related changes - moving inline css to stylesheet */
#snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #90EE90;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	font-size: 17px;
}
#snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#mailer {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #90EE90;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
  position: fixed;
  top : 5%;
  z-index:2;
  left: 50%;
	font-size: 17px;
}

#mailer.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.f30 {color:red;}
.f122 {height: 87.8vh;}
.f123 {max-width:75%;}
.f124 {color:red; padding:40% 0}
.f125 {font-size:24px; line-height:34px;}
.f126 {text-align:center;}
.f127 {margin-top:20px}
.f128 {color:red; height:15px;}
.f129 {text-align:center; height:85px;}
.f130 {display: none;}
.f131 {margin-bottom: 15px;}
.f132 {margin-top: 13px}
.f133 {margin-top:30px; font-size: 14px !important; line-height: 13px !important; font-family:"Proxima Nova Regular"}

/* CSP changes ends here */
.dual-fields{
	width: 100%;
    display: inline-flex;
}
#pwd-policy_activation-div{
	margin-top:1px;
	margin-bottom:10px;
	padding:5px;	
	background-color:#FEFEDA;
	font-family:sans-serif;
	font-size: 13px;

}
#pwd-policy_activation-div:after, #pwd-policy_activation-div:before{
	left: 25%;
}

@media only screen and (max-width:600px){
	.password-strength-toast-message {
		left:20% !important;
	}
}
@media only screen and (min-width:600px){
	.password-strength-toast-message {
		left:35% !important;
	}
}
@media only screen and (min-width:768px){
	.password-strength-toast-message {
		left:35% !important;
	}
}
@media only screen and (min-width:992px){
	.password-strength-toast-message {
		left:40% !important;
	}
}
@media only screen and (min-width:1100px){
	.password-strength-toast-message {
		left:45% !important;
	}
}
@media only screen and (min-width:1200px){
	.password-strength-toast-message {
		left:49% !important;
	}
}
@media only screen and (min-width:1400px){
	.password-strength-toast-message {
		left:52% !important;
	}
}
.left-container {
    position: fixed;
    left: 5%;    
    vertical-align: middle;
    padding: 30px;
    text-align: center;
    top: 26%;
    background-color: #002D49;
	opacity: 0.8;
	width: 475px;
	/* height: 355px; */
}
.left-container .heading {
	font: normal 21px/24px 'Aeonik Bold';
    /* height: 58px; */
    color: #ffffff;
    display: block;
    margin-bottom: 20px;
}
.left-container .info-box {
	font: normal 15px/18px 'Aeonik Regular';
	color: #ffffff;	
	/* width: 288px; */
	text-align: left;
	margin-bottom: 20px;
}
.left-container .info-box a{
	color: #fff;
	text-decoration: underline;
}
.info-cta img {
	width: 135px
}
.footer-eka-logo {
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-eka-logo img {
	width: 120px;
}
.footer-eka-logo span{
	font: normal 12px/14px 'Proxima Nova Regular';
    color: #fff;
    padding: 16px 0 0 12px;
}
.otp-verification-title {
	margin-bottom: 15px;
}
.otp-verification-message {
	font: normal 13px/18px 'Proxima Nova Regular' !important;
	color: #333;
}
.info-page-403 {
	min-height: 80px;
    font: normal 13px/20px 'Proxima Nova Regular' !important;
    display: flex;
    height: 50px;
    font-size: 12px;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-top: 20%;
	color: black;
}

.no-policy {
    width: 375px;
	margin-top: 190px;
}

.no-policy-content {
	line-height: 20px;
    text-align: center;
    overflow: hidden;
    height: 40px;
}

.model-btn-close {
	font-size: 10px;
    padding-right: 15px;
    margin-top: -10px;
}