/*Admission Form */
/* form type*/
.formtype {
    margin-left: 50px;
    margin-right: 50px;
    background: #fefefefe;
    border: 1px solid #cccc;
    border-bottom: 0px;
    padding: 50px 10px;
    margin-bottom: 0px;
    padding-bottom: 30px;
    padding-top: 35px;
}
.formtype form{
    display: flex;align-items: center;
    margin: auto;}
    .filed_2{width: 250px;}
.formtype form label{padding-left: 6px; font-size: 18px;font-family: var(--font2);
color:#333333d6;}
.formtype form select{ margin-top: 6px;font-size: 18px;
    font-family: var(--font2);
    color:#333333b3;
    height: 42px;
    border-radius: 6px;
    width: 100%;text-align: center;
    box-sizing: border-box;
    padding: 0 25px;
    border: 1px solid rgb(192 72 25 / 15%);}
.filed_2 p{font-family: var(--font2);}
.filed_2 strong{color: green;text-transform: uppercase;margin-bottom: 5px;}
.filed_2 span{color: red;}
.ml100{margin-left: 100px;}
.admission_form{background-color: #e2ece285;
    padding: var(--dcpadding);padding: 60px 0;
    margin: 0 !important;}
.admission_form .container_form{background-color: #fafafa;
/*box-shadow: var(--normalShadow);*/ margin: 0 50px;padding-bottom: 1px;}
/* title animation*/
.title_step{background: #fffff0;
    border: 1px solid rgba(192,72,25,0.32);
    padding: 0 30px;
    padding-top: 10px;}
.title_step h2{font-family: var(--font2);}
.title_step ul{padding-left: 0px;list-style: none;text-align: left;}
.title_step ul li {
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
    background: #f0fff0;
    padding: 6px 10px;
    color: #482307;
    font-family: var(--font2);
    margin-left: 18px;
    border: 1px solid rgba(192,72,25,0.32);
    border-radius: 5px;
}.title_step ul li:first-child{margin-left: 0px !important;}
.title_step ul li p {
    font-family: var(--font2);
    color: #5b5b5b;
}
.uppercase{text-transform: uppercase;}
.column2{ display: flex !important; align-items: center !important;
    justify-content: space-between !important;flex-direction: row !important;
}.w70col1 input, .w30col1 input, .w50col1 input,.w50col1 select{margin-top: 6px !important;}
.w70col1{width: 70%;}
.w50col1{width: 49%;}.ml1per{margin-left: 1%;}
.w30col1{width: 28%;margin-left: 2%;}
/* animation */
.admission_form .container_form .content_form {
    border: 1px solid #4444444f;
    margin: 20px 0px;
    border-radius: 2px;
    padding: 0 20px;
    height: 100% !important;
    margin-top: 0px;
    background: #ffff;
    padding-bottom: 4px;
    border-top: 0px;
    padding-top: 10px;
}
.admission_form .container_form .content_form form::after, .details_field::after{content: "";display: block;clear: both;}
/*form grid layout*/
.left_form_item{width: 49%;float: left;}
.right_form_item{width: 49%;float: right;}
.admission_form .container_form .content_form form .form_field {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    border: 1px solid #e4e4e463;
    padding: 10px 12px;
    border-radius: 5px;
    background: #fefefe;
}
/*quick class */
.mt0{margin-top: 0px !important;}
.ml40{margin-left: 40px !important;}
.ml30{margin-left: 30px !important;}
.admission_form .container_form .content_form form .form_field label {
    margin-bottom: 8px;
    font-size: 17px;
    font-family: var(--font2);
    color: #333333cf;
}
.admission_form .container_form .content_form form .form_field input, .admission_form .container_form .content_form form .form_field select{
    font-size: 18px;
    font-family: var(--font2);
    height: 42px;
    border-radius: 6px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px;
    border: 1px solid rgb(193 192 16 / 80%);
}
.admission_form .container_form .content_form form .form_field textarea{
    font-size: 18px;
    font-family: var(--font2);
    height: 80px;
    border-radius: 6px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px;
    border: 1px solid rgb(192 72 25 / 15%);
}
.sameasfield {
    display: flex;
    padding-bottom: 5px;
    margin-bottom: 2px;
    align-items: center;
    padding-top: 2px;
    border-radius: 5px;
}
.sameasfield input{width: 20px !important;
    height: 14px !important;
    display: inline !important;
    margin-right: 6px;}
.sameasfield span{    font-family: var(--font2);
    font-size: 15px;
    color: #332d2db0;}
input:focus, select:focus, textarea:focus{ 
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
    /* box-shadow: var(--sampleShadow);border: 1px solid rgba(214, 123, 87, 0.169) !important; */
    }

input[type=text]:focus{
    border: 1px solid #cccc !important;
}
/*.admission_form .container_form .content_form form .form_field .error{color: rgb(189, 45, 20);font-size: 17px;}*/
/* Form control main */
/* Navigation Controlling - bottom:paddingtop:6, paddingbottom:10*/
.nav_adform {
    text-align: right;
    padding-bottom: 6px;
    padding-top: 4px;
    border-radius: 6px;
    padding-right:10px;
}
.nav_adform button {
    height: 41px;
    padding: 0.8rem 1.2rem;
    transition: all .1s cubic-bezier(.4, 0, .2, 1);
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
    border: 1px solid #c8ba14;
    border-radius: 5px;
    line-height: 1.3;
    font-weight: 500;
    font-family: sans-serif;
    box-shadow: 4px 3px 8px 0 rgba(0,0,0,.1);
}
.nav_adform button:hover{
    opacity: 0.4;
}
.nav_adform button:focus {
    border-color:rgb(193 192 16 / 80%) ;
  }
    .verifiednum input{width: 79% !important;display: inline;}
    .verifiednum button{display: inline;
        width: 19%;margin-left: 2%;
        height: 42px;cursor: pointer;
        font-family: var(--font2);
        font-size: 18px;
        border: 1px solid rgb(192 72 25 / 15%);
        border-radius: 5px;}
    /* details form */
    .details_field {
        padding: 10px 30px;
        border: 1px solid rgb(12 179 12 / 16%);
        border-radius: 5px;
        background: #f5fffa57;
        display: flex;align-items: center;
    }
    .left_cpayprocess{width: 60%;float: left;}
.right_cpayprocess{width: 40%;float: right;}
    .left_details_item{width: 65%;float: left;}
    .right_details_item{width: 33%;float: right;}
    .dleftitem{display: flex;justify-content: right;}
    .bdetails{
        border-top: 1px solid #cccc;
    border-bottom: 1px solid #cccc;
    margin-bottom: 4px;
    }
    .lcontent ul{padding-left: 0px;list-style: none;}
    .lcontent ul li {
        display: inline-block;
        margin-left: 15px;
        margin-bottom: 8px;
        font-family: var(--font2);
        text-transform: uppercase;
        color: #333333ed;
    }
    .dleftitem .lcontent img {
        width: 120px;
        height: 120px;
        object-fit: cover;
        object-position: top;
        background: #ffff;
        border-radius: 3px;
    }.list_pay{padding-left: 0px;list-style: none;padding: 20px 10px;
    margin: 30px 0;margin-bottom: 0px;
    }
    .list_pay li {
        font-family: var(--font2);
        margin-bottom: 15px;
        font-size: 17px;
        color: #333333ad;
    }
    .paybutto{margin-bottom: 10px;list-style: none;padding-left: 0px;padding: 10px 30px;text-align: center;}
    .paybutto li{display: inline-block;margin-left: 20px;font-family: var(--font2);}
    .paybutto li button{height: 45px; padding: 0 15px;cursor: pointer;font-size: 17px;font-family: var(--font2);color: #fff;border: none;
        border-radius: 5px;}
.bbg{background-color: #e2136e;} .nbg{background-color: #d0392c;}.sbg{background-color: #295cab;}
.authde {background: #f0fff0;padding: 40px;padding-bottom: 140px;}
.authde .left_cpayprocess h2{font-family: var(--font2);}
.authde .right_cpayprocess button{font-family: var(--font2);}
.authde ul{padding-left: 0px;list-style:none;margin-top: 20px;}
.authde ul li{font-family: var(--font2);font-size: 17px;margin-bottom: 10px;}
.authde ul li i{color: #3043b4;
    padding: 5px;
    background: #ffff;
    border-radius: 5px;
    margin-right: 2px;}
.bngfont{font-family: var(--font1); font-size: 20px;color: red;text-align: center;
margin-top: 40px;
}.bngfont strong{color: #3043b4;text-shadow: 1px 0 #0850ff !important;}
.bngfont i{color: #3043b4;
    padding: 5px;
    background: #ffff;
    border-radius: 5px;
    margin-right: 2px;}
/* Simulation */
.left_sim_item{width: 37%;float: left;}
.left_sim_item2{width: 37%;float: left;margin-left: 4px;}
.right_sim_item{width: 25%;float: right;}
.sim h3{font-family: var(--font2);
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 9px;}
.maf{width: 100%;height: 100%;margin: 30px 0;text-align: center;}
.maf img{width: 200px;
    height: 200px;
    margin: auto;}
.alertscan{padding-bottom: 8px;}
.alertscan ul{list-style: none;padding-left: 0; padding: 0 10px;}
.alertscan ul li{margin-top: 14px;
    font-family: var(--font2);
    font-size: 18px;
   }
   .aldaimg {
    width: 105px;
    height: 105px;
    object-fit: cover;
    object-position: top;
    overflow: hidden;
    margin: auto;
}
.aldaimg img{width: 100%;height: 100%;}
.simdetbutton{text-align: left;
    margin-top: 16px;margin-left: 5px;
}
.simdetbutton button{cursor: pointer;
    height: 33px;
    font-size: 18px;
    padding: 0 14px;
    font-family: var(--font2);
    border: none;
    border-radius: 5px;}
.calendar{    border: 1px solid #ccc;
    padding: 3px;
    margin-top: 20px;
    padding-top: 5px;border-radius: 2px;
    padding-bottom: 5px;}
.calendar ul{list-style: none;padding-left: 0px;}
.calendar ul li{    display: inline-block;
    width: 30px;
    margin-top: 6px;
    background: #001440;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    height: 30px;
    line-height: 1.8;
    font-size: 18px;}
.simucf{border: 1px solid #ccc !important;}
.lese{float: left;width: 33%;text-align: center;}
.lese select{ font-size: 18px;
    font-family: var(--font2);
    height: 42px;
    border-radius: 6px;
    width: 85%;
    box-sizing: border-box;
    padding: 0 25px;
    border: 1px solid rgb(192 72 25 / 15%);}
.t3item{padding-top: 30px;margin-bottom: 5px;}
.hlec{    float: left;
    width: 33%;
    text-align: center;
    margin-top: -15px;
    padding-bottom: 5px;}
.content{width: 100%;height: 100%;}
.t3item::after{content: "";display: block;clear: both;}
.hlec h2{text-align: center;font-family: var(--font2);}
.rtime{float: left;width: 33%;text-align: center;}
.rtime p{font-family: var(--font2);color: #d0392c;font-size: 18px;}
/* Toast Alert */
/* image css */
/* img grid */
.alertbox {
    padding: 25px 10px;
    background: rgb(245 232 185 / 16%);
    border-radius: 5px;
}
.alertbox h4{font-family: var(--font2);}
.alertbox ul{list-style: none;padding-left: 0px;}
.alertbox ul li{font-family: var(--font2);margin-top:8px;}
.img_grid{
    width: 100%;
    display: flex;overflow-y: auto;
    align-items: center;}
.error{font-family: var(--font2);
    position: relative;
    top: 4px;
    color: #ff4900;}
.ml10pxf{margin-left: 10px !important;}
.ml10pxf:first-child{margin-left: 0px !important;}
.wrapper2{
    position: relative;
    height: 190px;
    width: 200px;
    border-radius: 5px;
    background: #fff;
    border: 2px dashed #c2cdda;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .wrapper2.active{border: none; }
  .wrapper2 .image{
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wrapper2 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    background: #fff;
    object-position: top;
  }
  .wrapper2 .icon{
    font-size: 100px;
    color: #9658fe;
  }
  .wrapper2 .text{
    font-size: 20px;
    font-weight: 500;
    color: #5B5B7B;
  }
  .wrapper2 #cancel-btn i{
    position: absolute;
    font-size: 20px;
    right: 15px;
    top: 15px;
    color: #9658fe;
    cursor: pointer;
    display: none;
  }
  .wrapper2.active:hover #cancel-btn i{
    display: block;
  }
  .wrapper2 #cancel-btn i:hover{
    color: #e74c3c;
  }
  .wrapper2 .file-name{
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 8px 0;
    font-size: 18px;
    color: #fff;
    display: none;
    background: #333;text-align: center;
  }
  .wrapper2.active:hover .file-name{
    display: block;
  }#custom-btn {
    margin-top: 10px;
    display: block;
    width: 200px;
    height: 35px;
    border: none;
    outline: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font2);
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    background: rgb(56 158 189);
    border-radius: 2px;
  }
  .red{color:#482307 !important;}
  /*Profile  */
  .ul_profile{list-style: none;padding: 15px 50px;}
  .ul_profile li{    display: inline-block;
    font-family: var(--font2);
    margin-left: 20px;
    color: #020e29;
    font-weight: 500;
}
.activepart{background: #ffffff; border: 1px solid rgba(12, 179, 12, 0.351);}