/* mostly derived from crossfilter's default example */

body {
  font-family: "Helvetica Neue";
}

#charts {
  padding: 10px 0;
}

.chart {
  display: inline-block;
  height: 151px;
  margin: 0 20px 20px;

}

.reset {
  padding-left: 1em;
  font-size: smaller;
  color: #ccc;
}

.background.bar {
  fill: #ccc;
}

.foreground.bar {
  fill: rgb(245, 83, 74);
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.axis text { color: red; font: 9px sans-serif; rotate: 90}

.brush rect.extent {
  fill: steelblue;
  fill-opacity: .125;
}

.brush .resize path {
  fill: #eee;
  stroke: #666;
}

#val-chart {
  width: 120px;
}

#val2-chart {
  width: 300px;
}
#aa {
  width: 1040px;
  height: 350px;
}
#map-div {
  width: 700px;
  height: 300px;
}
#C1-div {
  width: 200px;
  height: 200px;
}
#C2-div {
  width: 200px;
  height: 200px;
}
#C3-div {
  width: 200px;
  height: 200px;
}#C4-div {
  width: 200px;
  height: 200px;
}
#C5-div {
  width: 200px;
  height: 200px;
}