@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	font-family: 'Poppins', sans-serif;
	color:#526780;
}
a {
    color: #0d6efd;
    text-decoration: none;
}
.font-14{ font-size: 14px;}
.font-12{ font-size: 12px;}
.font-13{ font-size: 13px;}
.relative { position:relative;}
.form-control { padding: 15px; height: 50px;border:1px solid #E7EAED;}
.form-control:focus { box-shadow: none;}
.btn-primary { color: #fff; background-color: #01057B; border-color: #01057B; width: 100%;}
.pt-50 {padding-top:50px;}
.dropdown-toggle::after {display:none;}
.dropdown-menu { padding: 0px 0px; border: none; border-radius: 10px;border:1px solid #EBEBEB;overflow: hidden;}
.dropdown-item.active, .dropdown-item:active { color: #526780; text-decoration: none; background-color: #F9F9F9;}
.dropdown-item { line-height: 40px; font-size: 13px; padding: 0px 15px; height: 40px;}
.dropdown-divider {  margin: 0px;}
.btn-outline-primary { color: #01057B;  border-color: #01057B;}
input:focus-visible { outline-offset: 0px;outline:#01057B;}
input:focus, select:focus, textarea:focus { outline: none; border-color: #01057B;}
.p-0 {padding:0px;}
.m-0 { margin:0px;}
/*********** New Login page css *******/

.loginnewbg-page { position: relative; width: 100%; height: 100vh;}
.leftlogin-content:before { content: ""; position: absolute; width: 110%; height: 100%; left: 0px; top: 0px;  background: url(../img/left-bgnewadmin.png);  background-repeat: no-repeat;  background-size: cover;  background-position: center;  z-index: -1;}
.leftlogin-content { position: relative; padding: 100px 20px;letter-spacing: 0.15px; text-transform: uppercase; height: 100%;}
.leftlogin-content h4 { font-size: 16px; color: #fff; font-weight: 400; font-family: 'Inter', sans-serif; margin-bottom: 25px;}
.leftlogin-content h3 { font-size: 22px; color: #fff; font-weight: 600; font-family: 'Inter', sans-serif; margin-bottom: 25px;}
.loginbonew-admin {display: block;text-align:center; height: 100%;padding-bottom:50px;}
.loginbonew-admin img.logo-img {width: 180px;margin-bottom:30px;margin-top:50px;}
.loginbonew-admin .loginformbox { background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);  border-radius: 25px; padding: 55px 25px; width: 60%; display: block;  margin: 0px auto;}
.loginformbox h1 {font-style: normal;  font-weight: 600;  font-size: 46px; line-height: 50px; text-align: center; letter-spacing: 0.15px; font-family: 'Inter', sans-serif; color: #000000;  margin-bottom: 0px;}
.loginformbox h1 span {color: #01057B;}
.loginformbox h6 {  color: #1F4761;  font-size: 18px; font-family: 'Inter', sans-serif; font-weight: 600; margin-bottom: 0px;}
.loginformbox p { font-family: 'Inter', sans-serif; font-style: normal;  font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.15px; color: #000000; margin-bottom: 30px;}
.mobilenumber-input input { background: #FFFFFF; border: 1px solid rgba(112, 112, 112, 0.6);  border-radius: 10px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: 0.15px; color: #707070;  height: 50px; width: 100%; padding: 10px 20px;margin-bottom: 20px;}
.styled-checkbox { position: absolute; opacity: 0;}
.styled-checkbox + label { position: relative; cursor: pointer; padding: 0; display: block; text-align: left;color: #707070;font-size: 15px;}
.styled-checkbox + label:before {  content: ""; margin-right: 10px; display: inline-block;  vertical-align: text-top;  width: 16px; height: 16px;  background: white; border: 1px solid #35363A; border-radius: 3px;  position: relative; top: 3px;}
.styled-checkbox:hover + label:before { background: #01057B;}
.styled-checkbox:focus + label:before { box-shadow: none;}
.styled-checkbox:checked + label:before { background: #01057B;}
.styled-checkbox:checked + label:after {  content: "";  position: absolute;  left: 3px; top: 10px; background: white;  width: 2px; height: 2px;  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform: rotate(45deg);}
.login-signup-btn {display: flex; align-items: center; justify-content: center;  gap: 20px;}
.login-signup-btn button {background: #01057B; border-radius: 10px;font-style: normal;font-weight: 700;font-size: 18px;line-height: 24px;letter-spacing: 0.15px;color: #FFFFFF;width: 280px;font-family: 'Inter', sans-serif;padding:10px 15px;border:none;}
.login-signup-btn a {background: #E7EAED; border-radius: 10px;font-style: normal;font-weight: 700;font-size: 18px;line-height: 24px;letter-spacing: 0.15px;color: #01057B;width: 280px;font-family: 'Inter', sans-serif;padding:10px 15px;border:none;}
.re-send-btn {color: #696CFF; text-decoration: underline; font-size: 14px; float: right; margin-bottom: 25px;}
.mobilenumber-otpinput { display: flex; align-items: center; gap: 10px;justify-content: space-between;}
.mobilenumber-otpinput input {  border: 1px solid rgba(50, 71, 92, 0.22); border-radius: 6px; padding: 6px 6px; margin-bottom: 20px; width: 100%; height: 50px;
text-align:center;font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: 0.15px; color: #707070;}
.mobilenumber-otpinput .new_otp_box {  border: 1px solid rgba(50, 71, 92, 0.22); border-radius: 6px; padding: 6px 6px; margin-bottom: 20px; width: 100%; height: 50px;
  text-align:center;font-style: normal; font-weight: 700; font-size: 30px; line-height: 24px; letter-spacing: 0.15px; color: #000000;}


@media (min-width: 1700px) and (max-width: 2280px) {
  .loginbonew-admin .loginformbox { width: 50%;}
  .leftlogin-content h3 { font-size: 28px; line-height: 36px;}
  .leftlogin-content h4 { font-size: 18px;}
}

@media (min-width: 1200px) and (max-width: 1280px) {
.leftlogin-content:before { width: 120%;  background-position: 75% 0px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.leftlogin-content:before { width: 100%;background: url(../img/mobile-table-bg-login.png); background-position: 100% -110px; background-repeat: no-repeat; background-size: cover;}
.leftlogin-content { padding: 110px 20px; text-align: center; padding-top: 25px;     height: 360px;}
.loginbonew-admin img.logo-img { display:none;}
}

@media (min-width: 320px) and (max-width: 767px) {
.loginnewbg-page { position: relative;overflow: scroll;}
.leftlogin-content:before { width: 100%;background: url(../img/mobile-table-bg-login.png); background-position: bottom; background-repeat: no-repeat; background-size: cover;}
.leftlogin-content { padding: 110px 20px; text-align: center; padding-top: 25px;height: 300px;}
.leftlogin-content h3 { font-size: 18px;}.leftlogin-content h4 { font-size: 14px;}
.loginbonew-admin img.logo-img { display:none;}
.loginbonew-admin .loginformbox { padding: 35px 15px; width: 90%;}
.loginformbox h1 { font-size: 30px;}
.mobilenumber-otpinput input { width: 100%; height:40px;}
.mobilenumber-otpinput { gap: 10px;}
}

@media (min-width: 320px) and (max-width: 480px) {
   .mobilenumber-otpinput input { width: 100%; height:40px;}
   .mobilenumber-otpinput { gap: 10px;}
}

.mobilenumber-input .iti--separate-dial-code { width: 100%;  margin-bottom: 15px;}


.agent-input { position: relative; margin-bottom: 15px;}
.agent-input label { font-family: 'Public Sans', sans-serif;  font-style: normal; font-weight: 400; font-size: 13px; line-height: 12px; display: flex; align-items: center; letter-spacing: 0.15px;  position: absolute; z-index: 1;  background: #fff; left: 15px; top: -5px;  padding: 0px 5px;}
.agent-input input { background: #FFFFFF; border: 1px solid rgba(112, 112, 112, 0.6);  border-radius: 10px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: 0.15px; color: #707070;  height: 50px; width: 100%; padding: 10px 20px;margin-bottom: 5px;    position: relative;}
.agent-input input::-webkit-input-placeholder { color: #1F4761;font-weight: 400;font-size: 14px;font-family: 'Public Sans', sans-serif;}
.agent-input input::-moz-placeholder { color: #1F4761;font-weight: 400;font-size: 14px;font-family: 'Public Sans', sans-serif;}
.agent-input input:-ms-input-placeholder { color: #1F4761;font-weight: 400;font-size: 14px;font-family: 'Public Sans', sans-serif;}
.agent-input input:-moz-placeholder { color: #1F4761;font-weight: 400;font-size: 14px;font-family: 'Public Sans', sans-serif;}
.already-login { font-family: 'Inter'; font-weight: 400;font-size: 20px;text-align: center;letter-spacing: 0.012em;color: #1F4761;margin-top: 30px;}
.already-login a { color: #01057B;}
.f-26 { font-size:26px !important;}
.don-treceid { font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 20px;line-height: 141%;text-align: center;letter-spacing: 0.012em;color: #1F4761;}
.don-treceid a {color: #696CFF;}
.errormesage {color:#EC0000; font-size:14px; text-align:left;    display: block;font-family: 'Inter';}
.errormesage a {color:#EC0000; font-weight:600;}