.MrgBttn {
    margin-bottom:2px;
}

    .LghtFntSz {
        font-size:14px;
    }
.MrgLeft40 {
    margin-left:40px !important;
}
.box .box-header h2 {
    float: left;
    padding: 5px 0;
    margin: 0 0 0 20px;
    font-size: 18px !important;
}
/*-----------START EXAM ASSESMENT-----------*/
.ddlExamAss {
    width:200px !important;
}
.GridExamAss {
    width:100% !important;
    overflow-x:auto;
}
.white_contExamAss {
       display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 15% !important;
    padding: 10px !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;
}
/*-----------END EXAM ASSESMENT-----------*/

/*-----------START EXAM UNIT-----------*/
.GridExamUnt {
    width:100% !important;
    overflow-x:auto;
}
.white_contExamUnt {
       display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 15% !important;
    padding: 10px !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;
}
/*-----------END EXAM UNIT-----------*/

/*-----------START EXAM CLASS GROUP-----------*/
.MrgTpExClssGp {
     margin-top: 20%;
}

    .MinHghtExClssGp {
        min-height: 450px !important
    }
/*-----------END EXAM CLASS GROUP-----------*/

/*-----------START SUBJECT/INDICATOR GROUP-----------*/
.white_contSubjGrp {
       display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 15% !important;
    padding: 10px !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;
}
/*-----------END SUBJECT/INDICATOR GROUP-----------*/ 

/*-----------START SUBJECT-----------*/
.GridSubjct {
    width:100% !important;
    overflow-x:auto;
}
.white_contSubjct {
       display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 15% !important;
    padding: 10px !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;
}
/*-----------END SUBJECT-----------*/
 
/*-----------START INDICATOR DESCRIPTION-----------*/
.GridIndiDesc {
    width:100% !important;
    overflow-x:auto;
}
.white_contIndiDesc {
       display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 15% !important;
    padding: 5px !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;
}
/*-----------END INDICATOR DESCRIPTION-----------*/  
 
/*-----------START GRADING-----------*/
.GridGrading {
    width:100% !important;
    overflow-x:auto;
}
.white_contGrading {
       display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 15% !important;
    padding: 5px !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;
}
/*-----------END GRADING-----------*/
    
/*-----------START EXAM MARKING-----------*/
.GridExmMrk {
    width:100% !important;
    overflow-x:auto;
}
.white_contExmMrk {
       display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 15% !important;
    padding: 15px !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;
}
/*-----------END EXAM MARKING-----------*/
     
/*-----------START EXAM PLAN-----------*/
.GridExmPlan {
    width:100% !important;
    overflow-x:auto;
}
/*-----------END EXAM PLAN-----------*/
      
/*-----------START SET EXAM REPORT-----------*/
.GridSetExmRp {
    width:100% !important;
    overflow-x:auto;
}
.white_contSetExmRp {
       display: none;
    position: absolute;
    width: 40% !important;
    height: auto !important;
    left: 30% !important;
    top: 15% !important;
    padding: 15px !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;
}
/*-----------END SET EXAM REPORT-----------*/
   
/*-----------START MARKS ENTRY-----------*/
.GridMarkEntry {
    width:100% !important;
    overflow-x:auto;
}
    .MrgTopMarkEntry {
        margin-top:20%;
    }
/*-----------END MARKS ENTRY-----------*/
   
 
@media only screen and (max-width: 991px) {
/*-----------START EXAM CLASS GROUP-----------*/
.MrgTpExClssGp {
     margin-top: 10px;
}

    .MinHghtExClssGp {
        min-height: 100px !important
    }
/*-----------END EXAM CLASS GROUP-----------*/
/*-----------END EXAM ASSESMENT-----------*/
}
   
