.chartABC-container {
    /*background-color: black;*/
    /*font-family: sans-serif;*/
}

.chartABC-container .canvas {
    background-color: #fafafa;
}

.chartABC-container .chart-contents-area {
    fill: none;
}

.chartABC-container .axis .tick {
    font-size: .8em;
}

.chartABC-container .axis .tick line {
    stroke: #eee;
    stroke-width: .1em;
    shape-rendering: crispEdges;
}

.chartABC-container .axis .domain {
    stroke: #ddd;
    stroke-width: .1em;
    shape-rendering: crispEdges;
}

.chartABC-container .series path.line {
    fill: none;
    stroke: #444;
    stroke-width: .18em;
}

.chartABC-container .series path.line.standard-trend {
    stroke: #bbbbbb;
    stroke-width: .05em;
}

.chartABC-container .series.chosen path.line {
    stroke-width: .3em;
}

.chartABC-container .series.interactive:hover path.line {
    stroke-width: .26em;
    opacity: .8;
}
.chartABC-container .series.chosen:hover path.line {
    stroke-width: .36em;
}

.chartABC-container .data-circle {
    fill: rgba(77, 77, 77, 0.5);
    opacity: .5;
}

.chartABC-container .series .data-circle.standard-trend-circle {
    opacity: 0;
}
.chartABC-container .series.interactive:hover .data-circle.standard-trend-circle,
.chartABC-container .series.chosen .data-circle.standard-trend-circle {
    opacity: 1;
}

.chartABC-container .series path.line-tracker {
    stroke-width: 1.6em;
    fill: none;
    opacity: 0;
}
.chartABC-container .series path.line-tracker.standard-trend {
    stroke-width: .4em;
}
.chartABC-container .series.interactive path.line-tracker,
.chartABC-container .series.interactive .data-circle {
    cursor: pointer;
}

.chartABC-container .series .last-label {
    font-size: 1em;
    font-weight: 500;
    opacity: 0;
}

.chartABC-container.standardTrends-enabled:hover .series .last-label {
    opacity: 0 !important;
}

.chartABC-container.standardTrends-enabled:hover .series .last-label.standard-trend-label {
    opacity: 1 !important;
}

.chartABC-container .series.chosen .last-label {
    font-weight: 600;
}

.chartABC-container .title {
    font-size: 1.6em;
}

.chartABC-container .unit {
    font-size: .9em;
    font-weight: 500;
}

.chartABC-container .legend .legend-background {
    fill: rgba(255,255,255,.8);
}

.chartABC-container .legend .legend-item {
    font-size: .9em;
}

.chartABC-container .legend .legend-item.interactive {
    cursor: pointer;
}

.chartABC-container .legend .legend-item line.legend-item-shape {
    stroke: #aaa;
    stroke-width: .18em;
}

.chartABC-container .legend .legend-item.chosen line.legend-item-shape {
    stroke-width: .3em;
}

.chartABC-container .legend .legend-item.chosen text.legend-item-name {
    font-weight: 600;
}

.chartABC-container .tooltip {	
    position: absolute;			
    text-align: left;			
    padding: .35em .5em;				
    background: rgba(255,255,255,.6);	
    border: 1px solid #aaa;		
    border-radius: .35em;			
    pointer-events: none;	
    line-height: 1;
}
.chartABC-container .tooltip .series-name {
    font-weight: 600;
}