.h-100-vh{
   height: 100vh;
}
.fs-12{
   font-size: 12px;
}
.fs-55{
   font-size: 55px;
}
.btn-blue-gradient{
   background-image: linear-gradient(to right, #197DA4 , #4CABC3);
   color: #fff;
}
.btn-blue-gradient:hover{
   background-image: linear-gradient(to right, #197DA4 , #4CABC3);
   color: #fff;
}
.text-blue{color: #2DC1E7 !important;}
.login_page{
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}
.login_page .login-card .head h4{
   color: #197DA4;
   font-weight: 700;
}
.login_page .login-card .login-body .form-control{
   background-color: #f0f0f0;
   color: #636161;
   font-size: 12px;
   font-weight: bold;
   background-clip: padding-box;
   border-left: 5px solid #4CABC3;
   border-right: 0;
   border-top: 0;
   border-bottom: 0;
   border-radius:0;
   padding: 10px;
}
.login_page .login-card, .login_page form, .login_page .login-card .row{
   height: 100%;
}
.login_page .login-logo{
   position: absolute;
   top: 25px;
   left: 64px;
}
.login_page .login-logo img {
   height: 35px;
}  
@media (max-width: 767px) {
.h-xs-auto{
   height: auto !important;
}   
.login_page .login-card{
   padding: 1rem!important;
}
.login_page .login-card .head{
   padding-top: 3rem!important;
}
.login_page .login-card .login-footer{
   padding-bottom: 1.5rem!important;
}  
/* admin-login */
.admin-login .bg-white{
   margin: 30px;
}
.admin-login .title{
   display: none;
}
.admin-login .login-logo {
   left: 29px !important;
}
/* student-login */
.student-login .title{
   display: none;
}
.student-login .login-logo {
   left: 29px !important;
}
/* erplogin */
.erp-login .container-fluid{
   padding: 1.5rem!important;
}
.erp-login .justify-content-start{
   justify-content: center!important;
}
.erp-login .login-card .head h3{
   font-size: 35px;
}
.erp-login .login-card .login-logo-erp img{
   height: 19px !important;
}
}

/* REGISTER */
.bg-reg{
   background-image: linear-gradient(to bottom right, #197da4, #4dacc4);
   overflow: hidden;
}
.bg-reg::before{
   content: '';   
   position: absolute;
   top: 0;
   right:0px;
   height: 258px;
   width: 488px;
   border-radius: 50%;
   border-radius: 0 0 240px 240px;
   opacity: 0.4;
   background-color: #fff;
}
@media (min-width: 768px){
   .banner-img img{
      position: absolute;
      right: 0;
      bottom: 0;
   }
}
.student_registration .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
   background-color: #fff;
}
.student_registration .iti--separate-dial-code .iti__selected-flag {
   background-color: #fff;
   border-bottom-right-radius: 8px;
   border-top-right-radius: 8px;
}
.student_registration .form-control{
   background-color:#8dbdd1 ;
   border-color: #8dbdd1;
   font-size: 13px;
   border-radius: 8px;
}
.student_registration .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #fff;
   opacity: 1; /* Firefox */
   font-size: 13px;
 }
 
 .student_registration .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff;
   font-size: 13px;
 }
 
 .student_registration .form-control::-ms-input-placeholder { /* Microsoft Edge */
   color: #fff;
   font-size: 13px;
 }

 .otp-field {
   display: flex;
}

.otp-field input {
   width: 44px;
   height: 44px;
   font-size: 13px;
   padding: 13px;
   text-align: center;
   border-radius: 8px;
   margin: 2px;
   border: 2px solid #8dbdd1;
   background: #8dbdd1;
   font-weight: bold;
   color: #fff;
   outline: none;
   transition: all 0.1s;
}

.otp-field input:focus {
   border: 2px solid #6fb6d4;
   box-shadow: 0 0 2px 2px #6fb6d4;
}
.student_registration .btn{
   color:#197da4 !important;
}
@media (max-width: 767px){
   .banner-img img{
      height: 200px;
   }
}
.card-left{
   background-color:#d9f4ff;
   border:1px solid #197da4;
   padding: 15px;
}
.card-left .form-label{
   color: #228fa8;
}
.bg-gradient-blue{
   background-image: linear-gradient(to bottom right,#4dacc4,#197da4) !important;
}
.btn-outline-blue{
   border: 1px solid #197da4;
   color:#197da4 !important;
}
.text-cr-blue{color:#197da4 !important;}
.text-cr-muted{color:#6b6b6b;}
.text-cr-dark{color:#282828;}

.form-card{
   height: 361px;
   overflow-y: auto;
   overflow-x: hidden;
}
.overflow-hidden{
   overflow: hidden;
}
.btn-cancel{
   background-color: #c4e5fd;
   color:#1c7cd3;
}
/*  */
.br-15{
   border-radius: 15px;
}
.br-ys-15{
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
}

 
.badge-g-blue{
   background-image: linear-gradient(to right,#197da4,#4dacc4) !important;
}
.card-profile{
   background-color: #d9f4ff;
   border: 1px solid #197da4;
   padding: 15px;
}

/* a tag */
.a-u-none{
   text-decoration: none;
}
.cursor-pointer{cursor: pointer;}
.modal-course .table-default .table-responsive {
   min-height: 200px;
}
.modal-course .table-default.bg-tr-even table tbody tr:nth-child(even) {
   background-color: #fff;
}
@media( min-width : 767px ) {
.payment .table-default .table-responsive {
   min-height: 123px;
   height: 123px;
}
}
.payment .card:not(.table_tr_listing.listed) .table-default table tbody tr:hover td:first-of-type::after{
   display: none;
}

.payment .table-default table tbody tr td{
   vertical-align: middle;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
   border-color: #fff #fff #fff !important;
}

/* .capsule-card{

   background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)), url('../../erp/images/register/capsules-img.jpg');
} */
.capsule-card, .regular-card{position: relative;}
.capsule-card .img-primary{object-position: right;}
.capsule-card .img-primary, .regular-card .img-primary{
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 15px;
}
.capsule-card::before, .regular-card::before{
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: linear-gradient(180deg, rgb(245 242 244 / 0%), rgb(245 245 243 / 82%));
   z-index: 1;
   border-radius: 15px;
}
.capsule-card .card-body, .regular-card .card-body{
   width: 100%;
   position: absolute;
   right: 50%;
   bottom: 15%;
   -webkit-transform: translate(50%,50%);
   -ms-transform: translate(50%,50%);
   transform: translate(50%,50%);
   z-index: 1;
}
@media (max-width: 767px){
   .capsule-card .card-body, .regular-card .card-body{
      bottom: 25%;
   }
}
/* .regular-card .img-primary{object-position:top;} */