body {
    font-family: 'Open Sans', sans-serif;

}

.chart-labels {
    font-size: 10px;
    color: #4d4d4d;
    font-weight: 600;
    height: 12px;
    width: 12px;
    margin-right: 21px;
    float: left;
}

.daily-chart-labels {
    font-size: 10px;
    color: #4d4d4d;
    font-weight: 600;
    height: 12px;
    width: 12px;
    margin-left: 3px;
    margin-right: 23px;
    float: left;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .daily-chart-labels {
        height: 12px;
        width: auto;
        margin-left: 4px;
        margin-right: 23px;
        float: left;
    }
}

#left {
    margin-left: -2px;
    margin-right: 21px;
}

#chartdiv1 tspan, #chartdiv2 tspan, #chartdiv8 tspan, #chartdiv9 tspan, #historydiv1 tspan,
#historydiv2 tspan, historydiv3 tspan, #historydiv4 tspan {
    font-weight: 600;
    font-size: 10px;
}

#chartdiv3 tspan, #chartdiv7 tspan, #chartdiv10 tspan, #chartdiv14 tspan {
    font-size: 10px;
}

#chartdiv4 tspan, #chartdiv11 tspan, #historydiv5 tspan, #historydiv6 tspan {
    font-weight: 600;
}

#chartdiv5 tspan, #chartdiv12 tspan, #historydiv7 tspan {
    font-size: 10px;
    fill: #4d4d4d;
    font-weight: 600;
}

#chartdiv6 tspan, #chartdiv13 tspan {
    font-weight: 600;
}

#chartdiv7 tspan, #chartdiv14 tspan {
    fill: #f5845c;
}

.overlaping {
    position: absolute;
    width: 940px;
    /*width: 100%;*/
    height: 576px;
    left: 60px;
    top: 174px;
    z-index: 1;
}

.effect {
    width: 131px;
    /*width: 14.28%;*/
    height: 100%;
    float: left;
    margin: 0;
}

.effect:hover {
    background-color: #dfdfdf;
    opacity: 0.2;
}