@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-color:#223980; padding-bottom:50px; background-image:url(../images/loginimg.png); background-repeat:no-repeat; position:relative; background-position:center bottom; background-size:100%; background-attachment:fixed;} 
header{background-color:#fff;border-top: 0px solid #11215c;}
.in-heading{ /*background-image:url(../images/login.jpg); background-repeat:no-repeat; background-size:cover; */text-align:center; padding:20px 20px 20px 20px; min-height:200px; position:relative;}
.in-heading h1{ color:#4e469d; font-weight:600; 
/*text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66)*/}
.logo{padding: 4px 0px;}
.logo img{ max-width:100%;}
.loginwrap{ background-color:#fff; border-radius:4px; margin-top: 5%;}
.loginform{ padding:20px;}
.loginimg{ padding:0px; border-right: 1px solid #e1e1e1; min-height:395px;}
.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{ text-align:right; padding-top:20px;}
 
footer{position:fixed; right:0px; left:0px; margin:0px auto; bottom:0px; padding:10px; border-top:1px solid rgba(255,255,255,.1); color:#fff; text-align:center;}

footer p{ margin:0px;}
.cp_refresh img {
    max-width: 80%;
}
.captcha img {
    max-width: 90%;
}
.refresh {
    padding: 25px 0px;
}
.instruction{ padding:20px; text-align:justify;}
.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;color:#333;position:relative;height:30px;margin: 15px auto; font-size: 18px;}
.or span{display:block;position:absolute;right:0px;left:0px;margin:0px auto;background-color:#fff;z-index:2;top:0px;width:auto; border: 1px solid #e6e6e6;
border-radius: 3px;
padding: 6px;}
.or:after{content:"";height:1px;width: 100%;position:absolute;background-color:#eee;z-index:0;right:0px;left:0px;margin:0px auto;top:59%;}
.or span a{ color:#4e469d; font-weight:bold;} 


.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;}
.form-group, .form-check{ margin-bottom:0px;}
.hidefield{ display:none !important;}
.showfield{ display:block !important;}
.enterotp{ display:none;}
.passlink{ display:none;}
.btn-default {
    border: 1px solid #eee;
    background-color: #fff;
    color: #000;

    font-weight: bold;
}
.note{color:#dc3545;}
.mnhiegh{ min-height:386px}
.ripple-background{ position:absolute; z-index:0; top:-10%; left:0;}
.circle{
  position: absolute;
  border-radius: 50%;
  background: white;
  animation: ripple 15s infinite;
  box-shadow: 0px 0px 1px 0px #508fb9;
}

.small{
  width: 200px;
  height: 200px;
  left: -100px;
  bottom: -100px;
}

.medium{
  width: 400px;
  height: 400px;
  left: -200px;
  bottom: -200px;
}

.large{
  width: 600px;
  height: 600px;
  left: -300px;
  bottom: -300px;
}

.xlarge{
  width: 800px;
  height: 800px;
  left: -400px;
  bottom: -400px;
}

.xxlarge{
  width: 1000px;
  height: 1000px;
  left: -500px;
  bottom: -500px;
}

.shade1{
  opacity: 0.05;
}
.shade2{
  opacity: 0.2;
}

.shade3{
  opacity: 0.3;
}

.shade4{
  opacity: 0.4;
}

.shade5{
  opacity: 0.7;
}

@keyframes ripple{
  0%{
    transform: scale(0.8);
  }
  
  50%{
    transform: scale(1.2);
  }
  
  100%{
    transform: scale(0.8);
  }
}

.animatedwrap{ position:absolute; right:0; left:0; top:0px;}
.moduleheading{ padding:8px 15px; border:1px solid #ccc; background-color:#fff; text-align:center; margin-bottom:15px;}
.moduleheading h3{ margin:0px; padding:0px; font-size:25px; font-weight:600; color: #f24440;} 
.implink{ display:table; width:100%; margin-bottom:60px; margin-top:20px;}
.implink ul{list-style:none; margin:0px auto; padding:0px; display:table; }
.implink li{ float:left; padding:0px 20px;}
.implink li a{ display:block; background-color:#fff; padding:0px 12px; border-radius:4px;}
.implink li a img{ height:60px;}