@import url('https://code.highcharts.com/6.1.4/css/highcharts.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');
@import url('https://s3.amazonaws.com/jchs-app-source-data/JCHS-highchartrs/src/css/JCHS-highcharts.css');

/* Scale of SON 2024 colors */
.highcharts-color-0 { fill: #213A45; stroke: #213A45; color: #213A45; }
.highcharts-color-1 { fill: #659db5; stroke: #659db5; color: #659db5; }
.highcharts-color-2 { fill: #f09e3d; stroke: #f09e3d; color: #f09e3d; }
.highcharts-color-3 { fill: #cc4a33; stroke: #cc4a33; color: #cc4a33; }

#options_table {
  vertical-align: middle;
  margin: 2px 120px;
  font-size: 13px;
}

/* MA addition */
.JCHS-chart__export-class .highcharts-legend-title {
  font-size: .9em;
}

.JCHS-chart__export-class .highcharts-legend-item {
  font-size: .8em;
}

/* Drilldown CSS */
.highcharts-area.zone-0, 
.highcharts-point.zone-0  { stroke: #213A45; fill: #213A45; }
.highcharts-graph.zone-0 { stroke: #213A45; }
.highcharts-area.zone-1, 
.highcharts-point.zone-1  { stroke: #659db5; fill: #659db5; }
.highcharts-graph.zone-1 { stroke: #659db5; }
.highcharts-area.zone-2, 
.highcharts-point.zone-2 { stroke: #f09e3d; fill: #f09e3d; }
.highcharts-graph.zone-2 { stroke: #f09e3d; }
.highcharts-area.zone-3, 
.highcharts-point.zone-3  { stroke: #cc4a33; fill: #cc4a33; }
.highcharts-graph.zone-3 { stroke: #cc4a33; }

.JCHS-chart__drilldown {
  min-height: 180px;
  width: 650px;
  max-width: 100%;
  margin: 20px auto;
  background: none;
}