#report_filter {
    background-color:#DCE6F7;
    padding:5px 10px 5px 10px;
    margin: 10px;
}

#chart_form {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
    left: 10px;
    top: 10px;
}

label {
    display: block;
}

.chart_div {
    padding:5px 10px 5px 10px;
    margin: 20px 20px 20px 20px;
    height: 100%;
    overflow-x: scroll;
}

.chart_grid line {
    stroke: lightgrey;
    stroke-opacity: 0.7;
    shape-rendering: crispEdges;
}

.chart_grid path {
    stroke-width: 0;
}


.bar {
    font: 10px sans-serif;
    fill: steelblue;
    text-align: right;
    padding: 3px;
    margin: 1px;
    color: white;
}

.text {
    fill: white;
    font-family: sans-serif;
}

.axis--x path {
    display: none;
}

.legend rect {
    fill:white;
    stroke:black;
    opacity:0.8;}


.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}