.box .box-header h2 {
    float: left;
    padding: 5px 0;
    margin: 0 0 0 20px;
    font-size: 18px !important;
}
/*-----------START QUICK ADMISSION-----------*/
.ddlBrnch {
    width: 15% !important;
}

.txtSrchAddm {
    width: 20% !important;
}

.txtSrchMthrFthr {
    width: 12% !important;
}

.txtSrchMobClssSec {
    width: 9% !important;
}

.fathrMothr {
    width: 48% !important;
}

/*-----------END QUICK ADMISSION-----------*/

/*-----------START STUDENT PROMOTION-----------*/
.ContDiv { 
       height: 435px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    box-shadow: 0px 0px 20px 0px #ccc;
    width: 43.5%;
    margin:0px 10px;
}
.ContBtnDiv {
        height: 435px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 20px 0px #ccc;
    padding-top: 80px;
    text-align: center;
    width: 8%;
    border-radius: 15px;
    margin:0px 10px;
}
/*-----------END STUDENT PROMOTION-----------*/

/*-----------START ENQUIRY-----------*/
/*-----------END ENQUIRY-----------*/

/*-----------START STUDENT REPORT-----------*/
    .midlDivMrg {        
   margin: 0px 0px 0px 10px !important;
    }
.StdntRpDiv {
    width:14.6% !important;
   margin: 0px 0px 0px 10px !important;
}
/*-----------END STUDENT REPORT-----------*/

/*-----------START STUDENT GATE PASS-----------*/
    .txtSrchAdmn {
        width: 47.5% ! important;
    }
/*-----------END STUDENT GATE PASS-----------*/

/*-----------START STUDENT REPORT WIZARD-----------*/
.StdRepWizrd {
    width:50%;
    float:left;
}
/*-----------END STUDENT REPORT WIZARD-----------*/

/*-----------START STUDENT ATTENDANCE-----------*/
.ddlWidth {
    width:7% !important;
    float:left;
}
.llbTxtWidth {
    width:5% !important;
    float:left;
}
.lblWidth {
    width:10% !important;
}
    .txtAlign {
        text-align:right !important;
    }
.txtWidth {
    width:20% !important;
    float:left;
}
.btnMrg {
    margin:0px 0px 0px 10px;
}
.lblMrg10 {
    margin:0px 0px 0px 10px;
}
.lblMrg5 {
    margin:0px 0px 0px 5px;
}
    .btnDiv {
        width:36%;
        float:left;
    }
    .lblDiv {
        width:64%;
        float:left;
    }

/*-----------END STUDENT ATTENDANCE-----------*/

/*-----------START TRANSPORT STUDENT-----------*/
.ddlTrnsWdth15 {
    width:15% !important;
}
.ddlTrnsWdth10 {
    width:10% !important;
}
.white_conTrans {
    display: none;
    position: absolute;
    top: 10%;
    left: 20%;
    width: 60%;
    height: auto;
    padding: 15px;
    border: 8px solid gray;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}
    .Trans_BorderRght {
        border-right: 1px solid #17999d;
    }
/*-----------END TRANSPORT STUDENT-----------*/

