@font-face {
    font-family: Lato-Regular;
    src: url('../fonts/Lato-Regular.ttf') format('TrueType');
}

@font-face {
    font-family: Anydore;
    src: url('../fonts/Anydore.otf') format('OpenType');
}

body {
    font-family: Lato-Regular !important;
}

.errorMessage{
    position:relative;
    font-size: 13px;
}

.errorClass.in{
    border-bottom-color: red!important;
    background-image: url(../studentimages/exclamation.png) !important;
    background-position: 92%;
    background-repeat: no-repeat;
}
.regLoginBtn{
    width: 83%;
    margin-top: 5% !important;
    display: block;
    margin: 0 auto;
}
#applyLogin{
    background-color: #ecece9;
}
.regLoginBtn button{
    
    color: #fff;
    float: left;
    width: 50%;
    padding: 14px 0px;
    border: none;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555 ;
    text-align: center;
    background-color: #849cb1 !important;
    border: none !important;
    border-radius: 4px 0px 0px 4px !important;
}
.formsBtn i {
    position: relative;
    right: 6%;
    color: #fff;
    float: left;
    font-size:18px;
    /*line-height: 43px;
    padding-bottom: 12px;*/
}
.head{padding:20px;
    text-align:center;
}
.head_one{padding:20px;}
.skip{width: 100%;
    border: transparent;
    padding: 20px;
}
.formsBtn i.fa-envelope, .formsBtn i.fa-calendar{
    font-size: 13px;
}

.formsBtn i.fa-phone{
    font-size: 16px;
}

.formsBtn button:focus{
    border:none;
    outline:0;
}

#showLogin{
    display:none;
}

.closePswdModal {
    background-color: transparent;
    position: absolute;
    top: 3%;
    right: 0;
    float: none !important;
    width: auto;
    color: #fff !important;
    padding: 1%;
    font-size: 28px;
    margin: 0px !important;
    line-height: 0;
}

#pswdModal .modal-footer .submitBtn input{
    margin-bottom:1%;
}

.applyForm button {
    font-size: 18px;
    background-color: #ecece9;
    border: none;
    padding: 15px;
    width: 50%;
    float: left;
    margin-bottom: 4%;
}

/*.formWrapper{
    width: 100%;
    height: auto;
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 40px;
    font-family: sans-serif;
}*/
.formWrapper p {
    line-height: 22px;
    font-size: 15px ;
    /*text-align: justify;*/
}

.half_width {
    width: 50%;
    float: left;
}
.submitBtn input {
    padding: 7px;
    font-size: 18px;
    background: #fa7800 !important;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #e6ebef;
    cursor: pointer;
    box-shadow: 1px 2px 1px 1px rgba(0,0,0,0.5);
    transition: 0.5s linear all;
    width: 128px;
    margin: 0 auto;
    /*transition: 1s;*/
    display: block;
    margin-bottom: 5%;
}
.submitBtn input:hover {
    background: #fff !important;
    color: #fa7800;
    border-color: #fa7800;
}
.submitBtn a:hover{
    text-decoration:none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #555;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #555;
}
.formsBtn {
    /* border: 2px solid #ea7618; */
    display: flow-root;
    border-radius: 4px;
    background-color: rgba(234,234,231,0.9);
    padding-top: 31px;
	width: 100%;
}
.applyForm {
    /* margin-left: 15%; 
     border: 1px solid;
    margin-top: 5% !important;*/
    width: 83%;
    
    display: block;
    margin: 0 auto;
}
.applyForm hr{
    width: 28%;
    margin-top: 0;
    clear: both;
    text-align: left;
    display: -webkit-inline-box;
}
.applyForm .form-grp input {
    text-transform: capitalize;
    float: left;
    display: block;
    width: 90%;
    border-radius: 0px 4px 4px 0px !important;
    /* margin-top: 28%; */
    height: 43px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c7c6c6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    
    margin: 0 auto;
    /*margin-left: 5%;*/
}
#email, #confirm_mail, #loginEmail{
   text-transform: lowercase; 
}
.Address input, .Address select{
     text-transform: uppercase; 
}
.input-group {
   margin: 4% 0 !important;
    padding-left: 9%; 
   
}

.applyForm .form-grp input:focus, .formWrapper select:focus, .formWrapper input:focus{
	 outline: #ea7618;
	 border:1px solid #ea7618;
}

.input-group-addon{
    padding: 6px 15px !important;
}

.emailGrp .input-group-addon{
    padding: 15px 15px !important;
    width:100%;
}

.emailGrp{
    display: -webkit-box !important;
}

