@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arya:wght@700&family=Rozha+One&display=swap');


body{
	
background-image: url(../images/schedule-bg-pattern.png);
	
background-size: cover;
	
background-attachment: fixed;
}





.login{background-size: 100%; background-color:#eee; /*background-image:url(../images/loginimg.jpg);*/ background-repeat:no-repeat; background-position:top center; background-attachment:fixed;} 
header{border-bottom:1px solid rgba(0,0,0,.1);background: #fdfdfd;/* border: 10px solid white; */}
.in-heading{text-align:center;padding:10px;position:relative;border-bottom:1px double rgba(0,0,0,.1);background-color: #2c2e7e;margin-bottom: 37px;}
.in-heading h1{color: #ffffff;font-weight:600;font-size:24px;margin-bottom:0px;/*text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66)*/MARGIN: 0;}
.logo{padding:5px 0px;margin: 0 auto;text-align: center;}
.logo img{max-width:100%;margin: 0 auto;text-align: center;}
.loginwrap{/* background-image: url(../../images/schedule-bg-pattern.png); *//* background-color: #fff; */border-radius: 10px;background-repeat: no-repeat;background-size: 100%;background-position: bottom;margin-bottom:15px;}
.loginform{text-align: center;padding:20px;box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 30%);}
.loginimg{ padding:0px; border-right: 1px solid #e1e1e1;}
.loginimg img{max-width:100%; border-radius:10px 0px 0px 10px; position:relative; z-index:0;}
.loginimg h2{position:absolute; padding:30px 10px;  color:#ffed1f; display:block;  margin-bottom:25px; text-transform:none; font-size: 1.3rem; right:0px; left:0px; margin:0px auto; top:0px; z-index:2; text-align:center;  text-shadow:2px 2px 0px rgba(0,0,0,.6); font-weight:500;}
.loginimg h2 img{ max-height:60px;}
.loginimg h2 span {
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    font-size: 1.5rem;
    margin: 15px 0 -4px 0;
    display: block;
    font-family: 'Lato', sans-serif;
    text-shadow: 2px 2px 1px #000;
}

.heading {
    text-align: center;
    font-weight: bold;
    color: #629ce6;
    font-family: 'Arya', sans-serif;
    font-size: 1.85rem;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
.minus-margin{margin-top: -116px;}
.lr{/* padding-right:5%; */}
.headbtn{}
.headbtn a{transform: skew(-45deg); padding: 31px 25px; font-size: 17px;}
.headbtn a span{transform:skew(45deg); display:inline-block}
footer{background-color: #2c2e7e;position:absolute;right:0px;left:0px;margin:0px auto;bottom:0px;padding:10px;}

footer p{margin:0px;text-align: center;color: white;}
.cp_refresh img {
    max-width: 80%;
}
.captcha img {
    max-width: 90%;
}
.refresh {
    padding: 25px 0px;
}
.instruction{ padding:20px; text-align:justify;}
.instruction h3,.loginform h3{color:#ee5417;FONT-SIZE: 30PX;}
.instruction ul{ list-style:none; margin:0px 0px 10px 0px; padding:0px;}
.instruction ul li{ padding:5px 0px; position:relative; padding-left:25px;}
.instruction ul li:before{ content:"\e614"; font-family: 'simple-line-icons'; color:#4e469d; position:absolute; left:0; top:6px;}
.or{ text-align:center; font-size:20px; color:#333; position:relative; height:30px; margin: 15px auto;}
.or span{ display:block; position:absolute; right:0px; left:0px; margin:0px auto; background-color:#fff; z-index:2; top:0px; width: 50px;}
.or:after{ content:""; height:1px; width:80%; position:absolute; background-color:#eee; z-index:0; right:0px; left:0px; margin:0px auto; top:43%;}

.skewbtn{/* transform: skew(-45deg); */}
.skewbtn span{/* transform:skew(45deg); */display:inline-block;FONT-SIZE: 20PX;FONT-WEIGHT: 900;LETTER-SPACING: 2PX;}
.btn{padding:10px;FONT-SIZE: 20PX;LETTER-SPACING: 1PX;}
.logintab{ display:block; border-bottom:0px; margin-top: 25px;}
.logintab li a{ background-color:#4e469d; color:#fff; text-align:center; border-radius:3px; padding:10px;}
.tab-content{min-height: 155px;}
.logintab .nav-item.show .nav-link, .logintab .nav-link.active{ background-color:#dee2e6; color:#495057; text-align:center; border-radius:3px; padding:10px;}

footer p a{
     
color: white;
     
font-weight: 700;
}

.form-group, .form-check {
    margin-bottom: 0;
    padding: 5px 0px;
    margin-bottom: 10px;
}


.hidden-lg, .hidden-xs{display:none}

.mainhd{

text-align: center;

background: #f88131;
}.mainhd h4{text-align: center;font-size: 22px;color: white;font-family: inherit;font-weight: 800;padding: 5px 0;margin: 0 0 18px;}

 .fh .card-body{

padding: 0 22px;

} .fh  {
    border: 2px solid #f88131;
}

  .form-control {
    font-size: 14px;
    border: 1px solid #404040;
    padding: 0.6rem 1rem;
    height: inherit !important;
    border-radius: 4px ! IMPORTANT;
}