.content-wrapper {
    float: left;
}

#onflycheckboxes {
    /*width: 45%;*/
    float: left;
    /*overflow-y: scroll;*/
    background-color: #ffffff;
}

#dataContainer {
    width: 55%;
    /*height: 800px;*/
    float: right;
    /*overflow-y: scroll;*/
}

/*.table{
    border:1px solid black;
    font-size: small;
    
}
th{
    border-right:1px solid black;
    background-color: #A6CE39;
     padding: 4px;
}

td{
    border:1px solid black;
    padding: 5px;
    
}*/

/*.jstree li.jstree-open > a.jstree-anchor > i.jstree-checkbox, 
.jstree li.jstree-closed > a.jstree-anchor > i.jstree-checkbox { display:none !important; }*/

.jstree, .jstree-leaf, .jstree-leaf a {
    font-size: small;
}

/* First hide all checkboxes*/
ins.jstree-checkbox {
    
}

.jstree a {
    font-size: small;
    display: inline-block;
    /*-o-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;*/
    /*padding: 5px;*/
}

/*.jstree a:hover {
        background-color: #A6CE39 !important;
        border: 2px solid #A6CE39 !important;
        color: white !important;
    }*/

/*.jstree-hovered {
    background-color: #A6CE39 !important;
    color: white !important;
}*/

/*.jstree-clicked {
    background-color: #00B3F0 !important;
    color: white !important;

}*/

/* Then display only checkboxes on leaf nodes*/
li[class~="jstree-leaf"] > a > ins.jstree-checkbox {
    display: inline-block;
}

/*.jstree-anchor > .jstree-checkbox-disabled {
    display: none;
}

.jstree-container-ul>li>a>i.jstree-checkbox
{
    display:none
}*/
.jstree-default.jstree-focused {
    background: #ffffff;
}

#mainContainer {
    display: block;
    position: relative;
    vertical-align: top;
}

#divSideBarContainer {
    position: relative;
    display: inline-block;
    left: 0;
    top: 0;
    vertical-align: top;
    min-width:37px;
    /*min-width: 184px;*/
    font-size: smaller;
    padding: 32px 10px 10px 10px;
    margin-right: 10px;
    background-color: #fff;
    z-index: 1000;
}

.sideBarHeader {
    
    background-color: #00b3f0;
    border: 1px solid #006968;
    border-bottom:none;
    color: white;
    font-weight: bold;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: absolute;
    height: 32px;
    top: -1px;
    right: -1px;
    left: -1px;
    cursor: move;
    font-size: small;
}

    .sideBarHeader a, .sideBarHeader a:hover {
        color: white;
        font-weight: bold;
        text-decoration: none;
    }

#sideBar {
    position: relative;
    /*display:inline-block;*/
    left: 0;
    top: 0;
    vertical-align: top;
    background-color:transparent;
    /*min-width: 184px;
    font-size: smaller;*/
    /*padding:10px*/;
    /*margin-right:15px;*/
}

#gridBody {
    display: inline-block;
    vertical-align: top;
}



.vr {
    margin-left: 20px;
    margin-right: 20px;
    height: 50px;
    border: 0;
    border-left: 5px solid #A8AAAD;
    display: inline-block;
    vertical-align: bottom;
}

.scaleScore {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.subjectName {
    display: none;
}

.schoolYear {
    display: none;
}
/*.pager a, .pager span {
    font-size: small;
    padding: 2px 5px;
    margin-right: 2px;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    display: inline-block;
    margin-bottom: 0; 
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
  background-image: none; 
  border: 1px solid transparent;
  white-space: nowrap;
}*/

.pager {
    margin: 0;
    text-align: left;
}

    .pager a, .pager span {
        padding: 5px;
        margin-right: 1px;
        display: inline-block;
        text-align: center;
        font-size: small;
        font-weight: bold;
        border: 1px solid lightgray;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: #006998;
        color: white;
        min-width: 27px;
        text-decoration: none;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
    }

        .pager a:hover {
            background-color: #A6CE39;
            text-decoration: none;
        }

.current {
    background-color: #00B3F0 !important;
    border-bottom: 1px solid #00B3F0 !important;
}

#employeeList {
    border: none;
}

    #employeeList td, #employeeList th {
        text-align: center;
    }

        #employeeList td:first-child, #employeeList th:first-child {
            text-align: left;
        }

/*#subHeader {
     position: absolute;
    top: 150px;
    left: 270px;
}*/
/*#ddlMeasure {
     float: right;
 }
 .form-control {
     width: 30% !important;
 }*/


/*#sideBar {
    cursor: move;
    z-index: 999;
    background-color: #fff;
}*/

.jstree-icon {
    cursor: pointer !important;
}

void.highcharts-container {
    margin-top:15px;
    min-width: 400px;
    /*padding: 10px;*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #006998;
    border-radius: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000)"; /*IE 8*/
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); /*FF 3.5+*/
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}

/*.combinedHeader {
    border-right: 1px solid #595A5C;
    border-left: 1px solid #595A5C;
    border-bottom: 1px solid #595A5C;
    text-align: center;
    font-weight: bold;
    border-collapse: collapse;
}
.CCPS_ColumnGroup{
    border-right: 1px solid #595A5C;
    border-left: 1px solid #595A5C;
}

.CCPS_combineHeaders th{
    text-align:center;
}

.CCPS_combineHeaders th:first-child{
    text-align:left;
}

.CCPS_combineHeaders td{
    text-align:right;
}

.CCPS_combineHeaders td:first-child{
    text-align:left;
}
.CCPS_ColumnGroup:last-child{
    border-right:none;
}
.CCPS_ColumnGroup:first-child{
    border-left:none;
}*/

.col-6 {
     float: right;
    position: absolute;
    top: 120px;
    left: 460px;
}

a.selected {
  background-color:#1F75CC;
  color:white;
  z-index:100;
}

.messagepop {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: 15px;
  position:absolute;
  text-align:left;
  width:394px;
  z-index:50;
  padding: 25px 25px 20px;
    top: 140px;
    left: 550px;
}

/*label {
  display: block;
  margin-bottom: 3px;
  padding-left: 15px;
  text-indent: -15px;
}*/

.messagepop p, .messagepop.div {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;

}

/*.modal-dialog {width:400px;}
.thumbnail {margin-bottom:6px;}*/

    
.blur {
    box-shadow: 0px 0px 20px 20px rgba(255,255,255,1);
    text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
    transform: scale(0.9);
    opacity: 0.6;
}