#ui-datepicker-div{
    left: 833.078px !important;
    width: 21.9% !important;
}

/*********** STEP 2 FORM CSS START  **********/

/*#Month_MAT, #perm_state, #perm_city, #work_exp_in_year, #work_exp_in_month, #edu_yr3, #Degree3, #edu_yr2, #edu_yr1{
    width: 100% !important;
}*/

select.checkmarkBox{
    width: 100% !important;
}

.selectStateFooter{
        margin-top: 6%;
    font-size: 13px !important;
}

.commonAdmission select{
    /*float: left;
    display: block;*/
    width: 89%;
    /* margin-top: 28%; */
    height: 39px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #0000000f;
    background-image: none;
    border: 1px solid #c7c6c6;
    border-radius: 4px;
    
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    /* margin: 0 auto; */
    /* margin-left: 5%; */
}

.noPadding{
    padding:0px !important;
}

.formWrapper h4 {
    margin-bottom: 0;
    color: #252525;
    padding-bottom: 8px;
    /* border-bottom: 2px solid #ea7618; */
    font-size: 19px;
    font-weight: 400;
    padding-bottom: 5px;
    margin-top: 0px !important;
    /* width: 552px; */
}

.paddingLeft{
    padding-left:0px !important;
}

.paddingRight{
    padding-right:0px !important;
}

.borderClass {
    border-top: 3.8px solid #33332a78;
    /* height: 0px; */
    width: 34%;
    margin-top: 9px;
    display: block;
    margin-bottom: 1.5%;
    /* height: 8px; */
}

.marRyt{
    margin-right:5px !important;
}

.checkmarkBox{
    width: 100%;
    text-transform: capitalize;
    height: 39px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #0000000f;
    background-image: none;
    border: 1px solid #c7c6c6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    /* margin: 0 auto; */
    /* margin-left: 5%; */
}
#Emailll{
	text-transform:lowercase;
}
.checkText{
    margin-top: 1%;
}

.marTop{
    margin-top: 2%;
}

.commonAdmission{
    margin-bottom: 1.5%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 25px !important;
    border: 1px solid #dadad8;
}

.colorBody{
    background-color: rgba(234,234,231,0.9);
}

.steps {
    background-color: #fdfdfd;
    padding: 18px;
    font-size: 17px;
    text-align: center;
    color: #252525;
}

.steps.done:nth-child(even){
    background-color: #8fcc66;
    color:#fff;
}

.steps.done:nth-child(even):before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 18px solid #8fcc66;
    position: absolute;
    top: -1px;
    right: 1px;
    z-index: 99999;
    right: -18px;
}

.steps.active:last-child:before{
    display:none;
}

.steps.default:nth-child(even){
    background-color: #e2e2e0;
    color:#80807d;
}

.steps.default:nth-child(even):before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 18px solid #e2e2e0;
    position: absolute;
    top: -1px;
    right: 1px;
    z-index: 99999;
    right: -18px;
}

.steps.done{
    background-color: #94da64;
    color:#fff;
}

.steps.done:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 18px solid #94da64;
    position: absolute;
    top: -1px;
    right: 1px;
    z-index: 99999;
    right: -18px;
}

.steps.moredefault {
    background-color: #e2e2e0;
    color: #80807d;
}


.steps.default {
    background-color: #d2d2ce;
    color: #80807d;
}
.steps.default:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 18px solid #d2d2ce;
    position: absolute;
    top: -1px;
    right: 1px;
    z-index: 99999;
    right: -18px;
}
#confirm_mail::placeholder,#email::placeholder,#loginEmail::placeholder,#forgotEmail::placeholder{text-transform: capitalize;}
#forgotEmail{text-transform:lowercase;}
.steps.active{
    background-color: #50255f;
    color: #fff;
}
.steps.active:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 18px solid #50255f;
    position: absolute;
    top: -1px;
    right: 1px;
    z-index: 99999;
    right: -18px;
}

.logoutDiv{
        margin-top: 1%;
}

.pageHeading{
        padding: 12px 0px 14px;
}

.modal.show{
    background-color: #0000004a;
    text-align:justify;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #50255f;
    color: #fff;
    text-align: center;
}

.modal-body p{
    
    font-size: 17px;
}

.modal-footer {
    padding: 6px !important;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

#myModal .modal-footer .submitBtn input {
    padding: 7px;
    font-size: 18px;
    background: #fa7800 !important;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #e6ebef;
    cursor: pointer;
    box-shadow: 1px 2px 1px 1px rgba(0,0,0,0.5);
    transition: 0.5s linear all;
    width: 60px;
    margin: 0 auto;
    /* transition: 1s; */
    display: block;
    margin-bottom: 3%;
}

