svg {
  font: 12px sans-serif;
}

.axis {
  shape-rendering: crispEdges;
}

.axis path, .axis line {
  fill: none;
  stroke-width: 1px;
}

.x.axis path {
  stroke: #000;
}

.x.axis line {
  stroke: #000;
  stroke-opacity: .5;
}

.y.axis line {
  stroke: #ddd;
}

path.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 2;
  /*stroke-width: .5px;*/
}

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

/* from period.php */
.bar:hover {
  fill: brown;
}

/*.axis {*/
/*  font: 12px sans-serif;*/
/*}*/

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

/*.x.axis path {*/
/*  display: none;*/
/*}*/

div.tooltip_bar {	
    position: absolute;			
    text-align: center;			
    width: 80px;					
    height: 18px;					
    padding: 2px;				
    font: 12px sans-serif;		
    background: lightsteelblue;	
    border: 0px;		
    border-radius: 8px;			
    pointer-events: none;			
}