.dc-chart select {
    width: 110 px;
    font-size:9px;
    height:90%;
    padding:2px;
}
.dc-chart .y-axis-label{
    font-size:13px;
}
.dc-chart .y-label{
    font-size:13px;
}
.dc-chart .barLabel{
    font-size:11px;
}
td {
    border: 1px solid gainsboro;
    font-size:11px;
    padding:1px;
    }
thead{
    font-size:11px;
}
/*This corrects the thick axis lines*/

.axis path,
.axis line {
  fill:none;
  stroke: #000;
  shape-rendering: crispEdges;
  stroke-width: 1px;
  background:#fff;

}
/*the area chart had a line with a shadow. This is to correct that*/
.dc-chart path.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}
/*for the grid lines*/
.dc-chart .axis text  {
    font: 10px sans-serif; 
}
.dc-chart .grid-line line {
    fill: none;
    stroke: #ccc;
    opacity: .5;
    shape-rendering: crispEdges;
}

#rangeselector g.y {
    display: none;
}
.dc-chart .pie-slice {
    font-size:9px; /* Put the size you want here */;
    fill:#fff;
}
.dc-chart g.row text {fill: #fff; font-weight:bold;}
.dc-chart g.row text {
    font-size:8px; /* Put the size you want here */;
}
/*billing category rotate labels*/
#billingCategoryChart .x.axis text {
    text-anchor: end !important;
    transform: rotate(-40deg);
 }
 /*Begin responsive behaviour*/

 .row-centered {
    text-align:center;
    margin:0 auto;
    position: relative;
}
.col-centered {
    display:block;
    float:none;
    min-width: 300px;
}
 /* end responsive behaviour*/

 .dc-chart .dc-legend {
    font-size: 11px;
    padding-left:100px;
       }

 #chartdiv {
    width	: 80%;
    height	: 350px;
}	
#chartdiv2 {
    width	: 80%;
    height	: 350px;
}	
#chartdiv4 {
    width	: 80%;
    height	: 350px;
}
#chartdiv5 {
    width	: 80%;
    height	: 350px;
}		
#chartdiv6 {
    width	: 80%;
    height	: 350px;
}