.upcomingGDPI{
    height: 331px;
}



/*********** STEP 3 FORM CSS START  **********/

#UserImg{
    font-size:16px;
}

.paddingLeft{
    padding-left:0px !important;
}

.paddingRight{
    padding-right:0px !important;
}

.thanksBody{
    background-color: rgba(234,234,231,0.9);
}

.thanks{
    text-align:center;
    padding: 7% 0;
    
}

.thanks img{
    width: 18%;
    margin: 0 auto;
    display: block;
}

.thanks h1{
    font-family: anydore;
    font-size: 94px;
    color: #562b63;
}

.thanks p {
    font-family: Lato-Regular;
    font-size: 22px;
    color: #562b63;
    font-weight: 500;
    /* font-style: italic; */
}

.logoutDiv a{
    float: right;
    text-align: center;
    padding: 3px;
    font-size: 14px;
    background: #50255f !important;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #ecece9;
    cursor: pointer;
    box-shadow: 1px 2px 1px 1px rgba(0,0,0,0.5);
    transition: 0.5s linear all;
    width: 92px;
    margin: 0 auto;
    /* transition: 1s; */
    display: block;
    margin-bottom: 1%;
}

.logoutDiv a:hover{
    background: #fff !important;
    color: #50255f;
    border-color: #50255f;
    text-decoration: none;
}

.regstate{
    float: left;
    display: block;
    width: 90%;
    border-radius: 0px 4px 4px 0px !important;
    /* margin-top: 28%; */
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c7c6c6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin: 0 auto;
    /* margin-left: 5%; */
}

.forgotPswd a{
    float: right;
    margin: 0% 5% 5% 0%;
    color: #562b63;
}

.forgotPswd a:hover{
    text-decoration:none;    
    color: #fa7800;
    cursor:pointer;
}

.proceedToPay input{
    width: 186px;
}

.backNext{
    text-align:center;
    margin:0 auto;
    display:block;
}

.backNext input{
    padding: 7px;
    font-size: 18px;
    background: #fa7800 !important;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #e6ebef;
    cursor: pointer;
    box-shadow: 1px 2px 1px 1px rgba(0,0,0,0.5);
    transition: 0.5s linear all;
    width: 128px;
    margin: 5% 5px;
    /* margin: 0 auto; */
    transition: 1s;
    /* display: block; */
    /* margin-bottom: 5%; */
}

.backNext input:hover{
    background: #fff !important;
    color: #fa7800;
    border-color: #fa7800;
}

.select2-selection.select2-selection--single{
    text-transform: capitalize;
    float: left;
    display: block;
    width: 100%;
    border-radius: 0px 4px 4px 0px !important;
    height: 45px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c7c6c6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin: 0 auto;
    
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0px !important;
   
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}

.homeSteps1, .homeSteps2, .homeSteps3{
    background-color: #562b63;
    color: #fff;
    padding: 9px 22px;
    margin-right:5%;
}

.homeSteps1{
    background-image:url('../studentimages/arrow-bg.png');
    background-size: 100%;
}

/*span.homeSteps1:before {
    content: "";
    display: inline;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 11px solid #562b63;
    position: absolute;
    top: 51.7%;
    left: 18.5%;
    z-index: 99999;
    float: right;
}
*/
span.homeSteps2:before {
    content: "";
    display: inline;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 11px solid #562b63;
    position: absolute;
    top: 61.7%;
    left: 18.5%;
    z-index: 99999;
    float: right;
}

span.homeSteps3:before {
    content: "";
    display: inline;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 11px solid #562b63;
    position: absolute;
    top: 71.7%;
    left: 18.5%;
    z-index: 99999;
    float: right;
}

.stepsmar{
    margin-bottom:5%;
    margin-top:5%;
}

.stepsmar b{
    font-size: 19px;
}

#emailerr {
    float: left;
}

.emailInpt{
    padding: 0px 0px 0px 8px !important;
}

.apmbl i{
    font-size: 13px !important;
    padding: 0px 1px;    
}






/*********** RESPONSIVE START  **********/

