.plot{
    fill: #fff;
}
.axis path,
.axis line {
    fill: none;
    stroke: #AFBABF;
    shape-rendering: crispEdges;
}
.axis text {
    font-family:  Roboto;
    font-size: 12px;
    fill: #AFBABF;
}

.bar { fill: steelblue; }

.x.axis path {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}
.y.axis path{
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

#limit {
    stroke: gray;
}

.divergence{
    font-family: Roboto;
    font-size: 12px;
}

.percentage{
    font-family: Roboto;
    font-size: 12px;
}

#x-label{
    font-family: Roboto;
    font-size: 12px;
}

#y-label{
    font-family: Roboto;
    font-size: 12px;
}

.legend {
    font-family: SourceSansPro-Light;
    font-size: 10pt;
    margin-bottom:0px;
    fill: #231F20;
}
.legend-off {
    font-family: SourceSansPro-Light;
    font-size: 10pt;
    margin-bottom:0px;
    fill: #231F20;
}
.legend-select {
    font-family: SourceSansPro-Bold;
    font-size: 10pt;
    margin-bottom:0px;
    fill: #231F20;
}