@import url('https://fonts.googleapis.com/css?family=Varela+Round');
body{font-family:'Varela Round', sans-serif; font-size:1rem; line-height:1.5; color:#333; margin:0;}

.form-sign-bg{margin:0 auto; box-shadow:-5px 10px 46px #d4d5d6; position:relative; z-index:99; border-radius:20px; -moz-border-radius:20px;}
.form-sign-bg h1{font-size:28px; text-align:left; padding:10px 0px 5px 0px; margin:0px 0px 20px 0px; border-bottom:1px solid #cfd3dc;}
#modal-signin{display:none;}
.modal-dialog{width:345px!important; padding:25px 20px 40px 20px; margin:0px!important;}
.form_sign{text-align:center;}
.form_sign h2, .modal-dialog h2{color:#02203b; font-size:18px; margin:0px 0px 20px 0px; padding:0px 0px 5px 0px; text-transform:capitalize; border-bottom:1px solid #eaeaea;}
.fb_icon{position:relative;}
.login_icon_plcholder{color:#9e9e9e; position:absolute; font-size:18px; left:12px; top:10px; z-index:99;}
.login_alert_sign,.alert.alert_otp{width:100%; font-size:12px; color:#f00; margin:-20px 0px 0px 0px; padding:0px 0px 20px 0px; text-align:center; display:none; position:relative; clear:both;}
.signup-otp-msg{color:#3b86b0; width:100%; font-size:12px; margin:0px; padding:11px 0px 0px 15px; text-align:left; display:none; position:absolute;}
.forgot-otp-err{padding: 65px 0px 0px 0px !important;}
.sign-in{width:100%; text-align:center; margin:15px 0px; float:left;}
.signup_active{margin:-5px 0px 0px 0px; padding:0px; cursor:pointer;}
.signin a{font-size:13px; color:#808080; padding:0px 4px 0px 4px;}
.signin a:hover{text-decoration:none;color:#02203b!important}
.signup_active a{color:#02203b!important; font-weight:600;}
.login-alert{font-size:12px; color:#f00; padding:3px 10px; margin:0px 0px 0px -11px!important; text-align:center; display:none;}
.login-alerts{font-size:12px; color:#f00; padding:3px 10px; margin:-243px 0px 0px -11px!important; text-align:center; display:none;}
.form_nav{margin:25px 0px 0px 0px; padding:5px 0px 10px 14px; border-top:1px solid #eaeaea; z-index:99;}
.form_sign .form_control{width:100%; height:auto; font-size:14px; line-height:38px; padding:0px 0px 0px 15px; margin:0px 0px 16px 0px; text-indent:23px; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:30px; -webkit-border-radius:30px; outline:none;}
.checkbox{font-size:12px; text-align:center; margin-bottom:10px;}
.tp-pwd-required{font-size:11px; text-align:left; margin:-15px 0px 10px 0px; padding:0px; display:none;}
.tp-star-required{font-size:16px; font-style:normal; color:#f00; position:absolute; margin:-58px 0px 0px 2px; left:0px; display:none;}
.tp-star-inner{margin:-52px 0px 0px 0px; display:none;}
.tp-star-country{margin:-21px 0px 0px -9px; display:none;}
.checkbox-terms{font-size:12px; text-align:center;}
.checkbox-terms input{margin-right:2px; vertical-align:middle;}

a.login{font-size:15px; color:#fff; text-align:center; font-weight:normal; outline:none; padding:8px 15px 8px 15px; margin:15px auto 15px 0px; background:#2e5ba9; border-bottom:2px solid #2e5ba9; border-radius:6px; -moz-border-radius:6px; cursor:pointer;}
a.login:hover, .cat_widget a.more:hover, .qa_pop_save:hover, .qa_button_cancel:hover, .qa_button_draft:hover, .qa_sts_rpt:hover{text-decoration:none; opacity:.9;}
.nav-user-icon img{width:25px; height:25px; padding:2px; border:1px solid #d6d6d6; border-radius:90px;}
.close{background:transparent; border:none; margin:0px 0px 0px 0px; position:relative; z-index:99; float:right; cursor:pointer; outline:none;}
#signinForm{min-height:195; margin:0px; padding:40px 20px 20px 20px; z-index:9999;}
#forgotOTPForm{display:none; padding:20px;display: block;z-index:9999;}
#registerForm .mui-col-md-6{padding-left:0px!important; padding-right:0px!important;}
#forgotOTPMail, #registerForm, #signupOTPForm{padding:20px 20px 0px 20px; display:block;z-index:9999;}
#forgotAlert{width:auto; margin:-100px 0px 0px 0px;}    
#forgotOTPSubmit{display:none;padding: 20px;display: block;z-index: 9999;}
#forgotOTPSubmitAlert{width:auto; margin:0px 0px 0px 0px;}
#forgotOTPAlert,.otp-msg{width:auto; text-align:center; margin:0px 0px 5px 0px!important; font-size:12px; color:#76b728;}
#forgotMailAlert{width:auto; font-size:11px; color:#f00; margin:0px 0px 10px 0px;}

.logo-popup{padding-top:18px;}
.login-bg{width:100%; height:auto;}
a.close{font-size:13px; color:#fff; background:linear-gradient(155deg,#040404 0%,#003d75 77%); border:none; margin:3vh 0 0 0; position:absolute; z-index:99; right:3vh; cursor:pointer; outline:none; padding:13px 17px 11px 17px; border-radius:90px; -moz-border-radius:90px;}
.wrap_loader{background:#fffafa url(../images/uni_loader.gif) no-repeat; background-attachment:fixed; background-position:center center; width:100%; height:500vh; margin:0px auto; padding:0px 0px 0px 0px; vertical-align:center; text-align:center; position:absolute; top:0px; z-index:999999; opacity:.8; display:none;}
.wrap_loader img{text-align:center; border:none; display:none;}
.imgLoader{position:fixed; margin:0 auto; top:50%; left:50%;}
.fb_icon select{font-size:13px; color:#828282; font-weight:normal; width:88px; height:30px; margin:5px 0px 0px 26px; position:absolute; border:none;border-right:1px solid #ccc; z-index:99;}
.school-menu{display:inline-block!important; font-size:14px; background:#d7e1f7; color:#525252; padding:7px 15px 8px 15px; margin:3px 20px 0px 0px; vertical-align:top; border:none; border-radius:90px; -webkit-border-radius:90px;}
.school-menu:hover{background:#9faed0; color:#fff;}
.login-menu{display:inline-block!important; padding-right:40px; font-size:26px;}
.mobile-menu{display:none;}
.header-bg{min-height:525px;}
.referal-code{font-size:13px; text-align:right; margin:0px; padding:0px 0px 10px 0px;}
.referal-close{color:#f00; position:absolute; right:13px; top:12px; font-size:15px; cursor:pointer;}
.referal-input-code{display:none;}
/* end of css for login-signup-forgotpassword */


@media (min-width: 244px){
	.form-sign-bg{width:100%;}	
}
@media (min-width: 544px){
	.form-sign-bg{width:345px;}	
}
input:-webkit-autofill{border:$border-style!important; -webkit-text-fill-color:$c-white!important; background-color:$c-blue!important; -webkit-box-shadow: 0 0 0px 10px $c-blue inset; transition: background-color 5000s ease-in-out 0s;}