@media only screen and (max-width: 768px) {
    
.MrgBttn {
    margin-bottom:5px;
}

    .LghtFntSz {
        font-size:11px;
    }
    
.MrgLeft40 {
    margin-left:10px !important;
}
.box .box-header h2 {
    float: left;
    padding: 5px 0;
    margin: 0 0 0 20px;
    font-size: 16px !important;
}
/*-----------START EXAM ASSESMENT-----------*/
.ddlExamAss {
    width:95% !important;
    margin-bottom:5px !important;
}

.GridExamAss {
    width:100% !important;
    overflow-x:scroll;
}

.white_contExamAss {
      display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 15% !important;
    padding: 15px !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;
}
/*-----------END EXAM ASSESMENT-----------*/

/*-----------START EXAM UNIT-----------*/
.GridExamUnt {
    width:100% !important;
    overflow-x:scroll;
}
.white_contExamUnt {
     display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 15% !important;
    padding: 15px !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;
}
/*-----------END EXAM UNIT-----------*/

/*-----------START EXAM CLASS GROUP-----------*/
.MrgTpExClssGp {
     margin-top: 10px;
}
    .MinHghtExClssGp {
        min-height: 100px !important
    }
/*-----------END EXAM CLASS GROUP-----------*/
 
/*-----------START SUBJECT/INDICATOR GROUP-----------*/
.white_contSubjGrp {
       display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 15% !important;
    padding: 15px !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;
}
/*-----------END SUBJECT/INDICATOR GROUP-----------*/
   
/*-----------START SUBJECT-----------*/
.GridSubjct {
    width:100% !important;
    overflow-x:scroll;
}
.white_contSubjct {
       display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 15% !important;
    padding: 15px !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;
}
/*-----------END SUBJECT-----------*/
  
/*-----------START INDICATOR DESCRIPTION-----------*/
.GridIndiDesc {
    width:100% !important;
    overflow-x:scroll;
}
.white_contIndiDesc {
       display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 15% !important;
    padding: 15px !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;
}
/*-----------END INDICATOR DESCRIPTION-----------*/
  
/*-----------START GRADING-----------*/
.GridGrading {
    width:100% !important;
    overflow-x:scroll;
}
.white_contGrading {
       display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 15% !important;
    padding: 15px !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;
}
/*-----------END GRADING-----------*/
    
/*-----------START EXAM MARKING-----------*/
.GridExmMrk {
    width:100% !important;
    overflow-x:scroll;
}
.white_contExmMrk {
       display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 15% !important;
    padding: 15px !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;
}
/*-----------END EXAM MARKING-----------*/
   
/*-----------START EXAM PLAN-----------*/
.GridExmPlan {
    width:100% !important;
    overflow-x:scroll;
}
/*-----------END EXAM PLAN-----------*/
      
/*-----------START SET EXAM REPORT-----------*/
.GridSetExmRp {
    width:100% !important;
    overflow-x:scroll;
}
.white_contSetExmRp {
       display: none;
    position: absolute;
    width: 96% !important;
    height: auto !important;
    left: 2% !important;
    top: 15% !important;
    padding: 15px !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;
}
/*-----------END SET EXAM REPORT-----------*/
   
/*-----------START MARKS ENTRY-----------*/
.GridMarkEntry {
    width:100% !important;
    overflow-x:scroll;
}
    .MrgTopMarkEntry {
        margin-top:10px;
    }
/*-----------END MARKS ENTRY-----------*/
  
}


@media only screen and (max-width: 420px) {
    .box .box-header h2 {
    float: left;
    padding: 5px 0;
    margin: 0 0 0 20px;
    font-size: 14px !important;
}
    /*-----------START EXAM ASSESMENT-----------*/
    .portlet-title {
        width: 100%;
        padding: 2px 8px;
        /* background: #177AAE; */
        color: #fff;
        margin-top: 0px;
        font-size: 11px !important;
        background-image: linear-gradient(to bottom,#359ee8 0,#326fa2 100%) !important;
    }

    h2 {
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: 300 !important;
}
/*-----------END EXAM ASSESMENT-----------*/
}

@media only screen and (max-width: 420px) {
    .box .box-header h2 {
    float: left;
    padding: 5px 0;
    margin: 0 0 0 20px;
    font-size: 11px !important;
}
}