﻿.api-regform span[id*="rfv"],
#span_dob {
    /* right: 18px; */
    /* position: absolute; */
    /* bottom: 2px; */
    /* font-size: 10px; */
    /* color: red; */
}


.userLoginFrom span[id*="rfv"] {
    position: absolute;
    right: 0;
    bottom: -18px;
    font-size: 12px;
    color: red;
}

.userLoginFrom .form-group {
    position: relative;
    margin-bottom: 15px;
}

.cusat-form-container .fasttrack-form .register-form .form-group:last-child {
    padding-right: 0px;
}

.loginPopup .userLoginFrom input[type="password"] {
    background: #ffffff;
    color: #111111;
}

img[id*="imgLoading"] {
    position: absolute;
    right: 14px;
    top: 17px;
    width: 15px;
    display: none;
}

#p_Error {
    text-align: center;
    color: #c9251c;
    background: #fff;
    display: none;
    padding: 2px;
}

.modal-body {
    padding: 30px;
}

#div_ProgramDetails_content img {
    width: 35px;
}

.viewprogram_details select {
    padding-right: 45px;
}

.loginPopup .userLoginFrom input[type="password"] {
    background: #ffffff;
    color: #111111;
}

img[id*="imgLoading"] {
    position: absolute;
    right: 14px;
    top: 17px;
    width: 15px;
    display: none;
}

#p_Error {
    text-align: center;
    color: #c9251c;
    background: #fff;
    display: none;
    padding: 2px;
}

.modal-body {
    padding: 30px;
}

#div_ProgramDetails_content img {
    width: 35px;
}

.viewprogram_details select {
    padding-right: 45px;
}

.mktoErrorMsg {
    font-size: 10px;
    color: red;
    font-weight: normal;
}

ul[class*="ui-front"] {
    overflow-y: scroll;
    max-height: 200px;
    font-size: 12px;
}




/*form style for everywhere*/

/*.api-regform {
    padding: 50px 0;
}*/

    .api-regform input[type=text] , [type=email]{
        /*width: 100%;
        border: 0;
        border-bottom: 1px solid #ddd;
        padding: 0;
        font-size: 12px;*/


        display: block;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    font-size: 13px;
    line-height: 22px;
    color: #555;
    background-color: #f5f8fa;
    background-image: none;
    border: 1px solid #cbd6e2;
    border-radius: 3px;
    }

    .api-regform select {
        /*width: 100%;
        border: 0;
        border-bottom: 1px solid #ddd;
        padding: 0;
        font-size: 12px;
        -webkit-appearance: none;
        background-image: url(/images/caret.webp);
        background-repeat: no-repeat;
        background-size: 8px;
        background-position: 100% center;
        background-color: #fff;
        padding-right: 20px;*/


        display: block;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    font-size: 13px;
    line-height: 22px;
    color: #555;
    background-color: #f5f8fa;
    background-image: none;
    border: 1px solid #cbd6e2;
    border-radius: 3px;
    }

    .api-regform h6 {
        font-size: 12px;
        color: #008349;
        font-weight: normal;
        margin-top: 15px;
        margin-bottom: 3px;
    }

    .api-regform .submitDataButtons {
        margin-top: 15px;
    }

        .api-regform .submitDataButtons input[type=button] {
            /* width: 154px; */
            /* height: 46px; */
            /* line-height: 46px; */
            /* background: #395892; */
            /* text-align: center; */
            /* font-size: 12px; */
            /* font-weight: bold; */
            /* color: #fff; */
            /* text-transform: uppercase; */
            /* border: 0; */
            /* margin-right: 15px; */
        }

        .api-regform .submitDataButtons input[type="button"][disabled="disabled"] {
            background: #9daac4;
        }

        .api-regform .submitDataButtons input[type=submit]:last-child {
            background: transparent;
            color: #241e48;
            margin-right: 0;
        }

    .api-regform .dobDiv .formField {
        width: 30.8%;
        margin-right: 15px;
        float: left;
    }

        .api-regform .dobDiv .formField:last-child {
            margin-right: 0;
        }


