.chart-container1, .chart-container2 {
    float: left;
    font-family: tahoma;
}

.tick line {
    stroke: black;
}

.axis {
    pointer-events: none;
}

.date-slider {
    width: 500px;
}

.tooltip {
    background-color: white;
    opacity: 0.8;
}

circle {
    fill-opacity: 0.1;
    stroke-opacity: 0.3;
}

.info-year {
    font-size: 24px;
    padding-bottom: 10px;
}

.lines path {
    opacity: 0.3;
    stroke-width: 1px;
}

.bg-lines path {
    opacity: 0.03;
    stroke-width: 10px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.highlighted {
    stroke-width: 3px!important;
    opacity: 1!important;
}

circle.highlighted {
    fill-opacity: 1;
}

text.title {
    font-size: 20px;
}

text.point-label {
    /*display: none;*/
    font-size:  6px;
    paint-order: stroke;
    stroke: white;
    stroke-width: 2px;
    stroke-opacity: 0.8;
    stroke-linecap: butt;
    stroke-linejoin: miter;
}

text.highlighted {
    display: block;
    font-size:  12px;
}