/*-----------START MSTAREA-----------*/
.txtAreaWidth {
    width:200px !important;
}
    .AreaGrid {
        width:100%;
        overflow:auto;
    }
    .white_contMstArea {
       display: none;
    position: absolute;
    top: 10% !important;
    left: 30% !important;
    width: 40% !important;
    height: auto !important;
    padding: 15px 15px 5px 15px !important;
    border: 8px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
/*-----------END MSTAREA-----------*/

/*-----------START ROUTE DETAILS-----------*/ 
.txtddlRouteDetl {
    width:200px !important;
}
    .RouteDetlGrid {
        width:100%;
        overflow:auto
    }
    .white_contRouteDetl {
       display: none;
    position: absolute;
    top: 10% !important;
    left: 30% !important;
    width: 40% !important;
    height: auto !important;
    padding: 15px 15px 5px 15px !important;
    border: 8px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
/*-----------END ROUTE DETAILS-----------*/

/*-----------START TRANSPORT KM CHARGE-----------*/ 
    .TransPortKMCh {
        width:100%;
        overflow:auto;
    }
    .white_contTransPortKMCh {    
      display: none;
    position: absolute;
    top: 10% !important;
    left: 30% !important;
    width: 60% !important;
    height: auto !important;
    padding: 20px !important;
    border: 8px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
/*-----------END TRANSPORT KM CHARGE-----------*/

/*-----------START DRIVER-----------*/
.txtDriver {
    width:180px !important;
}
    .GridDriver {
        width:100%;
        overflow:auto;
    }
    
    .borderDriverRght {
        border-right: 1px solid #17999d;
    }

    .white_contDriver {    
  display: none;
    position: absolute;
    top: 5%;
    left: 20%;
    width: 60%;
    height: auto;
    padding: 15px;
    border: 8px solid gray;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    padding-bottom: 5px;
}
/*-----------END DRIVER-----------*/

/*-----------START STUDENT REGISTRATION-----------*/
    .GridStudReg {
        width:100%;
        overflow:auto;
    }
    .MrgStudReg {
        margin-bottom:2px;
    }
    .white_contStudReg {
      display: none;
    position: absolute;
    width: 90% !important;
    height: auto !important;
    left: 5% !important;
    top: 3% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}

.BrdRghtStudReg {
   border-right: 1px solid #17999d !important;
   border-bottom: 0px solid #17999d !important
}
    .LightDivPaddLe {
        padding-bottom:14px;
    }
    
    .LightDivPaddMi {
        padding-bottom:100px;
    }
    
    .LightDivPaddRi {
        padding-bottom:12px;
    }

.txtRgDate {
    width: 35% ! important;
    padding: 3px !important;
}
.txtRgNo {
    color: Red; 
    width: 28% ! important; 
    font-weight: bold; 
    border: 1px solid #ccc; 
    height: 25px; 
    padding: 5px; 
    background: #eaeaea;
    margin-left:2%;
}
.ddlSalName {
    width: 15% ! important;
    padding: 3px !important;
}
.txtSalName {
    width: 50% ! important;
    padding: 3px !important;
}
/*-----------END STUDENT REGISTRATION-----------*/ 

/*-----------START ADMISSION DETAILS-----------*/
    .GridAdmssDet {
        width:100%;
        overflow:auto;
    }
    .MrgAdmssDet {
        margin-bottom:2px;
    }
    .white_contAdmssDet {
     display: none;
    position: absolute;
    width: 90% !important;
    height: auto !important;
    left: 5% !important;
    top: 3% !important;
    padding: 0px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 5px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}    
    .LightcontAdmssDet {
        float: left; 
        padding-left:15px !important; 
        padding-right:15px !important;
    }
    .AdmissnNoAdmssDet {
        width: 35% !important;
    font-weight: bold;
    font-size: 13px !important;
    color: #A20505 !important;
}
    .txtDateAdmssDet {
    width: 28% !important;
    margin-left:2%;
}
    .FirstNameAdmssDet {
    width: 32% !important;
}
    .LastNameAdmssDet {
    width: 32% !important;
    margin-left:1%
}
    
    .txtDOBAdmssDet {
    width: 28% !important;
}
    .AgeAdmssDet {
    width: 35% !important;
    margin-left:2%;
}
    .ddlSalNameAdmssDet {
    width: 15% ! important;
    padding: 0px !important;
    float:left;
}
.txtSalNameAdmssDet {
    width: 48% ! important;
    padding: 0px 5px !important;
    float:left;
    margin-left:2%;
}

    .bordrAdmssDetRght {
       border-right: 1px solid #17999d;
    }


/*-----------END ADMISSION DETAILS-----------*/ 

/*-----------START CONDUCTOR-----------*/
.txtConductor {
    width:180px !important;
}
    .borderConductorRght {
        border-right: 1px solid #17999d;
    }

    .GridConductor {
        width:100%;
        overflow:auto;
    }
    .white_contConductor {    
       display: none;
    position: absolute;
    top: 10%;
    left: 20%;
    width: 60%;
    height: auto;
    padding: 15px;
    border: 8px solid gray;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    padding-bottom: 5px;
}
/*-----------END CONDUCTOR-----------*/

/*-----------START VEHICLE-----------*/
.txtVehicle {
    width:180px !important;
}
    .borderVehicleRght {
        border-right: 1px solid #17999d;
    }

    .GridVehicle {
        width:100%;
        overflow:auto;
    }
    .white_contVehicle {    
          display: none;
    position: absolute;
    top: 5%;
    left: 20%;
    width: 60%;
    height: auto;
    padding: 15px;
    border: 8px solid gray;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    padding-bottom: 5px;
}
/*-----------END VEHICLE-----------*/

/*-----------START ROUTE STAFF-----------*/
.txtRouteStaff {
    width:180px !important;
}
    .borderRouteStaffRght {
        border-right: 1px solid #17999d;
    }

    .GridRouteStaff {
        width:100%;
        overflow:auto;
    }
    .borderRouteStaffBttm {
    border-bottom: 1px solid #17999d;
}
    .white_contRouteStaff {    
       display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
.lblRouteStaffLght {
    width:75px !important;
}
.txtRouteStaffLght {
    width:180px !important;
}
/*-----------END ROUTE STAFF-----------*/

/*-----------START FEE STRUCTURE-----------*/
.txtFeeStructure {
    width:180px !important;
}

.lblFeeStructure {
    width:70px !important;
    padding-top:5px;
}

    .btnRghtWdth {
        width:30%;
        text-align:right;
        float:right;
    }

    .GridFeeStructure {
        width:100%;
        overflow:auto;
    }

    .borderFeeStructure {
        border-right: 1px solid #17999d;
    }

    .white_contFeeStructure {    
     display: none;
    position: absolute;
    top: 10% !important;
    left: 30% !important;
    width: 40% !important;
    height: auto;
    padding: 20px !important;
    border: 8px solid gray;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}
    
.lblFeeStructureLght {
    width:75px !important;    
    margin-bottom: 5px;
    font-size: 14px;
}
.txtFeeStructureLght {
    width:155px !important;
}
    .txtFeeStructureLght {
        width:100% !important;
    }
/*-----------END FEE STRUCTURE-----------*/

/*-----------START TRANSPORT WIZARD REPORT-----------*/
    .TrWimidlDivMrg {        
   margin: 0px 0px 0px 10px !important;
    }
.TransWizRpDiv {
    width:14.6% !important;
   margin: 0px 0px 0px 10px !important;
}
    .lblAdmssWidth {
        width:35% !important;
    }
    .lblRdWidth {
        width:10% !important;
    }
/*-----------END TRANSPORT WIZARD REPORT-----------*/

/*-----------START CHEQUE BOUNCE DETAIL-----------*/
.txtSrchWdth {
    width:80% !important;
}
    .GridCheqBnce {
        width:100%;
        overflow:auto;
    }
     .white_contCheqBnce {    
          display: none;
    position: absolute;
    top: 10% !important;
    left: 15% !important;
    width: 70% !important;
    height: auto !important;
    padding: 20px !important;
    border: 8px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
.GrdLightWth {
    width:100%;
    overflow:auto;
}
/*-----------END CHEQUE BOUNCE DETAIL-----------*/

/*-----------START FEE REPORT WIZARD-----------*/
    .FeeRpWimidlDivMrg {        
   margin: 0px 0px 0px 10px !important;
    }
.FeeWizRpDiv {
    width:14.6% !important;
   margin: 0px 0px 0px 10px !important;
}
    .FeeWizRpMrgBttm {
        margin-bottom:10px;
    }
/*-----------END FEE REPORT WIZARD-----------*/   
 
/*-----------START BRANCH-----------*/
    .GridBranch {
        width:100%;
        overflow:auto;
    }
     .white_contBranch {    
          display: none;
    position: absolute;
    width: 85% !important;
    height: auto !important;
    left: 8% !important;
    top: 5% !important;
    padding: 0px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
    .BrnchBordrRght {
            border-right: 1px solid #17999d;
    }
     .btnBrnchLghtFist {
        margin-left:15px;
    }
/*-----------END BRANCH-----------*/ 

/*-----------START SMS API-----------*/
    .GridSMSAPI {
        width:100%;
        overflow:auto;
    }
     .white_contSMSAPI {    
         display: none;
    position: absolute;
    top: 5%;
    left: 10%;
    width: 80%;
    height: auto;
    padding: 15px;
    border: 8px solid gray;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}
/*-----------END SMS API-----------*/

/*-----------START TEMPLATE-----------*/
.txtSrchWdthTemp {
    width:80% !important;
}
    .GridTemplate {
        width:100%;
        overflow:auto;
    }
     .white_contTemplate {    
          display: none;
    position: absolute;
    width: 65% !important;
    height: auto !important;
    left: 17% !important;
    top: 8% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}    
/*-----------END TEMPLATE-----------*/ 

/*-----------START CUSTOM REPORTS-----------*/
.txtSrchWdthCustmRp {
    width:80% !important;
}
    .GridCustmRp {
        width:100%;
        overflow:auto;
    }
     .white_contCustmRp {    
       display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 12% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}    
/*-----------END CUSTOM REPORTS-----------*/ 

/*-----------START FEE HEAD-----------*/
.txtSrchWdthFeeHd {
    width:80% !important;
}
    .GridFeeHd {
        width:100%;
        overflow:auto;
    }
     .white_contFeeHd {    
       display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 12% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}    
/*-----------END FEE HEAD-----------*/ 

/*-----------START FEE CONCESSION-----------*/
.txtSrchWdthFeeConss {
    width:80% !important;
}
    .GridFeeConss {
        width:100%;
        overflow:auto;
    }
     .white_contFeeConss {    
        display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 12% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}    
    .MrgBttomFeeConss {
        margin-bottom:0px;
    } 
/*-----------END FEE CONCESSION-----------*/ 

/*-----------START LATE FEE CHARGE DAY-----------*/
.txtSrchWdthLateFee {
    width:80% !important;
}
    .GridLateFee {
        width:100%;
        overflow:auto;
    }
     .white_contLateFee {    
        display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 12% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}    
    .MrgBttomLateFee {
        margin-bottom:0px;
    }    
    .lblLightLateFee {
        font-size:12px;
    } 
/*-----------END LATE FEE CHARGE DAY-----------*/ 

/*-----------START FEE LATE CHARGE MONTH-----------*/
.txtFeeMth {
    width:50% !important;
}
.lblFeeMth {
    width:50% !important;
    text-align:center !important;
}
    .GridFeeMth {
        width:100%;
        overflow:auto;
    }
    .MrgBttomFeeMth {
        margin-bottom:0px;
    }    
    .lblLightFeeMth {
        font-size:12px;
    } 
/*-----------END FEE LATE CHARGE MONTH-----------*/ 

/*-----------START OPTIONAL FEE-----------*/
                 
    .MrgLeft {
        margin-left:5px;
    } 
/*-----------END OPTIONAL FEE-----------*/ 

/*-----------START FEE LATE CHARGE DAY-----------*/
    .GridLaFeeDay {
        width:100%;
        overflow:auto;
    }

    .MrgBttomLaFeeDay {
        margin-bottom:0px;
    }    
    .lblLightLaFeeDay {
        font-size:12px;
    } 
/*-----------END FEE LATE CHARGE DAY-----------*/ 

/*-----------START FEE DUE ADVANCE-----------*/
    .GridFeeDueAdv {
        width:100%;
        overflow:scroll;
    }
    .MrgFeeDueAdv {
        margin-bottom:2px;
    }
.txtFeeDueAdv {
    width:58.9% !important;
}
    .white_contFeeDueAdv {
      display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 12% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}
/*-----------END FEE DUE ADVANCE-----------*/ 

/*-----------START USER-----------*/
    .MrgUser {
        margin-bottom:2px;
    }
    .white_contUser {
      display: none;
    position: absolute;
    width: 50% !important;
    height: auto !important;
    left: 25% !important;
    top: 12% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}
/*-----------END USER-----------*/ 


/*-----------START FEE COLLECTION-----------*/
    .MrgFeeCllec {
        margin-bottom:2px;
    }
    .white_contFeeCllec {
        display: none;
            position: absolute;
            width: 85% !important;
            height: auto !important;
            left: 7% !important;
            top: 3% !important;
            padding: 0px !important;
            box-shadow: 0 0 25px #333 !important;
            -moz-box-shadow: 0 0 25px #333 !important;
            -webkit-box-shadow: 0 0 25px #333 !important;
            border: 10px solid #555 !important;
            background-color: white !important;
            z-index: 1002 !important;
            overflow: auto;
}
/*-----------END FEE COLLECTION-----------*/ 



.txtSearch {
    width:200px !important;
}
@media only screen and (max-width: 797px) {
    .box_ContGrd {
        width: 100%;
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 767px) {    
.txtSearch {
    width:200px !important;
}
.box .box-header h2 {
    float: left;
    padding: 5px 0;
    margin: 0 0 0 20px;
    font-size: 13px !important;
}
    .caption {
        font-size:12PX;
    }
    .box .box-header h2 {
    float: left;
    padding: 5px 0;
    margin: 0 0 0 20px;
    font-size: 16px !important;
}
    /*-----------START QUICK ADMISSION-----------*/
    .ddlBrnch {
        width: 90% !important;
        margin-bottom: 5px;
    }

    .txtSrchAddm {
        width: 90% !important;
        margin-bottom: 5px;
    }

    .txtSrchMthrFthr {
        width: 90% !important;
        margin-bottom: 5px;
    }

    .txtSrchMobClssSec {
        width: 90% !important;
        margin-bottom: 5px;
    }

    .LightQuickAdmssn {
        display: none;
        position: absolute;
        width: 90% !important;
        height: auto !important;
        left: 5% !important;
        top: 15% !important;
        padding: 0px !important;
        box-shadow: 0 0 25px #333 !important;
        -moz-box-shadow: 0 0 25px #333 !important;
        -webkit-box-shadow: 0 0 25px #333 !important;
        border: 5px solid #555 !important;
        background-color: white !important;
        z-index: 1002 !important;
        overflow: auto;
    }

    .control-label {
        font-size: 11px;
    }

    /*-----------END QUICK ADMISSION-----------*/
    
/*-----------START STUDENT REPORT-----------*/
    .midlDivMrg {        
   margin: 10px 0px 0px 0px !important;
    }
.StdntRpDiv {
    width:100% !important;
   margin: 10px 0px 0px 0px !important;
}
/*-----------END STUDENT REPORT-----------*/
    
/*-----------START ENQUIRY-----------*/
    .LightEnquiry {
         left: 10% !important;
            width: 80% !important;
    }
/*-----------END ENQUIRY-----------*/
/*-----------START STUDENT GATE PASS-----------*/
.LightStdGatPss {
         left: 10% !important;
            width: 80% !important;
}
    .txtSrchAdmn {
        width: 43.5% ! important;
    }
/*-----------END STUDENT GATE PASS-----------*/
/*-----------START STAFF GATE PASS-----------*/
.LightStffGatPss {
         left: 10% !important;
            width: 80% !important;
}
/*-----------END STAFF GATE PASS-----------*/

/*-----------START STUDENT REPORT WIZARD-----------*/
.StdRepWizrd {
    width:100%;
    float:left;
}
/*-----------END STUDENT REPORT WIZARD-----------*/


/*-----------START STUDENT PROMOTION-----------*/
.ContDiv { 
       height: 435px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    box-shadow: 0px 0px 20px 0px #ccc;
    width: 100%;
    margin:auto;
}
.ContBtnDiv {
        height: 435px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 20px 0px #ccc;
    padding-top: 80px;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    margin:auto;
}
/*-----------END STUDENT PROMOTION-----------*/

/*-----------START STUDENT ATTENDANCE-----------*/
.ddlWidth {
    width:100% !important;
    float:left;
    margin-bottom:5px !important;
}
.llbTxtWidth {
    width:100% !important;
    float:left;
    margin-bottom:5px !important;
}
    .txtAlign {
        text-align:left !important;
    }
.lblWidth {
    width:100% !important;
    margin-bottom:5px !important;
}
.txtWidth {
    width:100% !important;
    float:left;
    margin-bottom:5px !important;
}
.btnMrg {
    margin:0px 0px 5px 0px;
}
.lblMrg10 {
    margin:0px 0px 5px 0px;
}
.lblMrg5 {
    margin:0px 0px 5px 0px;
}
    .btnDiv {
        width:100%;
    }
    .lblDiv {
        width:100%;
    }
/*-----------END STUDENT ATTENDANCE-----------*/

/*-----------START TRANSPORT STUDENT-----------*/
.ddlTrnsWdth15 {
    width:80% !important;
    margin-bottom:5px;
}
.ddlTrnsWdth10 {
    width:80% !important;
    margin-bottom:5px;
}
    .box_GridScrl {
        width:100%;
        overflow:scroll;
    }
    .white_conTrans {
    display: none;
    position: absolute;
    top: 10%;
    left: 3%;
    width: 94%;
    height: auto;
    padding: 5px;
    border: 4px solid gray;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}
    .Trans_BorderRght {
        border-right: 0px solid #17999d;
    }
/*-----------END TRANSPORT STUDENT-----------*/

/*-----------START MSTAREA-----------*/
.txtAreaWidth {
    width:155px !important;
    margin-bottom:5px;
}
    .AreaGrid {
        width:100%;
        overflow:scroll;
    }
    .white_contMstArea {
    display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
/*-----------END MSTAREA-----------*/

/*-----------START ROUTE DETAILS-----------*/ 
.txtddlRouteDetl {
    width:160px !important;
    margin-bottom:5px;
}
    .RouteDetlGrid {
        width:100%;
        overflow:scroll;
    }
    .white_contRouteDetl {
    display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
/*-----------END ROUTE DETAILS-----------*/
/*-----------START TRANSPORT KM CHARGE-----------*/ 
    .TransPortKMCh {
        width:100%;
        overflow:scroll;
    }
    .white_contTransPortKMCh {
    display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
/*-----------END TRANSPORT KM CHARGE-----------*/

/*-----------START DRIVER-----------*/
.txtDriver {
    width:155px !important;
    margin-bottom:5px;
}
    .borderDriverRght {
        border-right: 0px solid #17999d;
    }

    .GridDriver {
        width:100%;
        overflow:scroll;
    }
    .white_contDriver {    
   display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
/*-----------END DRIVER-----------*/


/*-----------START STUDENT REGISTRATION-----------*/
    .GridStudReg {
        width:100%;
        overflow:scroll;
    }
    .MrgStudReg {
        margin-bottom:5px;
    }
    .white_contStudReg {
      display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 3% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}
.BrdRghtStudReg {
   border-right: 0px solid #17999d !important;
   border-bottom: 1px solid #17999d !important
}
    .LightDivPaddLe {
        padding-bottom:20px;
    }
    
    .LightDivPaddMi {
        padding-bottom:20px;
    }
    
    .LightDivPaddRi {
        padding-bottom:20px;
    }

.txtRgDate {
    width: 35% ! important;
    padding: 3px !important;
}
.txtRgNo {
    color: Red; 
    width: 28% ! important; 
    font-weight: bold; 
    border: 1px solid #ccc; 
    height: 25px; 
    padding: 5px; 
    background: #eaeaea;
    margin-left:2%;
}
.ddlSalName {
    width: 15% ! important;
    padding: 3px !important;
}
.txtSalName {
    width: 50% ! important;
    padding: 3px !important;
}
/*-----------END STUDENT REGISTRATION-----------*/ 

/*-----------START ADMISSION DETAILS-----------*/
    .GridAdmssDet {
        width:100%;
        overflow-x:scroll;
    }
    .MrgAdmssDet {
        margin-bottom:5px;
    }
    .white_contAdmssDet {
      display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 3% !important;
    padding: 0px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}
    .LightcontAdmssDet {
        float: left; 
        font-size: 11px !important; 
        padding-left:0px !important; 
        padding-right:0px !important;
    }

    .AdmissnNoAdmssDet {
        width: 35% !important;
    font-weight: bold;
    font-size: 13px !important;
    color: #A20505 !important;
}
    .txtDateAdmssDet {
    width: 28% !important;
    margin-left:2%;
}
    .FirstNameAdmssDet {
    width: 32% !important;
}
    .LastNameAdmssDet {
    width: 32% !important;
    margin-left:1%
}
    
    .txtDOBAdmssDet {
    width: 28% !important;
}
    .AgeAdmssDet {
    width: 35% !important;
    margin-left:2%;
}
    .ddlSalNameAdmssDet {
    width: 15% ! important;
    padding: 0px !important;
    float:left;
}
.txtSalNameAdmssDet {
    width: 48% ! important;
    padding: 0px 5px !important;
    float:left;
    margin-left:2%;
}

    .bordrAdmssDetRght {
       border-right: 0px solid #17999d;
    }


/*-----------END ADMISSION DETAILS-----------*/ 


/*-----------START CONDUCTOR-----------*/
.txtConductor {
    width:155px !important;
    margin-bottom:5px;
}
    .borderConductorRght {
        border-right: 0px solid #17999d;
    }

    .GridConductor {
        width:100%;
        overflow:scroll;
    }
    .white_contConductor {    
   display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
/*-----------END CONDUCTOR-----------*/

/*-----------START VEHICLE-----------*/
.txtVehicle {
    width:155px !important;
    margin-bottom:5px;
}
    .borderVehicleRght {
        border-right: 0px solid #17999d;
    }

    .GridVehicle {
        width:100%;
        overflow:scroll;
    }
    .white_contVehicle {    
       display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
/*-----------END VEHICLE-----------*/

/*-----------START ROUTE STAFF-----------*/
.txtRouteStaff {
    width:155px !important;
    margin-bottom:5px;
}
    .borderRouteStaffRght {
        border-right: 0px solid #17999d;
    }

    .GridRouteStaff {
        width:100%;
        overflow:scroll;
    }
    .white_contRouteStaff {    
       display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
    
.lblRouteStaffLght {
    width:75px !important;    
    margin-bottom: 5px;
    font-size: 14px;
}
.txtRouteStaffLght {
    width:155px !important;
}
    .txtAreaRouteStaffLght {
        width:100% !important;
    }
/*-----------END ROUTE STAFF-----------*/

/*-----------START FEE STRUCTURE-----------*/
.txtFeeStructure {
    width:155px !important;
    margin-bottom:5px;
}

.lblFeeStructure {
    width:70px !important;
    padding-top:5px;
    font-size: 14px !important;
    margin-bottom: 5px;
}

    .btnRghtWdth {
        width:100%;
        text-align:right;
    }

    .GridFeeStructure {
        width:100%;
        overflow:scroll;
    }

    .borderFeeStructure {
        border-right: 0px solid #17999d;
    }

    .white_contFeeStructure {    
       display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
    
.lblFeeStructureLght {
    width:75px !important;    
    margin-bottom: 5px;
    font-size: 14px;
}
.txtFeeStructureLght {
    width:155px !important;
}
    .txtFeeStructureLght {
        width:100% !important;
    }
/*-----------END FEE STRUCTURE-----------*/

    
/*-----------START TRANSPORT WIZARD REPORT-----------*/
    .TrWimidlDivMrg {        
   margin: 10px 0px 0px 0px !important;
    }
.TransWizRpDiv {
    width:100% !important;
   margin: 10px 0px 0px 0px !important;
}
/*-----------END TRANSPORT WIZARD REPORT-----------*/

/*-----------START CHEQUE BOUNCE DETAIL-----------*/
.txtSrchWdth {
    width:80% !important;
    margin-bottom:5px;
}
    .GridCheqBnce {
        width:100%;
        overflow:scroll;
        min-height:450px;
    }
     .white_contCheqBnce {    
       display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
.GrdLightWth {
    width:100%;
    overflow:scroll;
}
    
/*-----------END CHEQUE BOUNCE DETAIL-----------*/ 

/*-----------START FEE REPORT WIZARD-----------*/
    .FeeRpWimidlDivMrg {        
   margin: 10px 0px 0px 0px !important;
    }
.FeeWizRpDiv {
    width:100% !important;
   margin: 10px 0px 0px 0px !important;
}
    .FeeWizRpMrgBttm {
        margin-bottom:10px;
    }
/*-----------END FEE REPORT WIZARD-----------*/  

/*-----------START BRANCH-----------*/
    .GridBranch {
        width:100%;
        overflow:scroll;
    }
     .white_contBranch {    
       display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 5px 5px 5px 5px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
    .BrnchBordrRght {
            border-right: 0px solid #17999d;
    }
     .btnBrnchLghtFist {
        margin-left:15px;
    }
/*-----------END BRANCH-----------*/ 

/*-----------START SMS API-----------*/
    .GridSMSAPI {
        width:100%;
        overflow:scroll;
    }
     .white_contSMSAPI {    
         display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 5px 5px 5px 5px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
/*-----------END SMS API-----------*/

/*-----------START TEMPLATE-----------*/
.txtSrchWdthTemp {
    width:80% !important;
    margin-bottom:5px;
}
    .GridTemplate {
        width:100%;
        overflow:scroll;
    }
     .white_contTemplate {    
       display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
    .MrgBttomTemp {
        margin-bottom:5px;
    }
    
/*-----------END TEMPLATE-----------*/ 
 
/*-----------START CUSTOM REPORTS-----------*/
.txtSrchWdthCustmRp {
    width:80% !important;
    margin-bottom:5px;
}
    .GridCustmRp {
        width:100%;
        overflow:scroll;
    }
     .white_contCustmRp {    
       display: none;
    position: absolute;
    top: 10% !important;
    left: 2% !important;
    width: 96% !important;
    height: auto !important;
    padding: 10px 15px 5px 15px !important;
    border: 5px solid gray !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto;
}
    .MrgBttomCustmRp {
        margin-bottom:5px;
    }    
/*-----------END CUSTOM REPORTS-----------*/ 

/*-----------START FEE HEAD-----------*/
.txtSrchWdthFeeHd {
    width:80% !important;
}
    .GridFeeHd {
        width:100%;
        overflow:scroll;
    }
     .white_contFeeHd {    
       display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 10% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}    
    .MrgBttomCustmRp {
        margin-bottom:5px;
    } 
/*-----------END FEE HEAD-----------*/ 

/*-----------START FEE CONCESSION-----------*/
.txtSrchWdthFeeConss {
    width:80% !important;
}
    .GridFeeConss {
        width:100%;
        overflow:scroll;
    }
     .white_contFeeConss {    
       display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 10% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}    
    .MrgBttomFeeConss {
        margin-bottom:5px;
    } 
/*-----------END FEE CONCESSION-----------*/ 

/*-----------START LATE FEE CHARGE DAY-----------*/
.txtSrchWdthLateFee {
    width:80% !important;
}
    .GridLateFee {
        width:100%;
        overflow:scroll;
    }
     .white_contLateFee {    
        display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 12% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}    
    .MrgBttomLateFee {
        margin-bottom:0px;
    }
    .lblLightLateFee {
        font-size:12px;
    }
/*-----------END LATE FEE CHARGE DAY-----------*/ 

/*-----------START FEE LATE CHARGE MONTH-----------*/
    .ddlBrnchFeeMth {
    width:95% !important;
    }
    .lblBrnchFeeMth {
    width:100% !important;
    text-align:center !important;
    font-size: 12px !important;
    }
.txtFeeMth {
    width:95% !important;
}
.lblFeeMth {
    width:100% !important;
    text-align:center !important;
    font-size: 12px !important;
}
    .GridFeeMth {
        width:100%;
        overflow:scroll;
    }

    .MrgBttomFeeMth {
        margin-bottom:5px;
    }    
    .lblLightFeeMth {
        font-size:12px;
    } 
/*-----------END FEE LATE CHARGE MONTH-----------*/ 

/*-----------START FEE LATE CHARGE MONTH-----------*/
    .GridLaFeeDay {
        width:100%;
        overflow:scroll;
    }

    .MrgBttomLaFeeDay {
        margin-bottom:5px;
    }    
    .lblLightLaFeeDay {
        font-size:12px;
    } 
/*-----------END FEE LATE CHARGE MONTH-----------*/ 

/*-----------START OPTIONAL FEE-----------*/
    .ddlSecOptFee {
    width:95% !important;
    }
    .lblSecOptFee {
    width:100% !important;
    text-align:center !important;
    font-size: 12px !important;
    }
    .MrgBttomFeeMth {
        margin-bottom:5px;
    }
    .MrgLeft {
        margin-left:0px;
    } 
/*-----------END OPTIONAL FEE-----------*/ 

/*-----------START FEE DUE ADVANCE-----------*/
    .GridFeeDueAdv {
        width:100%;
        overflow:scroll;
    }
    .MrgFeeDueAdv {
        margin-bottom:5px;
    }
.txtFeeDueAdv {
    width:56.9% !important;
}
    .white_contFeeDueAdv {
      display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 12% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}
/*-----------END FEE DUE ADVANCE-----------*/ 

/*-----------START USER-----------*/
    .MrgUser {
        margin-bottom:5px;
    }
    .white_contUser {
      display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 12% !important;
    padding: 20px !important;
    box-shadow: 0 0 25px #333 !important;
    -moz-box-shadow: 0 0 25px #333 !important;
    -webkit-box-shadow: 0 0 25px #333 !important;
    border: 8px solid #555 !important;
    background-color: white !important;
    z-index: 1002 !important;
    overflow: auto !important;
}
/*-----------END USER-----------*/ 


/*-----------START FEE COLLECTION-----------*/
    .MrgFeeCllec {
        margin-bottom:5px;
    }
    .white_contFeeCllec {
       display: none;
            position: absolute;
            width: 96% !important;
            height: auto !important;
            left: 2% !important;
            top: 3% !important;
            padding: 0px !important;
            box-shadow: 0 0 25px #333 !important;
            -moz-box-shadow: 0 0 25px #333 !important;
            -webkit-box-shadow: 0 0 25px #333 !important;
            border: 10px solid #555 !important;
            background-color: white !important;
            z-index: 1002 !important;
            overflow: auto;
}
/*-----------END FEE COLLECTION-----------*/ 


/*-----------START ROLE PERMISSION-----------*/
    .RolPerMrgBot {
        margin-bottom:5px;
    }
/*-----------END ROLE PERMISSION-----------*/ 

}

@media only screen and (max-width: 420px) {
    .btnAddNowMrg {
        margin-top: 5px !important;
    }
    .box .box-header h2 {
    float: left;
    padding: 5px 0;
    margin: 0 0 0 20px;
    font-size: 14px !important;
}
/*-----------START TRANSPORT WIZARD REPORT-----------*/
    .lblAdmssWidth {
        width:100% !important;
    }
    .lblRdWidth {
        width:15% !important;
    }
/*-----------END TRANSPORT WIZARD REPORT-----------*/
}

@media only screen and (max-width: 380px) {
    .box .box-header h2 {
    float: left;
    padding: 5px 0;
    margin: 0 0 0 20px;
    font-size: 11px !important;
}
    /*-----------START BRANCH-----------*/
    .btnBrnchLght {
        margin:0px;
        width: 100%;
        text-align:center;
    }    
     .btnBrnchLghtFist {
        margin:0px;
        width: 100%;
        text-align:center;
    }
    /*-----------END BRANCH-----------*/
    .LightStuRegFnt {
        font-size:11px !important;
    }
}
@media only screen and (max-width: 345px) {
    
.txtSearch {
    width:90% !important;
}
    /*-----------START QUICK ADMISSION-----------*/
    .SearchIcon {
        height: 25px !important;
        width: 18px !important;
        background-color: #438e43;
        padding: 3px 3px !important;
        border: 1px solid #438e43 !important;
        border-radius: 0px 13px 13px 0px !important;
    }

    .control-label {
        font-size: 10px;
    }

    .fathrMothr {
        width: 47%  !important;
    }
    /*-----------END QUICK ADMISSION-----------*/
    
/*-----------START ENQUIRY-----------*/
    .LightEnquiry {
         left: 0% !important;
            width: 100% !important;
    }
/*-----------END ENQUIRY-----------*/

/*-----------START STUDENT REPORT-----------*/
    .midlDivMrg {        
   margin: 10px 0px 0px 0px !important;
    }
.StdntRpDiv {
    width:100% !important;
   margin: 10px 0px 0px 0px !important;
}
/*-----------END STUDENT REPORT-----------*/
/*-----------START STUDENT GATE PASS-----------*/
.LightStdGatPss {
         left: 0% !important;
            width: 100% !important;
}
    .txtSrchAdmn {
        width: 45.5% ! important;
    }
/*-----------END STUDENT GATE PASS-----------*/
/*-----------START STAFF GATE PASS-----------*/
.LightStffGatPss {
         left: 0% !important;
            width: 100% !important;
}
/*-----------END STAFF GATE PASS-----------*/


}