.graphPre{

    float:left;
    
}
.iechange{
  
}

.xaxis{
   float: left;
   writing-mode: tb-rl; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); width: -moz-fit-content; width: fit-content;
      width:65px;
   width: -moz-min-content;
   text-align:center;
   margin-top :100px;

}

.iechange{
      float:left;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      writing-mode: tb-rl;
      padding-right:30px;
      padding-top:40px;
	
}

.graphArea{
    
    float: right;
}

.yaxis{
    
    float:left;
    padding-top:35px;
    width:100%;
    text-align: center;
}

.users{
    
    width:49%;
    float:left;
    text-align: center;
  
}
.books{
    
    width:49%;
    float:right;
    text-align: center;
}

#table2, #table1  {
    padding:10px;
}
#datepickers{
    float:right;
    padding:6px;
}

.reportTables{
    width:100%;margin-top:5%;float:left;
}

#detailsView{
    margin-top:50px;
}
#bookDetailsView{
    margin-top:50px;
    
}
.navBack{
    padding-bottom: 10px;
}