.bar {
  fill: steelblue;
}

.bar:hover {
  fill: brown;
}

.line {
fill: none;
stroke: #ffab00;
stroke-width: 3;
}

.overlay {
  fill: none;
  pointer-events: all;
}

.axis,
.frame {
  shape-rendering: crispEdges;
}

.axis line {
  stroke: #ddd;
}

#ScatterMatrix .axis path {
  display: none;
}

.cell text {
  font-weight: bold;
  text-transform: capitalize;
  fill: black;
}

.frame {
  fill: none;
  stroke: #aaa;
}

#ScatterMatrix circle {
  fill-opacity: 0.7;
}

circle.hidden {
  fill: #ccc !important;
}

.extent {
  fill: #000;
  fill-opacity: .125;
  stroke: #fff;
}