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

.highcharts-color-0 { fill: #fcd9c9; stroke: #fcd9c9; color: #fcd9c9; } 
.highcharts-color-1 { fill: #f79d74; stroke: #f79d74; color: #f79d74; }
.highcharts-color-2 { fill: #f3773e; stroke: #f3773e; color: #f3773e; } 
.highcharts-color-3 { fill: #f0550f; stroke: #f0550f; color: #f0550f; }
.highcharts-color-4 { fill: #a0390a; stroke: #a0390a; color: #a0390a; }

/*Formatting the notes in the exported images*/
.JCHS-chart__export .highcharts-subtitle {
  font-size: 6px;
  margin: 5px 5px;
}

/* Drilldown CSS */
.drilldown-color-0 .highcharts-color-0 { 
  fill: #fcd9c9; color: #fcd9c9;
}
.drilldown-color-1 .highcharts-color-0 { 
  fill: #f79d74; color: #f79d74;
}
.drilldown-color-2 .highcharts-color-0 { 
  fill: #f3773e; color: #f3773e;
}
.drilldown-color-3 .highcharts-color-0 { 
  fill: #f0550f; color: #f0550f;
}
.drilldown-color-4 .highcharts-color-0 { 
  fill: #a0390a; color: #a0390a;
}

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