#chart_container {
    height: 700px;
}
.highcharts-title,
.highcharts-range-selector-group,
.highcharts-input-group,
.highcharts-range-input text,
.highcharts-range-label text {
    color: #e1e1e1;
    fill: #e1e1e1;
}
.highcharts-series-1, .highcharts-series-3,
.highcharts-color-1, .highcharts-color-3 {
    fill: #90ed7d;
    stroke: #90ed7d;
}
.highcharts-color-2 {
    fill: #daa520;
    stroke: #daa520;
}
.highcharts-axis.highcharts-color-1 .highcharts-axis-line {
    stroke: #90ed7d;
}
.highcharts-axis.highcharts-color-1 text {
    fill: #90ed7d;
}
.highcharts-scrollbar-thumb {
    fill: #6b6b6b;
    stroke: #cccccc;
    stroke-width: 1px;
}
.highcharts-scrollbar-button {
    fill: #ababab;
    stroke: #cccccc;
    stroke-width: 1px;
}
.highcharts-scrollbar-arrow {
    fill: #666666;
}

.highcharts-scrollbar-rifles {
    stroke: #cacaca;
    stroke-width: 1px;
}
.highcharts-scrollbar-track {
    fill: #4a4a4a;
    stroke: #6d6d6d;
    stroke-width: 1px;
}
.highcharts-grid-line {
    fill: none;
    stroke: #666666;
    stroke-dasharray: 1;
}
.highcharts-axis-title {
    fill: #bdbdbd;
}
.highcharts-axis-labels {
    fill: #cecece;
    cursor: default;
    font-size: 0.9em;
}
.highcharts-color-0 {
    fill: #57a5cc;
    stroke: #57a5cc;
}
.highcharts-axis-line {
    fill: none;
    stroke: #666666;
    stroke-width: 1px;
}
.highcharts-button {
    fill: #57a5cc;
    color: #fff;
    stroke: #cccccc;
    cursor: default;
    stroke-width: 1px;
    transition: fill 250ms;
}
.highcharts-button text {
    fill: #333333;
}
.highcharts-yaxis .highcharts-axis-line {
    stroke-width: 2px;
}
.highcharts-background {
    opacity: 0;
}
.highcharts-button:hover {
    cursor: pointer;
}
.highcharts-button text {
    fill: #ffffff;
}
.highcharts-button.highcharts-button-pressed {
    fill: #ffffff;
}
.highcharts-button.highcharts-button-pressed text {
    fill: #57a5cc;
}
.highcharts-flags-series .highcharts-point .highcharts-label-box {
    stroke: #999999;
    fill: #de3e3e;
    transition: fill 250ms;
}
.highcharts-flags-series .highcharts-point text {
    fill: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
}
.highcharts-plot-line {
    stroke: #de3e3e;
    z-index: 99999;
    stroke-width: 2px;
}
.highcharts-plot-line-label {
    fill: #de3e3e;
}
/* Tooltip */
.highcharts-tooltip {
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    transition: stroke 150ms;
}

.highcharts-tooltip text {
    fill: #333333;
}

.highcharts-tooltip .highcharts-header {
    font-size: 0.85em;
}

.highcharts-tooltip-box {
    stroke: #eccaca;
    stroke-width: 1px;
    fill: #de3e3e;
    fill-opacity: 1;
    z-index: 99999;
}

.highcharts-tooltip-box .highcharts-label-box {
    fill: #de3e3e;
    fill-opacity: 1;
}

.highcharts-selection-marker {
    fill: #335cad;
    fill-opacity: 0.25;
}
.highcharts-graph {
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.highcharts-state-hover .highcharts-graph {
    stroke-width: 3px;
}
.highcharts-state-hover path {
    transition: stroke-width 250ms;
}
.highcharts-state-normal path {
    transition: stroke-width 250ms;
}
.highcharts-xaxis-grid .highcharts-grid-line {
    stroke-width: 1px;
}
input.highcharts-range-selector {
    position: absolute;
    border: none;
    background: #464646;
    width: 1px;
    /* Chrome needs a pixel to see it */
    height: 1px;
    padding: 0;
    text-align: center;
    left: -9em;
    /* #4798 */
}
.highcharts-legend-item text {
    fill: #f1f1f1;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
    stroke-width: 0;
}
.highcharts-legend-item:hover text {
    fill: #f1f1f1;
}
.highcharts-loading {
    position: absolute;
    background-color: #464646;
    opacity: 1;
    text-align: center;
    z-index: 10;
    transition: opacity 250ms;
}
.highcharts-loading-inner {
    color: #f1f1f1;
    font-family: 'Roboto',sans-serif;
    font-size: 32px;
    font-weight: 100;
}