@media screen and (max-width:767px){
    
    .emailInpt input {
    width: 89% !important;
    margin-left: 0% !important;
}
    #atma_div .paddingRight br, #matt br, #atmaa br{
    display:none;
}
    .emailInpt{
        padding: 0px 15px 0px 0px !important;
    }
    select2.select2-container.select2-container--default{
        width: 232px;
    }
    
    span.homeSteps2:before {
        content: "";
        display: inline;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 14px solid #562b63;
        position: absolute;
        top: 65.8% !important;
        left: 29.5% !important;
        z-index: 99999;
        float: right;
    }
    span.homeSteps3:before {
        content: "";
        display: inline;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 14px solid #562b63;
        position: absolute;
        top: 73.7% !important;
        left: 29.5% !important;
        z-index: 99999;
        float: right;
    }
    .logoutDiv a {
        float: right;
        text-align: center;
        padding: 2px;
        font-size: 12px;
        background: #50255f !important;
        text-transform: uppercase;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #ecece9;
        cursor: pointer;
        box-shadow: 1px 2px 1px 1px rgba(0,0,0,0.5);
        transition: 0.5s linear all;
        width: 70px;
        /* margin: 0 auto; */
        /* transition: 1s; */
        /* display: block; */
        margin-bottom: 6%;
        margin-top: 9%;
    }
    .thanks {
        text-align: center;
        padding: 32% 0;
    }
    .thanks img {
        width: 52%;
        margin: 0 auto;
        display: block;
    }
    .thanks h1 {
        font-family: anydore;
        font-size: 72px;
        color: #562b63;
    }
    .thanks p {
        font-family: anydore;
        font-size: 28px;
        color: #562b63;
    }
    .steps {
        background-color: #fdfdfd;
        padding: 9px;
        font-size: 14px;
        text-align: center;
        color: #252525;
    }
    .steps:before{
        display:none !important;
    }
    .container{
        padding:0px !important;
    }
    .regLoginBtn {
        width: 100%;
        margin-top: 5% !important;
        display: block;
        margin: 0 auto;
    }
    .applyForm {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .h2, h2 {
        font-size: 22px !important;
    }
    .commonAdmission select {
        width: 100%;
        /*margin-bottom: 2%;*/
    }
    .paddingLeft, .paddingRight, .mblNoPadding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ui-datepicker-div {
        left: 87px !important;
        width: 65% !important;
    }
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 141px 10px !important;
    }
    .errorMessage {
        position: absolute;
        font-size: 13px;
        top: 38px;
    }
    .mblMar{
        margin-top:6%;
    }
    .mblMar .errorMessage{
        position: absolute;
        font-size: 13px;
        top: auto;
    }
    .prefmblSelect select{
        margin-bottom:7% !important;
    }
	
	
}

@media screen and (max-width:992px){
    .emailInpt input{
        width: 84% ;
        margin-left: 6% ;
    }
    
    span.homeSteps2:before {
        content: "";
        display: inline;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 14px solid #562b63;
        position: absolute;
        top: 69.5%;
        left: 29.2%;
        z-index: 99999;
        float: right;
    }
    span.homeSteps3:before {
        content: "";
        display: inline;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 14px solid #562b63;
        position: absolute;
        top: 76.7%;
        left: 29.2%;
        z-index: 99999;
        float: right;
    }
    .thanks img {
        width: 40%;
        margin: 0 auto;
        display: block;
    }
    .Address .col-sm-12{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    #ui-datepicker-div {
        left: 494px ;
        width: auto ;
    }
    .steps {
        background-color: #fdfdfd;
        padding: 18px;
        font-size: 12px;
        text-align: center;
        color: #252525;
    }
    .steps.active:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 28px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 18px solid #50255f;
        position: absolute;
        top: -1px;
        right: 1px;
        z-index: 99999;
        right: -17px;
    }
    .steps.default:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 28px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 19px solid #d2d2ce;
        position: absolute;
        top: -1px;
        right: 1px;
        z-index: 99999;
        right: -18px;
    }
    .steps.done:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 28px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 18px solid #94da64;
        position: absolute;
        top: -1px;
        right: 1px;
        z-index: 99999;
        right: -17px;
    }
    .steps.done:nth-child(even):before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 28px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 18px solid #8fcc66;
        position: absolute;
        top: -1px;
        right: 1px;
        z-index: 99999;
        right: -18px;
    }
    .prefmblSelect select{
            margin-bottom: 6%;
    }
    .prefmblSelect .errorMessage {
        position: absolute;
        font-size: 13px;
        top: 38px;
        position: absolute;
        font-size: 13px;
    }
    .apt .mblMar {
        margin-top: 4%;
    }
    .Address .mblMar{
        margin-top: 4%;
    }
}

@media (min-width: 768px){
    .modal-dialog {
        width: 433px !important;
        margin: 167px auto !important;
    }
    
}

/*.loadingImg img{
    position: absolute;
    display: block;
    left: 50%;
    margin-top: 22%;
    z-index: 999;
    display:none;
    width: 5%;
}*/
.fullApplyForm{
    display:block;
}