@charset "UTF-8";

@font-face {
font-family: 'Roboto Condensed';
src: url('../fonts/rc/RobotoCondensed-Regular.eot');
src: url('../fonts/rc/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/rc/RobotoCondensed-Regular.woff2') format('woff2'),
	url('../fonts/rc/RobotoCondensed-Regular.woff') format('woff'),
	url('../fonts/rc/RobotoCondensed-Regular.ttf') format('truetype'),
	url('../fonts/rc/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto Condensed';
src: url('../fonts/rc/RobotoCondensed-Bold.eot');
src: url('../fonts/rc/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/rc/RobotoCondensed-Bold.woff2') format('woff2'),
	url('../fonts/rc/RobotoCondensed-Bold.woff') format('woff'),
	url('../fonts/rc/RobotoCondensed-Bold.ttf') format('truetype'),
	url('../fonts/rc/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}

html,body{margin:0; padding:0; height:100vh;}
body{font-family:'Roboto Condensed', sans-serif !important; font-size:14px; color:#212529;  font-weight: normal;}
h3, p, .tel_cls{text-align:center;}
h4{text-align:left;}
.wh_auto{width:100%; position:relative;}
.logo_cls{width:155px; margin:0 auto 20px auto; display:block;}
.chat_icon{display:block; margin:20px auto;}
.chat_icon img, .chat_icon a{display:flex; align-items:center; justify-content:center;}
.login_inner_cls h3{font-weight:600; margin-bottom:15px;}
.login_inner_cls form .form-control{font-size:14px; padding:6px 15px;height: auto;}
.login_inner_cls form button, .login_inner_cls form a.btn.btn-primary{background:#0e79bf; color:#fff; padding:8px 15px; border:none; outline:0; border: 1px solid #0e79bf;}
.login_inner_cls form button:focus, .login_inner_cls form a.btn.btn-primary:focus{box-shadow:none; outline:0;}
.login_inner_cls form button:hover, .login_inner_cls form a.btn.btn-primary:hover{background:#0d71b3; color:#fff;}
.tel_cls, .tel_cls:hover{font-size:28px; color:#333; font-weight:600; text-decoration:none; width:auto; margin:0 auto; display:table;}
.hyperlink_clr, .hyperlink_clr a{color:#000; font-weight: bold;}
.text_underline{text-decoration:underline;}
.text_underline:hover{text-decoration:none;}
.form-group label{font-size:14px; font-weight:600; margin-bottom:3px; color:#212529;}
span{margin-bottom:10px;}
label > span{display:inline; margin-bottom:0; font-size:auto;}
em.invalid{color:#dc3545; font-size:13px; margin-top:5px; display:block;}
label.error{color:#dc3545; font-size:13px; margin-top:5px; display:block;}
.left_header_img{max-height:fit-content; height:auto; margin:0 auto 20px auto; display:block;}
.partner_logo > img{position: absolute;top: 15px; left: 15px;}
img.footer-logo{max-height:150px;}
.loader-bg{overflow:hidden; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; min-height:100vh; display:flex; justify-content:center; align-items:center; z-index: 11; background-color:rgba(0, 0, 0, 0.5);}
.loader, .loader:after{border-radius:50%; width:50px; height:50px;}
.loader{margin:0; font-size:10px; position:relative; text-indent:-9999em; border-top:3px solid rgba(255, 255, 255, 0.2); border-right:3px solid rgba(255, 255, 255, 0.2); border-bottom:3px solid rgba(255, 255, 255, 0.2); border-left:3px solid #fff; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-animation:load8 1.1s infinite linear; animation:load8 1.1s infinite linear;}

@-webkit-keyframes load8{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}

@keyframes load8{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}

/** Modal CSS **/
#tandcModel.modal.show .modal-header{position:relative;}
#tandcModel.modal.show button.close{position:absolute; top:-5px; right:-5px; background:#444; border-radius:50%; opacity:1; display:flex; align-items:center; justify-content:center; width:48px; height:48px; text-align:center; z-index:9; padding:0;}
#tandcModel.modal.show button.close:hover{opacity:1;}
#tandcModel.modal.show button.close svg{color:#fff; text-shadow:none;}
#tandcModel.modal .modal-content{border:8px solid rgba(0,0,0,0.10); border-radius:0;}
#tandcModel.modal .modal-content label{font-size:13px; font-weight:bold; margin-bottom:1px;}
#tandcModel.modal .modal-content .form-control{height:30px; padding:0px 10px; font-size:13px;}
#tandcModel.modal .modal-content button{font-size:13px;}
#tandcModel.modal .modal-content button span{margin-bottom:0;}
#tandcModel.modal .modal-content button:focus, .modal .modal-content button:active{outline:0;}
#tandcModel.modal .modal-content *{text-align:left;}
#tandcModel .modal-body{max-height:calc(100vh - 212px); overflow:auto;}
#tandcModel.modal .modal-content ul{padding-left:15px;}
.customer-tc-cls{display:flex; max-width:100%; flex:0 0 100%; flex-wrap:wrap;}
.customer-tc-cls label.error{order:5; display:flex; max-width:100%; flex:0 0 100%; flex-wrap:wrap;}
/** End **/

#scgQrO, .live_chat{position:inherit !important; bottom:inherit !important; left:inherit !important; right:inherit !important; width:auto !important;  display:flex; align-items:center; justify-content:center; z-index:9; max-width:100%; flex:0 0 100%;}
#scgQrO img, .live_chat img{max-width:100%;}

.captcha-area > div{transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0;}

@media (min-width:768px){
.login_inner_cls{padding:60px; max-width:520px; min-width:400px; position:relative; z-index:1;}	
.grey_bg:before{content:''; background:#efefef; position:absolute; height:100%; width:calc(100% - 80px); top:0; left:80px; right:0; bottom:0;}
.grey_bg:after{content:''; background:#efefef; position:absolute; transform:skewX(-8deg); height:100%; width:calc(80% - 15px); top:0; left:-15px; right:0; bottom:0;}
}

@media (max-width:767px){
.login_inner_cls{padding:60px 0;}	
.grey_bg{background:#efefef;}
.login_container_cls .h-100{height:auto !important;}
.grey_bg:before{width:100%;}
.login_inner_cls{position:relative; top:inherit; transform:inherit; left:0; right:0; width:calc(100% - 30px);}
#tandcModel .modal-dialog{padding:25px 20px;}
#tandcModel.modal .modal-footer > button{width:100%;}
#scgQrO, .live_chat{bottom:inherit !important; left:inherit !important; right:inherit !important;}
.live_chat .chat_icon img{width:70px; box-shadow:5px 5px 12px 0 rgba(0,0,0,0.25); border-radius:50%;}
#scgQrO > a img{display:none;}
#scgQrO > a{position:relative;}
#scgQrO > a:before{content:'';background:url(../images/chat-icon-online.png) no-repeat; width:85px; height:85px; display:block; background-size:100%; box-shadow:5px 5px 12px 0 rgba(0,0,0,0.25); border-radius:50%;}
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){
.login_inner_cls form .form-control{line-height:1; padding:10px 15px;}
.h-100{min-height:100vh; height:auto !important;}
.row.h-100 > div{min-height:100vh;}
}
.swal2-container .swal2-popup{width:320px !important;}
.swal2-container .swal2-popup .swal2-styled{margin:0 8px; padding:7px 20px;}
.swal2-icon-text{font-size:1.75em; align-self:center;}
.swal2-icon{margin-bottom:0 !important;}