body {
    font: 13px sans-serif;
}

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

.dot {  
    stroke: #000;
}


#tooltip {
    position: absolute;
    width: 200px;
    height: auto;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); 
    pointer-events: none;
}
#tooltip.hidden { 
    display: none;
}
#tooltip p {
    margin: 0;
    font-family: sans-serif; 
    font-size: 12px;
    line-height: 8px;
    text-align: center;
}

.column {
    float: left;
    font-size: 11px;
}

.left, .right {
  width: 45%;
}

.middle {
  width: 10%;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

button {
  position: absolute;
  top: 80px;
  left: 100px;
}