svg *[class^=tooltip] {
      background: #eee;
      box-shadow: 0 0 5px #999999;
      color: #333;
      display: none;
      font-size: 12px;
      left: 130px;
      padding: 10px;
      position: absolute;
      text-align: center;
      top: 95px;
      width: 7%;
      z-index: 10;
    }
/*.label{{id_content}}{
     color: black;
     font-weight: bold;
}*/

.axis {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #D4D8DA;
  stroke-width: 2px;
  shape-rendering: crispEdges;
}

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

.overlay {
  fill: none;
  pointer-events: all; /*si lo saco, la linea roja funciona*/
}

.focus circle {
  fill: #F1F3F3;
  stroke-width: 5px;
}

.focus text {
	font-size: 3vmin;
}
  
.hover-line {
  stroke-width: 2px;
  stroke-dasharray: 3,3;
}