#dashboard 
{
     position:absolute;
    top:60px;
    left:0; /*301px;*/
    /*bottom:0;*/
    right:0;
    z-index:99999;
    display:none;
    background-color:rgb(244, 251, 255)
}
.dashfloater 
{
     width:100%;
    padding:10px;
    box-sizing:border-box;
 //    margin-bottom:20px;
}

.dashwrapper 
{
    background-color:White;   
}
.doughnut
{
    max-width:600px;
    //max-height:600px;
    margin:0 auto;
}
.dash 
{
      min-height:250px;
    background-color:White; 
    padding:10px;
  
}

.dashboardsplitter 
{
    width:50%;
    float:left;
 //   background-color:White;
//   padding:10px;
  box-sizing:border-box;  
}

.dashboardsplitterR
{
    width:49%;
    float:left;
    border-left:solid 2px black;
   // background-color:White;
}

#closedash 
{
   display:none;
}
#realtimeheader 
{
    width:100%;
    padding-left:20px;
}
.charttot 
{
    margin-bottom:10PX;
    color:Red;
    font-weight:bold;
}
@media screen and (min-width: 1180px)  
{
    .menu 
    {
        display:none;
    }
}

@media screen and (max-width: 1179px) 
{
   
    .dashfloater,.dashboardsplitter,.dashboardsplitterR
    {
        width:100%;
    }
    #realtimeheader 
    {
        width:auto;
    }
    #closedash 
    {
        display:block;
    }
    .menu 
    {
        /*display:none;*/
    }
}