body {
  font: 14px helvetica;
  color: #f0f0f0;
  background-color: #3E4651;
}

.row {
  padding: 5px;
}

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

.x.axis line,
.x.axis path {
  fill: none;
  stroke: none;
}

.axis text {
  fill: #FFF;
}

.brush .extent {
  stroke: #FFF;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

.area {
  opacity: .6;
}
.line {
  fill: none;
  /*shape-rendering: crispEdges;*/
}

.title {
  fill: #FFF;
  stroke: none;
}

.focus circle {
  fill: none;
  stroke-width: 2px;
}

.focus text {
  fill: #FFF;
}

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