html {
padding:0px;
margin:0px;
background-color:rgb(249,249,249);

}
body {
font-family: 'Roboto', sans-serif;

padding:0px;
margin:0px;

font-size:18px;
line-height:135%;
background-color:rgb(249,249,249);

 
}
#wrapper {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
overflow: auto;
}



.dashboard {
width:100%;
margin:auto;
padding:8px;
overflow:hidden;

box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}






.cell1x1,.cell2x1,.cell2x2,.cell2x4,.cell1x2,.cell3x1,.cell100x1, .cell100x2,.cell100x3,.cell100x4 {

margin-top:0px;
margin-left:0px;
margin-bottom:16px;
margin-right: 16px;

background-color:#FFFFFF;
border-width:0px;


display:block;
float:left;
position: relative;
box-shadow:0px 1px 3px rgba(0,0,0,0.15);

}

.cell1x1 {
width:425px;
height:257px;
}
.cell2x1 {
width:866px;
height:257px;


}
.cell2x2 {
width:866px;
height:530px;
float:right;
}
.cell2x4 {
width:866px;
height:1074px;
float:right; 
}

.cell1x2 {
width:425px;
height:530px;
float:right;

}
.cell3x1  {
width:1307px;
height:256px;
}
.cell100x1 {
  height: 256px;
}
.cell100x2 {
  height:530px;
}
.cell100x3 {
  height:800px;
}
.cell100x4 {
  height:1074px;
}

.cellheader {
  background-color:rgb(242,243,246);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(240,240,240);
  display: block;
  position: absolute;
  top:0px;
  left:0px;
  right:0px;
  height:36px;
}
.celltitle {
  display: block;
  padding:6px;
  padding-left:14px;
  font-size: 16px;
}
.cellcontent {
  position: absolute;
  top:36px;
  left:0px;
  right:0px;
  bottom:0px;
  overflow:hidden;
}
.cellslide {
  position: absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  background-color: white;
  overflow-y:auto;
}
.cellslide p {
  font-size: 15px;
  color:rgb(100,100,100);
  padding-left:15px;
  padding-right:15px;
}

.cellcontent > .cellslide:nth-child(1) {

  z-index: 1;
}

  svg {
       overflow: hidden;
      -webkit-user-select: none;  /* Chrome all / Safari all */
      -moz-user-select: none;     /* Firefox all */
      -ms-user-select: none;      /* IE 10+ */

      /* No support for these yet, use at own risk */
        -o-user-select: none;
        user-select: none;
            
        }







@media only screen and (min-width: 1800px) {
.dashboard {width:1780px;}
.cell100x1,.cell100x2,.cell100x3,.cell100x4 {width:1748px;}
}

@media only screen and (min-width: 1360px) and (max-width: 1800px) {
.dashboard {width:1340px;}
.cell100x1,.cell100x2,.cell100x3,.cell100x4 {width:1308px;}
}

@media only screen and (min-width: 1400px) and (max-width: 1360px) {
.dashboard {width:1380px;}
.cell100x1,.cell100x2,.cell100x3,.cell100x4 {width:1348px;}
}

@media only screen and (min-width: 928px) and (max-width: 1400px) {
.dashboard {width:898px;}
.cell100x1,.cell100x2,.cell100x3,.cell100x4 {width:866px;}
}


@media only screen and (max-width: 920px) {
.dashboard {width:100%;}
.cell1x1,.cell2x1,.cell2x2,.cell2x4,.cell1x2,.cell3x1,.cell100x1,.cell100x2,.cell100x3,.cell100x4 {
  width:95%;
  float:none;
  margin:auto;
  margin-bottom:16px;
}
}