@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');

/*Chart colors*/
.highcharts-color-0 { fill: #DC8127; stroke: #DC8127; color: #DC8127; }
.highcharts-color-1 { fill: #EEA862; stroke: #EEA862; color: #EEA862; }
.highcharts-color-2 { fill: #E4DCD5; stroke: #E4DCD5; color: #E4DCD5; }
.highcharts-color-3 { fill: #ABABC3; stroke: #ABABC3; color: #ABABC3; }
.highcharts-color-4 { fill: #4E4E86; stroke: #4E4E86; color: #4E4E86; }

/* Drilldown CSS */
.highcharts-area.zone-0, 
.highcharts-point.zone-0 { stroke: #DC8127; fill: #DC8127; }
.highcharts-graph.zone-0 { stroke: #DC8127; }
.highcharts-area.zone-1, 
.highcharts-point.zone-1  { stroke: #EEA862; fill: #EEA862; }
.highcharts-graph.zone-1 { stroke: #EEA862; }
.highcharts-area.zone-2, 
.highcharts-point.zone-2  { stroke: #E4DCD5; fill: #E4DCD5; }
.highcharts-graph.zone-2 { stroke: #E4DCD5; }
.highcharts-area.zone-3, 
.highcharts-point.zone-3  { stroke: #ABABC3; fill: #ABABC3; }
.highcharts-graph.zone-3 { stroke: #ABABC3; }
.highcharts-area.zone-4, 
.highcharts-point.zone-4  { stroke: #4E4E86; fill: #4E4E86; }
.highcharts-graph.zone-4 { stroke: #4E4E86; }


/*Overriding JCHS package CSS */
.JCHS-chart__drilldown {
  min-height: 180px;
  width: 650px;
  max-width: 100%;
  margin: 20px auto;
  display: inline;
  background: none;
}
/*Overriding chart title margin to accommodate subtitle*/
.JCHS-chart__title {
  margin: 10px 5px 0
}

/*New CSS*/
#options_table  {
  vertical-align: middle;
  margin: 15px auto;
  font-size: 14px;
}

#chart_subtitle  {
  margin: auto;
  text-align: center;
  font-size: 14px;
  color: #828282
}

.radsize {
  width: 20px;
  height: 20px;
}

.map-instructions {
  margin: 0px 75px 20px 75px;
  color: #C14D00;
  font-size: 16px;
  text-align: center;
}