body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px 'Lato', sans-serif; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
button, input[type="submit"]{ -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; cursor: pointer;}
input, button{ -webkit-appearance: none;}
input:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}




/*header*/




/* 03-08-2022 */
.login-page{background: url(../images/login_bg.jpg) no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center; background-attachment: fixed;}
.login-main{padding: 34px 46px 80px 62px;max-width:845px;width:100%; border-radius: 20px;}
.login-main{background-color:rgba(255, 255, 255,0.8);}
.clspreview{background:#fff !important;}
.login-main .form-group{margin-bottom:11px;}
.logo-box{text-align:center;margin-bottom:60px;}
.logo-box img{ max-width: 100%;}

.login-main h1{font:700 51px/64px 'Poppins', sans-serif;display:block;margin-bottom:40px;}
.login-main label{font:400 21px/60px 'Poppins', sans-serif;color:#141414;}
.login-main .textfld, .login-main select{width:100%; border:1px solid #bcbcbc;font:400 15px/38px 'Poppins', sans-serif; color:#a8a5a5; height:60px;padding:0 20px; background-color:#ededed !important; border-radius: 10px;}



.login-main .chk{width:auto;float:left;position:relative;}
.login-main .chk input[type="radio"], .login-main .chk input[type="checkbox"]{width:100%;height:17px;border:none; background: url(../images/chk.png) no-repeat left top; position:absolute;left:0;top:0;-webkit-appearance:none;cursor:pointer;background-size: 17px !important;}
.login-main .chk em{color:#393636;font:400 14.31px/24px 'Poppins', sans-serif;padding-left:30px;font-style:normal; }
.login-main .chk input[type="radio"]:checked, .login-main .chk input[type="checkbox"]:checked{ background: url(../images/chk3.png) no-repeat left top;}
.login-main .chk-frgp{display:flex;align-items:center;margin-top:30px;margin-bottom:34px;}
.login-main .chk-frgp label{font-size:14px;}
.login-main .chk-frgp input{margin-right:10px;border-radius: 0;}
.yelobtn{width:218px;height:52px;background-color:#ffb700;color:#fff; font:700 18px/22px 'Poppins', sans-serif;border-radius: 10px;border:0;padding-left:0;}
.yelobtn:hover{ background: #0c2879;}
.photouplod span{ display: inline-block; background: #989898; padding:14px 27px; border-radius: 10px; color: #fff;font:400 22px/26px 'Poppins', sans-serif; cursor: pointer;}
.photouplod input[type="file"]{ display: none;}
.photouplod img{ max-width: 100%; margin-right: 10px;}
ul.resident li {
  display: inline-block;
}



.login-main .regis{display:flex;justify-content: space-between;align-items:center;}
.login-main .regis a{color:#0c2879; font:400 21px/64px 'Poppins', sans-serif;}
 
.register-main{max-width:1170px;}
.register-main ul.resident li{display:inline-block;}
.register-main .chk-frgp{margin-top:0;margin-bottom:2px;}
.register-main h1 {margin-bottom: 22px;}
.register-main strong{font:700 22px/30px 'Poppins', sans-serif;display:inline-block;width:100%;margin-bottom: 4px;}
.register-main label{font-size: 20px;}
.resident input{margin-left:0;}
.resident .yes-li{margin-right:10px;max-width:110px;width:100%;}
.register-main .resident li em{padding-left:25px;font-size:20px;/*line-height:64px;*/}
.register-main ul.resident{margin-top: 4px;}
.register-main .form-group {margin-bottom: 12px;}
.register-main .degree-group, .register-main .personald-group{margin-bottom:30px;}
.register-main .li-gap{height:20px;}
/*.register-main input,.register-main select{padding-right:20px;-webkit-appearance: none;position:relative;margin-bottom:10px;}*/
.register-main select{ background:url(../images/select-down.png) no-repeat right 20px center #fff;cursor:pointer; }
.register-main [type="submit"]{margin-top:45px;}


.user-profile{display: flex;}
.sidebar-main{width:25%;background-color:#fff;}
.sidebar-main h4{font:400 25px/56px 'Poppins', sans-serif;color:#090909;}
.sidebar-main .pic-box{background:#ffc400;display:flex;align-items:center;padding:12px 30px;}
.sidebar-main .icons-box li{display: flex;align-items: center;min-width:100%;/*margin-bottom:20px;*/transition-duration: 0.2s !important;}
.sidebar-main .icons-box li a{display:flex;width:100%; position:relative; font:400 20px/56px 'Poppins', sans-serif;color:#090909;align-items: center; padding: 4px 30px;}
/*.sidebar-main .icons-box li a:before{content:'';width:24px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%);}*/
/*.sidebar-main .icons-box li:nth-child(1) a:before{background: url(../images/sicon1.png);}
.sidebar-main .icons-box li:nth-child(2) a:before{background: url(../images/sicon2.png);}
.sidebar-main .icons-box li:nth-child(3) a:before{background: url(../images/sicon3.png);}
.sidebar-main .icons-box li:nth-child(4) a:before{background: url(../images/sicon4.png);}
.sidebar-main .icons-box li:nth-child(5) a:before{background: url(../images/sicon5.png);}
.sidebar-main .icons-box li:nth-child(1) a:hover:before{background: url(../images/shicon1.png);}
.sidebar-main .icons-box li:nth-child(2) a:hover:before{background: url(../images/shicon2.png);}
.sidebar-main .icons-box li:nth-child(3) a:hover:before{background: url(../images/shicon3.png);}
.sidebar-main .icons-box li:nth-child(4) a:hover:before{background: url(../images/shicon4.png);}
.sidebar-main .icons-box li:nth-child(5) a:hover:before{background: url(../images/shicon5.png);}*/
.sidebar-main .icons-box li img{ max-width: 100%; margin-right: 10px;}
.sidebar-main .icons-box ul{ padding: 30px 0;}



.sidebar-main .icons-box li a:hover{color:#000;}
.sidebar-main .pic-box img{border:5px solid #fff;border-radius: 50%;margin-right:10px;width:86px;height:86px; box-shadow: 1px 1px 7px rgba(0,0,0,0.23);}
.sidebar-main .icons-box{ width: 100%;}
.sidebar-main .icons-box img{margin-right:14px;width:22px; filter: grayscale(100%);}
.sidebar-main .icons-box span{font:400 20px/56px 'Poppins', sans-serif;color:#090909;}
.userprofilesec{background-color:#f3f4f4;width:75%;}
.userprofilesec .profile-top{display: flex;justify-content: space-between;align-items: center;}
.userprofilesec h1,.userprofilesec h2{font:400 40px/56px 'Poppins', sans-serif;}
.userprofilesec h2{margin-bottom:40px;}
.prorfoloform{background-color:#fff;padding:0 20px;border-radius: 20px;}
.prorfoloform{padding: 46px 65px 50px 65px;margin-bottom:50px;}
.sidebar-main .icons-box li:hover img, .sidebar-main .icons-box li.actv img{ filter: inherit;}
.sidebar-main .icons-box li:hover a, .sidebar-main .icons-box li.actv a{ font-weight: 700;}


.userprofilesec .membfeesec table{border-radius: 10px !important;margin-bottom:0;}
.userprofilesec .membfeesec thead{background-color:#0ba0e7;color:#fff;border-top:1px solid #bcbcbc;}
.userprofilesec .membfeesec tbody{background-color:#ededed;}
.userprofilesec .membfeesec .table-box{border-radius: 12px; border:1px solid #bcbcbc;border-top:0;}
.userprofilesec .membfeesec .submit-group{display: flex;justify-content:end;}
.userprofilesec .membfeesec [type="submit"]{width:260px;height:52px;}
.userprofilesec .membfeesec td{font:400 15.74px/17px 'Poppins', sans-serif;color:#a8a5a5;padding:25px 0;}
.userprofilesec .membfeesec th{font:400 20px/24px 'Poppins', sans-serif;padding:25px 0;}

.userprofilesec [type="file"]{margin-bottom: 25px;}
.userprofilesec .membfeesec .table-box td:first-child,.userprofilesec .membfeesec .table-box th:first-child{padding-left:25px;} 
.userprofilesec .membfeesec .table-box td:last-child,.userprofilesec .membfeesec .table-box th:last-child{padding-right:25px;}




.datepicker{ background: url(../images/cal.png) no-repeat right 10px center #ededed; background-size: 13px;}

.register-main{ max-width: 1170px !important;}
.form-group strong{ display: block; margin-top: 20px;font: 700 22px/30px 'Poppins', sans-serif;
display: inline-block;
width: 100%;
margin-bottom: 4px;}
.opcty .resident{ margin-top:20px !important;}
.opcty{opacity: 0.6;}

select{ -webkit-appearance: none;}


/*line err: 56, */
.login-main select{background: url(../images/select-down.png) no-repeat right 20px center #ededed;}
.login-main select, .textfld{ padding-right: 60px;text-overflow: ellipsis; white-space: nowrap;}
.user-profile .sidebar-main{float: left;}
.userprofilesec{float: left; padding: 0 20px;}
.userprofilesec .logo-box {
  margin-bottom: 0;
}
.profile-top{ padding: 10px 0;}
.prorfoloform{ box-shadow:1px 1px 7px 7px #eeefef; margin: 0px !important; max-width: 100% !important;}
.register-main.userprofilesec{ max-width: 100% !important;margin: 0 !important; padding: 0 20px !important; margin-bottom: 0px !important; border-radius: 0px !important;}
.membfeesec{ margin-top: 40px !important;}


.userprofilesec .profile-top{flex-direction: row-reverse;}
.navbar-toggler{ display: none;}
.userprofilesec .membfeesec [type="submit"] {
  width: auto;
  height: 52px;
  padding: 0 23px;
}


.loginregis{ width: auto; position: absolute; top: 52px; right: 20px;}
.loginregis li{ display: inline-block;}
.loginregis li a {
  display: inline-block;
  background-color: #ffb700;
  padding: 5px 9px;
  border-radius: 5px;
  font: 500 13px/22px 'Poppins', sans-serif;
  color: #fff !important;
  width: 93px;
}
.login-main{ position: relative;}
.loginregis li a:hover { background: #0c2879;}
.form-group strong.answr{ margin: 0px; padding: 0px; font-size: 15px; color:#0b3081;}



.thankpagdtls{ width: 100%; text-align: center; padding: 120px 0; text-align: center; background-color: none !important;text-align: center;}
.thanks-pg{ width: 100% !important; float: none;}
.thankpagdtls strong{ font-size: 17px; line-height: 30px;}

.pagethank{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; background: #f3f4f4;
}


.submit-group .yelobtn{ width: auto; padding: 0 20px; margin-top: 20px; cursor:pointer;}
.userprofilesec .membfeesec td a{ color: #000 !important; font-weight: 700;}


.thanks-pg h1{ font-weight: 700; color: #0a76c0; text-transform: uppercase;}
.thanks-pg i {
  margin-bottom: 23px;
  font-size: 61px;
  color: #56a848;
}




















@media (min-width: 2000px) and (max-width: 9000px) 
{
.login-page{height: 100vh;}



}

@media (min-width: 768px) and (max-width: 9000px) 
{
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; }
.pic-box.d-none{ display: flex !important;}







}
@media (min-width: 1700px) and (max-width: 3000px) {
.logo-box a{ display: inline-block; width: 120px;}
.logo-box{margin-bottom: 30px;}  
.login-main h1, .userprofilesec h1, .userprofilesec h2{ font-size: 40px; line-height: 50px;margin-bottom: 15px;}
.login-main{margin: 60px auto;}

}
@media (min-width: 1400px) and (max-width: 1699px) {
.logo-box a{ display: inline-block; width: 120px;}
.logo-box{margin-bottom: 30px;}  
.login-main h1, .userprofilesec h1, .userprofilesec h2{ font-size: 35px; line-height: 44px;margin-bottom: 15px;}
.login-main{margin: 60px auto; padding: 40px; max-width: 695px;}




}
@media (min-width: 1200px) and (max-width: 1399px) {
.logo-box a{ display: inline-block; width: 120px;}
.logo-box{margin-bottom: 30px;}  
.login-main h1, .userprofilesec h1, .userprofilesec h2{ font-size: 30px; line-height: 40px;margin-bottom: 10px;}
.login-main{margin: 60px auto; padding: 30px; max-width: 700px;}
.login-main label{ font-size: 16px; line-height: 50px;}
.login-main .regis a{ font-size: 17px; line-height: 50px;}
.login-main .textfld, .login-main select{height: 48px;border-radius: 6px;}

.register-main {  max-width: 1030px !important;}
.sidebar-main .pic-box img{ width: 65px; height: 65px;}
.sidebar-main .pic-box{ padding: 10px 15px;}
.sidebar-main h4{ font-size: 17px;}

}





@media (min-width: 992px) and (max-width: 1199px) {

.logo-box a{ display: inline-block; width: 120px;}
.logo-box{margin-bottom: 30px;}  
.login-main h1, .userprofilesec h1, .userprofilesec h2{ font-size: 30px; line-height: 40px;margin-bottom: 10px;}
.login-main{margin: 60px auto; padding: 30px; max-width: 600px;}
.login-main label{ font-size: 17px; line-height: 50px;}
.login-main .regis a{ font-size: 17px; line-height: 50px;}
.login-main .textfld, .login-main select{height: 48px;border-radius: 6px;}

.register-main {  max-width: 96% !important;}

.prorfoloform{ padding: 30px;}
.sidebar-main .pic-box img{width: 70px;height: 70px;}
.sidebar-main .pic-box{padding: 8px 17px;}
.sidebar-main h4{ font-size: 20px;}
.sidebar-main .icons-box ul { padding: 18px 0;}





}


@media only screen and (max-width: 991px) {

      



.logo-box a{ display: inline-block; width: 120px;}
.logo-box{margin-bottom: 30px;}  
.login-main h1, .userprofilesec h1, .userprofilesec h2{ font-size: 30px; line-height: 40px;margin-bottom: 10px;}
.login-main{margin: 60px auto; padding: 30px; max-width: 600px;}
.login-main label{ font-size: 17px; line-height: 50px;}
.login-main .regis a{ font-size: 17px; line-height: 50px;}
.login-main .textfld, .login-main select{height: 48px;border-radius: 6px;}
.login-page{padding: 0 15px;}


.prorfoloform{ padding: 30px;}
.sidebar-main .pic-box img{width: 50px;height: 50px;border: 3px solid #fff;}
.sidebar-main .pic-box{padding: 8px 17px;}
.sidebar-main h4{ font-size: 15px;}
.sidebar-main .icons-box ul { padding: 18px 0;}
.profile-top .logo-box a{width: 90px;}
.login-main h1, .userprofilesec h1, .userprofilesec h2 { font-size: 21px;  line-height: 32px;  margin-bottom: 9px;}
.sidebar-main .icons-box li a{padding: 4px 15px; font-size: 16px; line-height: 40px;}        
.login-main label {
  font-size: 15px;
  line-height: 50px;
}
.photouplod span{ font-size: 15px; line-height: 20px;}
.photouplod img{width: 17px;}
.prorfoloform .form-group .col-md-6 .col-md-5, .prorfoloform .form-group .col-md-6 .col-md-7, .prorfoloform .form-group .col-md-6 .col-md-4, .prorfoloform .form-group .col-md-6 .col-md-8{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.userprofilesec .membfeesec th{ font-size: 14px; padding: 16px 0;}
.userprofilesec .membfeesec td{ padding: 14px 0;}
.navbar-toggler{ display: inline-block;}

.register-main.userprofilesec{ padding: 0px !important;}

.prorfoloform {
  box-shadow: 1px 1px 7px 7px #eeefef;
  margin: 0px auto !important;
  max-width: 96% !important;
}
.userprofilesec h1{ padding: 0 20px;}


.loginregis{margin-top: 20px;width: auto;
position: inherit;
top: inherit; right: inherit;}




} 
 
 
@media (min-width: 768px) and (max-width: 991px) {


.sidebar-main { width: 30%;}
.userprofilesec { width: 70%;}



}


 
@media only screen and (max-width: 767px){
	
.navbar-toggler{ border: none; background: none;padding: 35px 0; margin-right: 15px; position: absolute; top: 0px; right: 0px;}
.navbar-toggler .icon-bar {display: block;width: 30px;height: 4px;  border-radius: 16px; background-color:#0c2879;}
.navbar-toggler .icon-bar + .icon-bar {  margin-top:4px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: #fff; width: 100%; z-index: 11;}
.navbar-brand{ padding-left: 15px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}	
	
	
	
	
	
.logo-box a{ display: inline-block; width: 120px;}
.logo-box{margin-bottom: 30px;}  
.login-main h1, .userprofilesec h1, .userprofilesec h2{ font-size: 30px; line-height: 40px;margin-bottom: 10px;}
.login-main{margin: 60px auto; padding: 30px; max-width: 600px;}
.login-main label{ font-size: 17px; line-height: 50px;}
.login-main .regis a{ font-size: 17px; line-height: 50px;}
.login-main .textfld, .login-main select{height: 48px;border-radius: 6px;}
.login-page{padding: 0 15px;}

.pic-box img {
  width: 30px;
  height: 30px;
  border: 2px solid #fff; border-radius: 100%;
}
.logininResponsive{ position: absolute; top: 31px;
right: 59px; display: inline-block;}

.sidebar-main{ position: fixed; width: 240px; height: 100%; background: #fff; z-index: 111; overflow: auto; top: 0px; left: -240px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.sidebar-main.show{ left: 0px;}
.userprofilesec{ width: 100% !important;}
.userprofilesec .profile-top{ position: relative;}

.pic-box:hover .dropdown-menu{ display: block;}
.pic-box .dropdown-menu{ width: 120px; left: inherit; right: 0px; background: #ffc400;}
.pic-box .dropdown-menu li a{color: #fff; width: 100%;}
.pic-box .dropdown-menu li{ color: #fff; font-size: 15px; padding: 10px !important; }
.profile-top .logo-box{ float: left;}
.userprofilesec .profile-top{ width: 100%; display: inline-block;}
.userprofilesec h1{ width: 100%; display: inline-block; margin-top: 30px;}
.membfeesec {
  margin-top: 40px !important;
}



.form-group .col-sm-6{ margin-bottom: 5px;}


}




@media only screen and (max-width: 575px){ 
.login-main{border-radius: 10px;}
.login-main {
  margin: 36px auto;
  padding: 24px;
  max-width: 600px;
}
.logo-box a {
  display: inline-block;
  width: 100px;
}
.login-main h1,.userprofilesec h1, .userprofilesec h2 {
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 8px;
}
.login-main label {
  font-size: 14px;
  line-height: 39px;
}
.login-main .chk-frgp{margin-top: 17px;}
.login-main .regis a {
  font-size: 14px;
  line-height: 50px;
}
.yelobtn{ width: auto; padding: 0 40px;}
.prorfoloform {
  padding: 20px;
}

}