style.css

svg text {
    font: 12px 'Helvetica Neue', Helvetica, Arial;
}


/* Calendar Grid Chart */

.d3-chart-axis path {
    stroke-width: 2;
    fill: none;
    stroke: #000000;
    shape-rendering: crispEdges;
}

.line path {
    fill: none;
    stroke-width: 2;
}

.legend-description {
    font-size: 10pt;
    fill: #000000;
    font-family: Arial;
}


/* Range Slider */

.d3-chart-slider circle {
    fill: #fff;
    stroke: #000;
    stroke-opacity: .5;
    stroke-width: 1.25px;
    cursor: ew-resize;
}

.d3-chart-slider circle:hover,
.d3-chart-slider circle:active {
    fill: #ababab;
}

.d3-slider-axis .domain {
    stroke: #022166;
    stroke-width: 2.5px;
}

.d3-simple-slider .tick,
.d3-snap-slider .tick {
    cursor: pointer;
}


/* overlap bar */

.d3-overlap-bar.yada-1 {
    fill: steelblue;
}

.d3-overlap-bar.yada-2 {
    fill: none;
    stroke: grey;
    stroke-width: 2;
    stroke-dasharray: 5, 5;
}


/* Stacked Bar-Chart */

.stacked-bar-tooltip {
    display: none;
    position: absolute;
    width: auto;
    height: auto;
    padding: 5px;
    border: 0 none;
    border-radius: 8px 8px 8px 8px;
    box-shadow: inset 0 0 3px #888;
    font: 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: none repeat scroll 0 0 white;
    color: black;
    text-align: center;
}

.d3-stacked-bar-chart rect.reduction {
    fill: #60bd40 !important;
}

.d3-stacked-bar-chart rect:hover,
.d3-stacked-bar-chart rect:focus {
    opacity: 0.9;
    filter: alpha(opacity=90);
}