body { font: 10px Arial;}

/*path {*/
  /*stroke: black;*/
  /*stroke-width: 1;*/
  /*fill: none;*/
/*}*/

.axis path,
.axis line {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  shape-rendering: crispEdges;
}

.axis--grid .domain {
  fill: #bfbfbf;
  opacity: 0.75;
  stroke: none;
}

.axis--x .domain,
.axis--grid .tick line {
  stroke: #fff;
  stroke-dasharray: 0;
  stroke-width: 1px;
}

.axis--x .tick line {
  stroke: #bfbfbf;
  stroke-dasharray: 0;
  stroke-opacity: 1;
}

.axis--grid .tick--minor line {
  stroke-opacity: .5;
  stroke-width: 0.5px;
}


.legend {
  font-size: 12px;
  font-weight: bold;
  text-anchor: middle;
}

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1px;
}

.zoom{
  cursor:move;
  fill:none;
  pointer-events: all;
}

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

div.tooltip {
   position: absolute;
   text-align: center;
   padding: 5px;
   font: 12px sans-serif;
   background: black;
   color: white;
   border: 1px;
   border-radius: 4px;
   pointer-events: none;
 }

button{
  position: relative;
  left: 310px;
}