#hydrograph svg {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    fill: black;
}

g.levels {
    z-index: -1;
    position: relative;
}

.c3-axis-y text {
    font-size: 11px !important;
}

.c3-axis-x text {
    font-size: 11px !important;
}
.c3-ygrid-line.gridlines line {
    stroke: black;
}

.c3-ygrid-line.gridlines text {
    fill: black;
}
.c3-label-fal {
    fill: blue;
    font-size: 11px;
}
.c3-label-fw {
    fill: purple;
    font-size: 11px;
}
.c3-label-sfw {
    fill: red;
    font-size: 11px;
        
}
.c3-label-ops {
    fill: green;
    font-size: 11px;
}