/* CSS Document */
@font-face {
	font-family: 'Conv_Cera Pro Regular';
	src: url('../fonts/Cera Pro Regular.eot');
	src: local(''), url('../fonts/Cera Pro Regular.woff') format('woff'), url('../fonts/Cera Pro Regular.ttf') format('truetype'), url('../fonts/Cera Pro Regular.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face {
	font-family: 'Conv_CIRCEROUNDED-BOLD';
	src: url('../fonts/CIRCEROUNDED-BOLD.eot');
	src: local(''), url('../fonts/CIRCEROUNDED-BOLD.woff') format('woff'), url('../fonts/CIRCEROUNDED-BOLD.ttf') format('truetype'), url('../fonts/CIRCEROUNDED-BOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_CIRCEROUNDED-EXTRABOLD';
	src: url('../fonts/CIRCEROUNDED-EXTRABOLD.eot');
	src: local(''), url('../fonts/CIRCEROUNDED-EXTRABOLD.woff') format('woff'), url('../fonts/CIRCEROUNDED-EXTRABOLD.ttf') format('truetype'), url('../fonts/CIRCEROUNDED-EXTRABOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
a, a:hover { text-decoration:none; }
ul { padding:0px; margin:0px; list-style: none; } 
.mg0 { margin:0px !important; }
.pt-0 { padding-top:0px !important; }
.pt-10 { padding-top:10px !important; }
.pt-20 { padding-top:20px !important; }
.pt-30 { padding-top:30px !important; }
.pt-40 { padding-top:40px !important; }
.pt-50 { padding-top:50px !important; }
.pb-0 { padding-bottom:0px !important; }
.pb-10 { padding-bottom:10px !important; }
.pb-20 { padding-bottom:20px !important; }
.pb-30 { padding-bottom:30px !important; }
.pb-40 { padding-bottom:40px !important; }
.pb-50 { padding-bottom:50px !important; }
.p_r_0 { padding-right:0px !important; }
.p_l_0 { padding-left:0px !important; }
body { font-family: 'Conv_Cera Pro Regular'; }
@media (min-width: 1200px) {
.container { max-width: 90%; } 
}
img { max-width:100%; }
.left_nav_main::-webkit-scrollbar{width:4px;height:4px}
.left_nav_main::-webkit-scrollbar-thumb{background:#333;border-radius:0}
.left_nav_main::-moz-scrollbar{width:4px;height:4px}
.left_nav_main::-moz-scrollbar-thumb{background:#333;border-radius:0}
textarea:focus, input:focus, button:focus, a:focus{ outline: none;}

.login_main { width:100%; }
.login_body, html { width:100%; height:100%; } 
.login_body .wrapper { width:100%; left: 50%; position: fixed; top: 50%; 
-webkit-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-o-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%); 
z-index:111;  }
.logo img { font-size:20px; text-align: center; color:#fff; font-weight:bold; margin:0px; padding:10px 0px; }
.login_body h5 { color:#666666; margin-bottom:0px; font-family: 'Conv_CIRCEROUNDED-BOLD'; }
.log_logo { margin-top:35px; margin-bottom:10px; }
.log_logo img{ width:34%; }
.ll_img  img{ width:83%; }
.logo img{ width:65%; }
.login-images-1 img{ width:86%;}
.abe img, .afe img { width:135px; }

.login_left { border-right:2px solid #f0f0f0; }
.login_right { width:80%; margin-left:10%; }
.log_rig { padding-right:7%; }
.log_group { position:relative; margin-bottom:12px; }
.log_group .form-control { border-radius:50px; border-color:#d3d3d3; border-width:2px; height:46px; padding:6px 30px 6px 40px; font-size:16px; color:#000; }
.fc_icon { position:absolute; top:8px; left:15px; }
.log_group .form-control::-webkit-input-placeholder { /* Edge */ color:#d4d4d4; }
.log_group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#d4d4d4; }
.log_group .form-control::placeholder { color:#d4d4d4; }
.fc_icon img { width:17px; }
.login_right .btn-primary  { background:#fbb03b; border-color:#fbb03b; height:40px; border-radius: 100px; font-size:16px; width:100%; letter-spacing:3px; font-weight:bold; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.09); }
.login_right .btn-primary:hover  { background:#ffbe58; border-color:#ffbe58; }
.otp_input { padding-left:10px; letter-spacing:43px; border:0px; width:225px; text-align:left; margin-left:40px; position:relative; z-index:1; height:30px; }

.otp_input_btm { background-image: linear-gradient(to left, #7f7f7f 55%, rgba(255, 255, 255, 0) 0%); background-position: bottom;background-size: 50px 2px;background-repeat: repeat-x;background-position-x: 35px; width:185px; height:2px; display:inline-block; }

.otp_box  {  margin-bottom:10px; }
.otp_box h3{ color:#000; font-size:22px; font-weight:bold; margin-bottom:5px; margin-top:20px; font-family: 'Conv_CIRCEROUNDED-EXTRABOLD'; }
.otp_box p { font-size:14px; color:#606b83; margin-bottom:0px; }
p.otp_tim { font-size:14px; color:#bababa; margin-bottom:0px; font-weight:bold; margin-top:5px; }
.mnb_btn { border:0px; background:none; width:32px; height:32px; padding:0px; position: absolute; top:8px; right: 10px; border-radius: 100px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.09); }
.mnb_btn img{ width:100%;}
.mnb_btn img:hover { opacity: 0.8; }
.oib { margin-top:-15px; }
.ey-gst-fg { margin-bottom:10px; }
.ey-gst-fg .btn { padding:2px 10px; }
.ey-gst-fg .btn-dark { background-color: #000; border-color: #000; }

.checkbox_f {
  display: block;
  position: relative;
  padding-left: 27px;
  line-height: 20px;
  margin-bottom:0px;
  cursor: pointer;
  font-size:16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.checkbox_f input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark  {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border-radius:5px;
    background: #fff;
    border: 1px solid #d8d8d8;
}

/* On mouse-over, add a grey background color */


/* When the radio button is checked, add a blue background */

.checkbox_f .checkmark:after {
    content: "";
    position: absolute;
    top:3px;
    left:3px;
    height:12px;
    width: 12px;
    background-color: #d8d8d8;
    border-radius: 4px;
}
.checkbox_f input:checked ~ .checkmark:after {
  background-color: #fbb03b;
}
.checkbox_f input:checked ~ .checkmark {
   border: 1px solid #fbb03b;
}
.log_che { display: inline-block; }
.log_fg  { float:right; }
.log_fg a { font-size:16px; color:#7f7f7f; text-decoration:none; }
.log_fg a:hover { color:#333; text-decoration:underline; }

.log_cr { margin-top:10px; }
.log_cr p{ font-size:18px; color:#898989; }
.log_cr p a{ color:#fbb03b; }
.log_cr p a:hover{  color:#f29f1d; text-decoration:underline; }

.log_sa a { color:#000000; font-size:16px; text-decoration:underline; }
.log_or { position:relative; margin-top:20px; position:relative; }
.line_or { width:100%; height:2px; background:#ebebeb; }
.log_or_text { width:100%; position:absolute; top:-10px; }
.log_or_text span { background:#fff; padding-left:5px; padding-right:5px; color:#000000; font-family: 'Conv_CIRCEROUNDED-BOLD';}

.social-md li { display: inline-block; padding:0px; margin:5px 10px; }
.social-md li a{ width:40px; height:40px; display: inline-block; border-radius:100%; box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 0px 20px 0 rgba(0, 0, 0, 0.06); background:none;
transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; }
.social-md li a:hover{ box-shadow:0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 0px 20px 0 rgba(0, 0, 0, 0.06); transform: scale(1.1); } 
.psw-h, .psw-s { position:absolute; right:20px; top:11px; cursor:pointer; width:25px; height:25px; }
.psw-h { display:none; }

.abe { position:absolute; left:0%; top:0px; width:100%;  }
.afe, .afe_bott { position:absolute; left:0%; bottom:0px; width:100%; }
.afe_bott .container, .abe_top .container{ position:relative; }
.abe_top, .afe_bott { width:100%; }
.tai_main .pro_box .pbox_inner { margin-top: 0px; }

.log_group input[type="password"].pass-cont.form-control { letter-spacing: 4px; }
.log_group input[type="password"].pass-cont.form-control { font-size:26px; padding-top:3px; }
.log_group input[type="password"].pass-cont.form-control::-webkit-input-placeholder { letter-spacing:0px; font-size:16px; }
.log_group input[type="password"].pass-cont.form-control:-ms-input-placeholder { letter-spacing:0px; font-size:16px; }
.log_group input[type="password"].pass-cont.form-control::placeholder { letter-spacing:0px; font-size:16px; }
.log-rg-s { margin-top:110px; }
.mb-0 { margin-bottom:0px; margin-top:10px; }
.mt-10 { margin-top:10px; }
.sel-ss img{ width:90%; }
.log_group .form-control.select-fc { padding-left:10px; }
.log_group .form-control.textarea-fc { padding-left:10px; min-height:60px; border-radius:8px; font-size:14px; }
.log_group .form-control.fc2 { height:40px; padding-top: 4px; padding-bottom: 4px; padding-left:10px; }
.mnb_btn2 { top:4px; right: 5px; background:#000; }
.mnb_btn2 img { vertical-align:text-top; width:20px; }
.log_group .form-control.file-fc { border-radius:5px; background-image: -webkit-linear-gradient(top, #fdfdfd, #eeeeee); background-image: -moz-linear-gradient(top, #fdfdfd, #eeeeee); background-image: -ms-linear-gradient(top, #fdfdfd, #eeeeee); background-image: -o-linear-gradient(top, #fdfdfd, #eeeeee); background-image: linear-gradient(top, #fdfdfd, #eeeeee); }
.log_group .form-control.file-fc:after {
    content: "";
    background: url(../images/attachment.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 13px;
    width: 16px;
    height: 16px;
    background-size: 100%;
}
.eys { margin-bottom:4px; font-size:13px; color:#000; }
.ft-h { margin-bottom:2px; margin-top:2px; font-size:14px; color:#000; }
.delt_btn { display: block; font-size: 13px; padding:2px 0px; border-radius: 5px; color:#fbb03b; text-decoration: underline; }
.ey-gst { margin-bottom:5px; }
.ey-gst a{ color:#cccccc; }
 .red-sup{
    position: absolute;
    top: 12px;
    right: -10px;
    color: #f00;
    font-size: 14px;
}

.radio-toolbar input[type="radio"] {
  display: none;
}

.radio-toolbar label { margin:0px; width:100%; border-radius: 5px; text-align:center; cursor:pointer; background:none;
  display: inline-block;
  padding:3px 6px;
  font-family: Arial;
  font-size: 16px;
  cursor: pointer;
 color: #343a40;
border: 1px solid #343a40;
}

.radio-toolbar input[type="radio"]:checked+label { color:#fff;
  background-color: #000;
}

.otp_tim2 { color:#333; text-decoration:underline; font-size:12px; }
.otp_tim2:hover { color:#666; text-decoration:underline; }
.login_right .btn-primary.let-space { letter-spacing:1px; }
.pin-code {
    position: absolute;
    right: 6px;
    top: 5px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}
.f-12 { font-size:12px !important; }
.hs-stw-con {
    float: left;
    width:100%;
    padding-top: 10px;
}
.hs-stw-con p {
    font-size:14px;
    color: #000;
    margin-bottom: 10px;
}
.hs-stw-con h3 {
    font-size:20px;
    color: #fbb03b;
}

.sam-popup .modal-header {
    background: #333;
    padding: 5px 20px;
}
.sam-popup .modal-title{
    color: #fbb03b;
}
.sam-popup .modal-header .close{
    color: #fff;
    opacity: 1;
    margin-top: -10px;
}

.sam-ul li{ border-bottom:1px solid #ddd;
    margin-bottom: 10px;
}




@media only screen and (min-width:768px) and (max-width:992px) {
.login_body .wrapper {
    left: 0%;
    position: relative;
    top: 0%;
    transform: translate(-0%, -0%);
}
.login_main {
    margin-top: 40px;
}
.login_right {
    width: 90%;
    margin-left: 5%;
}
.abe img, .afe img { width:100px; }
.afe_bott { position:relative; }
}
@media only screen and (min-width:641px) and (max-width:767px) {
.login_body .wrapper {
    left: 0%;
    position: relative;
    top: 0%;
    transform: translate(-0%, -0%);
}
.login_left {
    border-right:0px;
}
.abe img, .afe img { width:90px; }
.afe_bott { position:relative; }
}
@media only screen and (max-width:640px){
.login_body .wrapper {
    left: 0%;
    position: relative;
    top: 0%;
    transform: translate(-0%, -0%);
}
.login_left {
    border-right:0px;
}
.log_logo {
    margin-top:20px;
}
.afe_bott { position:relative; }
.abe img, .afe img { width:60px; }
.logo img {
    padding: 10px 0px;
}
.logo img {
    padding: 10px 5%;
}
}
@media only screen and (max-width:480px){
.login_right {
    width: 90%;
    margin-left: 5%;
}

}