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

}

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

.daily-chart-labels {
    font-size: 9px;
    color: #ababab;
    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: 5px;
        margin-right: 26px;
        float: left;
    }

    .daily-chart-labels {
        height: 12px;
        width: auto;
        margin-right: 21px;
        float: left;
    }
}

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

#m-chartdiv1 tspan, #m-chartdiv2 tspan, #m-chartdiv8 tspan, #m-chartdiv9 tspan {
    font-weight: 600;
    font-size: 9px;
}

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

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

#m-chartdiv5 tspan, #m-chartdiv12 tspan {
    font-size: 9px;
    font-weight: 600;
}

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

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

.overlaping {
    position: absolute;
    width: 940px;
    height: 560px;
    left: 66px;
    top: 62px;
    z-index: 1;
}

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

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

#m-chartdiv3 {
    height: 48px;
}
#m-chartdiv2 {
    height: 68px;
}
#m-chartdiv1 {
    height: 72px;
}
#m-chartdiv4 {
    height: 86px;
}
#m-chartdiv6 {
    height: 58px;
}
#m-chartdiv5 {
    height: 58px;
}