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

body {
  font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

/* 2. Make sure radio text uses it too */
label {
  font-family: inherit;
}


.highcharts-color-0 { fill: #d6e5eb; stroke: #d6e5eb; color: #d6e5eb; }
.highcharts-color-1 { fill: #659db5; stroke: #659db5; color: #659db5; }
.highcharts-color-2 { fill: #2d6478; stroke: #2d6478; color: #2d6478; }
.highcharts-color-3 { fill: #213a45; stroke: #213a45; color: #213a45; }



#options_table {
  vertical-align: middle;
  margin: 2px 80px;
  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;
}



#demog_type_select {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #222222;
  padding: 6px 10px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
}

/* Apply map font to the dropdown and its label */
#demog_type_select,
#user_input label {
  font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 12px; /* adjust if your map uses a different size */
}

#table_notes a,
#table_notes a:link,
#table_notes a:visited {
  color: #0066cc !important;  /* pick whatever blue you want */
}

.highcharts-tooltip span {
    white-space: normal !important;
    width: 200px !important;
    display: block;
}