@charset "utf-8";
/* Login CSS Document */

body {font-family: Segoe UI, arial, sans-serif !important; font-weight: normal; font-size: 15px !important; color: #242424 !important;}

@font-face {font-family: 'SegoeUIRegular'; src: url('../fonts/SegoeUIRegular.ttf'); }

@font-face {font-family: 'SegoeUILight'; src: url('../fonts/SegoeUILight.ttf'); font-weight: lighter; font-style: normal;}

.login{background: url(../images/login-bg.jpg) no-repeat top fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}

.login_logo{background-color:#fff !important;padding:24px 20px;border-radius: 10px 10px 0 0;overflow: hidden;text-align:center;}

.login_body{padding:20px 20px 1px;}

.form-control{font-size:16px;background-color:#fff !important;border:1px solid #d7d7d7!important;border-radius:4px;color:#555;display:block;padding:20px 12px 18px 12px !important; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width:100%;box-shadow:none !important;}
	
.login-form .form-control::-webkit-input-placeholder{color:#ccc!important;opacity:1;}
  
/*Chrome/Opera/Safari */ .login-form .form-control::-moz-placeholder{color: #ccc !important;opacity:1;}

/* Firefox 19+ */ .login-form .form-control:-ms-input-placeholder{color: #ccc!important;opacity:1;}  

/*IE 10+*/ .login-form .form-control:-moz-placeholder{color: #ccc !important;opacity:1;} 

.btn-log{background-color:#168fce;border-color: #168fce;color:#fff;margin-bottom:2px!important;margin-left:1px;outline:none;padding:7px 20px 5px 20px !important;font-size:16px!important;margin-bottom:15px!important;}

.login-form .custom-control-label{font-size:14px !important; line-height: 25px;}

.login p a{color:#0F6CBD; font-size:16px;}

.code-btn{border:none !important; color: #FFF !important; padding: 8px 8px !important;
	  background: rgb(255,105,2);
background: -moz-linear-gradient(-90deg, rgba(255,105,2,1) 1%, rgba(255,22,0,1) 100%);
background: -webkit-linear-gradient(-90deg, rgba(255,105,2,1) 1%, rgba(255,22,0,1) 100%);
background: linear-gradient(-90deg, rgba(255,105,2,1) 1%, rgba(255,22,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6902",endColorstr="#ff1600",GradientType=1); }

.login-bg .input-group{margin:16px 0;}

.footerlog{font-size:14px;width:100%;position:fixed;bottom:0px;color:#fff !important;padding:4px 16px;}

.footerlog .ftlogo{float:left;}

.privacy-terms{padding:16px 10px 13px 10px;float:left;font-size:14px !important;color:#fff !important;}

.privacy-terms a{ color:#fff !important;}

.copyright{float: right;text-align:right !important;font-size:14px;padding:16px 10px 13px 10px;}

.alert-light{color:#000 !important;}

.alert-light a{ color:#0F6CBD !important;font-size: 14px !important;}

.txt-btn { padding-right: 8px; }

.spl-mrg-bot1{ margin-bottom:1px;}

.login .login-head { background: rgba(255, 255, 255, 0.8); padding: 24px 0; /*border-top-left-radius: 2px; border-top-right-radius: 2px;*/ backdrop-filter: blur(6px);}

.login .login-form{max-width:530px;  padding: 0px ;  box-shadow:0px 2px 6px #00000020; -webkit-box-shadow: 0px 2px 6px #00000020;-moz-box-shadow: 0px 2px 6px #00000020;-ms-box-shadow:0px 2px 6px #00000020;-o-box-shadow: 0px 2px 6px #00000020; position: absolute; top: 50%;
  left: 50%; transform: translate(-50%, -50%);  width: 100%; }


.login .login-form h1{font-size:24px; font-weight:600; color:#242424; margin:0;}

.login .login-form p{font-size:16px; margin:0px;}

.login-form .fld-error-msg { font-size: 14px !important; color: #C50F1F; margin-bottom: 0px !important;}

.login-form .error input.outside {  border-bottom: 2px solid #C50F1F !important;}

.login-fld {  padding: 24px 36px 36px 36px;  background: rgba(255, 255, 255, 0.70); margin-top: -8px; /*border-bottom-left-radius: 2px;  border-bottom-right-radius: 2px;*/  backdrop-filter: blur(10px);}

.login-fld .logo{text-align:center; margin: auto; padding:0 0 24px 0;}

.login .c-logo { height: 60px; }

.login-fld .logo p:first-child{font-size:16px; text-align:left;}

.captcha-bg{background:#808080; padding:3px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:5px; margin-bottom:16px;}

.captcha-bg .list-inline{margin-bottom:0px;}

.login-form .form { padding: 0px; margin-top:16px; }

.login-fld.multi-login { padding: 10px; margin-top: 16px; border-radius: 0px;width: 100%; font-size: 1rem; margin-bottom: 0px;font-weight: 500; color: #242424;  }

.login-fld.multi-login:hover { background: #f0f0f0; cursor: pointer; }

.login-fld.multi-login:focus{box-shadow: none;}

.g-icon { width: 20px;  margin-right: 4px; }

.login-form span, .top-error-msg { color: #C50F1F; }

.login-form .required { margin-left: 4px; }

.login-form .otp-btn { padding: 0px; text-align:center; }

.login-form .tertiary-btn { color: #0F6CBD; }

.login-form .tertiary-btn:hover { color: #115EA3; text-decoration:underline; }

.login-form .tertiary-btn:focus { color: #115EA3; text-decoration:underline; box-shadow: none; }

.login-form .clock { width: 18px; margin-bottom: 2px; }

.s-msg {  background: #F1FAF1;  padding: 8px 12px;  border: 1px solid #9FD89F;  border-radius: 4px;  margin-bottom: 16px !important;}

.login-form .password-info h5 { font-size: 16px; margin: 8px auto; }

.password-info .list-unstyled{list-style: disc; margin-left: 20px; line-height: 1.5;}

.list-unstyled{margin: 0 0 10px 10px;}

.info-msg{ margin-top: 8px !important;}

.info-msg svg {vertical-align: text-bottom; margin-right: 6px; margin-top: 3px;}

.login-form .fp {  margin-top: 6px !important;}

/********* Label Outside of Input filed *********/

.position-relative {position: relative !important;margin-bottom: 16px;}

.form input.outside, input[type=text].outside { color: #242424;  width: 100%;  font-size: 16px;  height: 38px;  line-height: normal;
  border-bottom: #616161 solid 1px !important;  border-top: none;  border-left: none;  border-right: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;  margin-bottom: -1px;  padding: 8px;  position: relative;  z-index: 1;  background: #fff;
  margin: 6px 0px; border-radius: 4px; }

.form input:focus,select:focus{ outline: 0 !important; color: #555 !important; border-bottom: #0F6CBD solid 2px !important;}

/*input:focus~.floating-label-outside input:not(:focus):valid~.floating-label-outside{top:12px; left:15px; font-size:10px;opacity:1; font-weight:400;}

input:focus~.floating-label-outside,input:valid~.floating-label-outside{top:-7px; opacity:1; font-size:10px; color:#333;background:#fff; padding:0px 5px; display:none;}

.form input:focus~.floating-label-outside,input:not(:focus):valid~.floating-label-outside{left:15px;}

.floating-label-outside{position:absolute; pointer-events:none; left:15px; top:13px; transition:.2s ease all; color:#333;font-weight:400; font-size:14px; letter-spacing:.5px; z-index:3;}

.input-icon-outside{position:absolute; top:18px; left:15px; z-index:3; color:#727272;}*/

.login .login-form .login-btn { border: 2px transparent ; border-radius: 4px;  min-width: 96px; color: #FFF !important; padding: 6px 12px !important; font-size: 16px !important; background: #0F6CBD;}

.login-btn:hover { background: #115EA3 !important; }

.login-btn:focus{ box-shadow: none;  border: 2px solid #0C3B5E !important;  background-color: #115EA3!important; }

/*.login-btn:hover{ background: #115EA3); }*/

.login-form .cancel-btn { border: 2px solid transparent; border-radius: 4px;  min-width: 96px;  color: #242424 !important;  padding: 6px 12px !important;  font-size: 16px !important;  background: #fff; }


.login-form .cancel-btn:hover { background: #f0f0f0 !important;}

.login-form .cancel-btn:focus {box-shadow: none;  border: 2px solid #242424 !important;  background-color: #e0e0e0; }


.alert-box {background: #fff;width: 20% !important;float: right;padding: 24px !important;position: absolute;top: 30px;right: 30px;}

.login-form .reload-btn:focus { box-shadow: none; }

.login-form .reload-btn { 
  &:hover svg {
  fill: #0F6CBD;
  stroke: #0F6CBD;
  }
}

.login-form .login-btns{ gap:8px}

.alert-dismissible .close {  position: absolute;  top: -8px;  right: -12px;  z-index: 2;  padding: 8px 20px;  color: inherit;}

form{ margin: auto;}

@media (min-width: 320px) and (max-width: 479px) {

/*.logo{margin:10px 50px !important;}*/

.login .login-form{margin:  20% auto !important;  position: relative; top: 0px; left:0px; transform:none; }

.login .login-form h1 { font-size: 22px; }

.alert-box {width: 85% !important; float: none !important;  padding: 24px !important; position: absolute;  top: 15px; height: fit-content; }

.alert-dismissible .close {  padding: 0.25rem 0.5rem;  position: absolute;  top: 0px;  right: 0px;}

.footerlog { position: relative; }

.footerlog .logo, .privacy-terms, .copyright { text-align: center !important; float: none;}

}

@media (min-width:576px) and (max-width:991.98px) {

.login .login-form{ margin: 15% auto !important; position: relative; top:0px; left:0px; transform: none;} 

.alert-box {width: 75% !important; float: none !important;  padding: 24px !important; position: absolute;  top: 15px; height: fit-content; }

.alert-dismissible .close {  padding: 0.25rem 0.5rem;  position: absolute;  top: 0px;  right: 0px;}

.footerlog { position: relative; }

}