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

/* change chart colors here; note: colorByPoint is on, so this colors each column*/
.highcharts-color-0 { fill: #35414f; stroke: #35414f; color: #35414f; }
.highcharts-color-1 { fill: #8CBEB2; stroke: #8CBEB2; color: #8CBEB2; }
.highcharts-color-2 { fill: #8CBEB2; stroke: #8CBEB2; color: #8CBEB2; }
.highcharts-color-3 { fill: #bf5027; stroke: #bf5027; color: #bf5027; }
.highcharts-color-4 { fill: #bf5027; stroke: #bf5027; color: #bf5027; }
.highcharts-color-5 { fill: #bf5027; stroke: #bf5027; color: #bf5027; }
.highcharts-color-6 { fill: #bf5027; stroke: #bf5027; color: #bf5027; }
.highcharts-color-7 { fill: #007F94; stroke: #007F94; color: #007F94; }
.highcharts-color-8 { fill: #007F94; stroke: #007F94; color: #007F94; }
.highcharts-color-9 { fill: #007F94; stroke: #007F94; color: #007F94; }
.highcharts-color-10 { fill: #6a747a; stroke: #6a747a; color: #6a747a; }
.highcharts-color-11 { fill: #6a747a; stroke: #6a747a; color: #6a747a; }
.highcharts-color-12 { fill: #6a747a; stroke: #6a747a; color: #6a747a; }
.highcharts-color-13 { fill: #6a747a; stroke: #6a747a; color: #6a747a; }
.highcharts-color-14 { fill: #6a747a; stroke: #6a747a; color: #6a747a; }

/*Overriding JCHS package CSS */
.JCHS-chart__text-annotation {
  font-size: 1.05em;
  fill: #666666
}

.highcharts-axis-title {
  font-size: 14px;
}

#options_table  {
  vertical-align: middle;
  margin: 0 auto;
  font-size: 14px;
}