@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');
.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-color: #2e3192;}
.in-heading{text-align:center; padding:10px; position:relative; border-bottom:1px double rgba(0,0,0,.1); background-color:#fff; margin-bottom:15px;}
.in-heading h1{ color:#002042; font-weight:600; font-size: 33px; margin-bottom:0px;
/*text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66)*/text-transform: uppercase;}
.logo{ padding:5px 0px;}
.logo img{ max-width:100%;}
footer p a{
    margin: 0px;
    color: white;
}
.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{ padding:20px;}
.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: 0%;margin: 18px auto;/* background: #eeeeee; */}
.headbtn{}
.headbtn a{transform: skew(-45deg); padding: 31px 25px; font-size: 17px;}
.headbtn a span{transform:skew(45deg); display:inline-block}
footer{ background-color: #2e3192; position:absolute; right:0px; left:0px; margin:0px auto; bottom:0px; padding:10px;}

footer p{ margin:0px;color: white;text-align: center;}
.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}
.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}
.btn{ padding:10px;}
.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;}



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

.in-heading h1 {
    color: #002042;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 0px;
    /* text-shadow: 0px 0px 8px rgb(0 0 0 / 66%); */
    text-transform: uppercase;
}
}