body {
  fill: #1a1a1a;
}



.bar1 {


}



.bar2 {

  opacity: .5;

}



#demog-chart-pop-div {float: left;}
#demog-chart-inc-div {float: right;}
.axis path,

.axis line {

  fill: none;

  stroke: #91A0AF;

  shape-rendering: crispEdges;

}


.voronoi path {
  fill: none;
  pointer-events: all;
}

.x.axis path {

}



.line {

  fill: none;

  stroke-width: 5;

  pointer-events: all;

}





path.link {

  fill: none;

  stroke: #ccc;

  stroke-width: 1.5px;



}

.trend-chart {}
.chart-title {fill:#1a1a1a; font-size: 1.2em; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

.y.axis + text { fill:#1a1a1a; font-size: 1.2em; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.axis text { font-size:1em; fill:#1a1a1a;}
.axis line {  stroke:#93a6b7;}

.cls text { font-size:0.9em; }
.label-text {}

.mouseover {
}

.motext-1 {
  fill: #1a1a1a;
}

.motext-2 {
  fill: #1a1a1a;
}

.morect {
  fill: #fff;
  fill-opacity: 1;
  stroke-width: .75;
}




.x.axis line,.y.axis line {
    stroke: lightgrey;
    opacity: 0.3;
}

.charts-holder rect.bar1:hover {opacity: 0.5; cursor:pointer }
.charts-holder rect.bar2:hover {opacity: 0.3 !important; cursor:pointer }

#trend-chart-wrapper > div.dropdown, #bar-chart-wrapper > div.dropdown {
  margin-bottom:20px;
  display: none;
}

.fm-charts .nav.nav-tabs li {width: 20%;}