/**
 *  Bandline styling
 */

body {
    background-color: white;
}

g.bandLine .band,
g.sparkStrip .band {
    fill: #053061;
}

g.bands .band {
    fill-opacity: 0.75;
}

g.bands .band.s0 {stroke: #f4a582; stroke-width: 1px; fill-opacity: 1}
g.bands .band.s1 {fill: #fddbc7}
g.bands .band.s2 {fill: #f4a582}
g.bands .band.s3 {fill: #92c5de}
g.bands .band.s4 {fill: #d1e5f0}
g.bands .band.s5 {stroke: #92c5de; stroke-width: 1px; fill-opacity: 1}

g.bands .band.s6 {stroke: white; stroke-width: 1px; fill: none;}

g.bandLine,
g.sparkStrip {
    fill: none;
}

g.bandLine .valueLine,
g.sparkStrip .valueBox,
g.sparkStrip .valuePoints,
g.bandLine .valuePoints .point.highOutlier {
    stroke: #053061; /*rgb(226, 60, 180);*/
}

g.bandLine .valuePoints .point {
    fill: #053061; /*rgb(226, 60, 180);*/
}

g.bandLine .valueLine {
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

g.sparkStrip .valueBox,
g.sparkStrip .valuePoints {
    stroke-width: 0.5;
}

g.sparkStrip .valuePoints {
    stroke-opacity: 0.5;
}

g.bandLine .valuePoints .point {
    fill: #053061;
    fill-opacity: 0.5;
}

g.bandLine .valuePoints .point.lowOutlier {
    fill-opacity: 1;
}

g.bandLine .valuePoints .point.highOutlier {
    fill: white;
    fill-opacity: 1;
}

g.sparkStrip .valueBox {
    fill: white;
    fill-opacity: 0.75;
 }