.Validation-Req {
    border-bottom: 1px solid red !important;
}

.mktoErrorMsg {
    font-size: 10px;
    color: red;
    font-weight: normal;
    position: absolute;
    bottom: 0px;
    right: 0;
}

.api-regform .formField {
    position: relative;
}

.api-regform h6 {
    font-family: inherit !important;
}

@media only screen and (max-width:567px) {
    .api-regform .dobDiv .formField {
        width: 30.2%;
    }
}

@media only screen and (max-width:479px) {
    .api-regform .dobDiv .formField {
        width: 29.5%;
    }
}

@media only screen and (max-width:374px) {
    .api-regform .dobDiv .formField {
        width: 28.5%;
    }
}

/*form style for everywhere*/

#school-deprtment-sectn {
    padding: 50px 0 50px;
  
    background: #e5e5e570;
}
.dep-tab-wrpr {
    width: 100%;
    float: right;
}
.no-pad_dek {
    padding: 0;
}
.schol-tab-left {
    background: #fff;
    border-top: 5px solid #2a68b1;
    float: left;
    width: 100%;
    padding: 18px 0 20px;
    position: absolute;
    z-index: 1;
    box-shadow: 1px 4px 10px 3px #0000004f;
    top: -59px;
    /*height: 530px;*/
}
.no-pad_dek {
    padding: 0;
}
.contact_enquiry{
    background-color: white;
    background-size: cover;
    /*float: left;*/
    width: 100%;
    padding:15px;
    height: 420px;
    position: relative;
    /* z-index: 0; */
    box-shadow: 0 0 5px #ccc;
}
.consultation-form.form_heading {
    padding: 10px 20px;
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    font-size: 13px;
    line-height: 22px;
    color: #555;
    background-color: #f5f8fa;
    background-image: none;
    border: 1px solid #cbd6e2;
    border-radius: 3px;
}
.field_name{
    font-weight:500;
    color:grey;
}
.form_heading h4{
    font-size: 25px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.contact-address-area {
    padding: 80px 0 50px;
    background-size: cover;
    background: #e0e6ee;
}
    .single-contact-address-box {
    position: relative;
    display: block;
    background: #2a68b1;
    padding: 45px 30px 45px;
    box-shadow: 0 0 24px 0 rgb(26 47 106 / 37%);
}
    .contact-inner-box {
    color: white;
    text-align: center;
}
    .single-contact-address-box .contact-inner-box i {
    font-size: 18px;
    box-shadow: 0 0 24px 0 rgb(26 47 106 / 37%);
    height: 40px;
    width: 40px;
    background: #eddcc1;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    margin: auto;
    color: black;
    align-items: center;
    margin-bottom: 15px;
}
    .single-contact-address-box .contact-inner-box h4 {
    font-size: 19px;
    font-weight: bold;
    margin: 5px 0px;
}
    .single-contact-address-box a {
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
}
    .single-contact-address-box.main-branch {
    background: #fff;
    padding: 50px 30px 62px;
    margin-top: -24px;
}
    button#btnsubmit {
    background: #2a68b1;
    color: white;
}
    .contact_from_heading{
        font-size: 25px;
    padding-bottom: 15px;
    text-transform: uppercase;
    padding:0px 14px 15px;
    }

    .Qr_code img{
        width: 70%;
    box-shadow: 4px 4px 13px 0 rgb(1 1 1 / 20%);
    margin-left: 40px;
    }
    .Qr_code {
    padding-top: 43px;
}

    @media (max-width:992px){
       
        #school-deprtment-sectn{
            padding:50px 10px 50px 0px;
        }
        .schol-tab-left{
            float:none;
            position:relative;
        }
        .dep-tab-wrpr{
            width:96%;
        }
        .contact_enquiry{
            width:100%;
        }
}