@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 based on SON 2021 colors */
.highcharts-color-0 { fill: #67737a; stroke: #67737a; color: #67737a; }
.highcharts-color-1 { fill: #99b959; stroke: #99b959; color: #99b959; }
.highcharts-color-2 { fill: #73bbae; stroke: #73bbae; color: #73bbae; }
.highcharts-color-3 { fill: #105f54; stroke: #105f54; color: #105f54; }
.highcharts-color-4 { fill: #1f3b7a; stroke: #1f3b7a; color: #1f3b7a; }
.highcharts-color-5 { fill: #ff440b; stroke: #ff440b; color: #ff440b; }

/*SON 2021 official colors*/
/*1. Dark blue: 100% = #1f3b7a, 60% = #7989af, 40% = #a6b1ca*/
/*2. Light blue: 100% = #4ea7af, 80% = #95cacf, 60% = #b8dcdf*/
/*3. Dark green: 100% = #105f54, 60% = #709f98, 40% = #9fbfbb*/
/*4. Light green: 100% = #9fcc46, 60% = #c6e090, 40% = #d9eab5*/
/*Alternative light green for interactives: #99b959*/
/*5. Orange: 100% = #ff440b, 80% = #ff8f6d, 60% = #ffb49d*/
/*6. Gray: 100% = #67737a, 80% = #a4abaf, 60% = #c2c7ca*/

/*#67737a, #1f3b7a, #4ea7af, #9fcc46, #105f54, #ff440b*/

/* Drilldown CSS */
.highcharts-area.zone-0, 
.highcharts-point.zone-0  { stroke: #67737a; fill: #67737a; }
.highcharts-graph.zone-0 { stroke: #67737a; }
.highcharts-area.zone-1, 
.highcharts-point.zone-1  { stroke: #99b959; fill: #99b959; }
.highcharts-graph.zone-1 { stroke: #99b959; }
.highcharts-area.zone-2, 
.highcharts-point.zone-2  { stroke: #73bbae; fill: #73bbae; }
.highcharts-graph.zone-2 { stroke: #73bbae; }
.highcharts-area.zone-3, 
.highcharts-point.zone-3  { stroke: #105f54; fill: #105f54; }
.highcharts-graph.zone-3 { stroke: #105f54; }
.highcharts-area.zone-4, 
.highcharts-point.zone-4  { stroke: #1f3b7a; fill: #1f3b7a; }
.highcharts-graph.zone-4 { stroke: #1f3b7a; }
.highcharts-area.zone-5, 
.highcharts-point.zone-5  { stroke: #ff440b; fill: #ff440b; }
.highcharts-graph.zone-5 { stroke: #ff440b; }

/*Overriding JCHS package CSS */
.JCHS-chart__drilldown {
  min-height: 180px;
  width: 650px;
  max-width: 100%;
  margin: 20px auto;
  display: none;
  background: none;
}

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