div[id^="fig-"] {
//background:#f2f2f2;
  /*overflow: auto;*/
}

div[id^="fig-"]>div[class^="fig"] {
  background: #f2f2f2;
  overflow: visible;
  padding: 0;
}

div[id^="fig-"] h3 {
  font-size: 1.1em;
  float: left;
  width: 92%;
}
div[id^="fig-"] button {
  background: transparent;
  border: none;
  float: right;
  margin-top: 20px;
}
div[id^="fig-"] > p.summary,
div[id^="fig-"]  p.chart-summary {
  clear: both;
}

.fig0 {
  min-height: 700px;
  padding: 0 5px 0 5px;
}

.fig0.last {
  min-height: 700px;
  padding-right: 0;
}

.fig0.first {
  padding-left: 0;
}

div[id^="fig0-"] {
  padding: 0;
}

#chart2-1 {
  min-height: 300px;
}

#chart1-1 {
  min-height: 151px;
}

#fig0-3-1 {
  min-height: 361px;
}

#chart3-1 {
  min-height: 225px;
  margin-top: 45px;
}

#chart3-2 {
  min-height: 225px;
}

#fig-at-a-glance h3 {
  font-size: 1.1em;
  background: #9C9A9F;
  color: #FFF;
  text-transform: uppercase;
  padding: 5px 10px;
}

.fig0 h4 {
  font-size: 1em;
  background: #8FAFD8;
  color: #FFF;
  padding: 5px 9px;
  margin-top: 0;
}

.fig0 h5 {
  background: #FFF;
  padding: 5px 5px;
  color: #8FAFD8;
  display: inline-block;
  width: 80%;
}

.fig0 p {
  padding: 0 10px;
}

.fig0 ul.other-drugs {
  list-style: none;
  padding: 0;
  margin-bottom: 21px;
}

.fig0 ul.other-drugs span {
  font-size: 13px;
}

.fig0 ul.other-drugs .name {
  width: 70%;
  display: inline-block;
}

.fig0 ul.other-drugs .value {
  width: 30%;
  font-weight: bold;
  display: inline-block;
}

.fig0 .data {
  font-size: 37px;
  font-weight: bold;
  text-align: center;
  margin: 30px 0 30px;
  padding: 0;
}

.fig0 .nodata {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 10px;
}

.fig0 .data1 {
  font-size: 37px;
  font-weight: bold;
  text-align: center;
  margin: 35px 0 10px;
}

.fig0 .data2 {
  font-weight: bold;
  text-align: center;
  margin: 15px 0;
}

.fig0-1-1 .data,
.fig0-1-2 .data1,
.fig0-1-2 .data2 {
  color: #8FAFD8;
}

.fig0-1-1 .data {
  margin: 15px 0 20px;
}

.fig0-2-2 .data,
.fig0-2-3 .data {
  color: #AE68A3;
}

.fig0-2-1 h4,
.fig0-2-2 h4,
.fig0-2-3 h4 {
  background: #AE68A3;
}

.fig0-3-1 h4,
.fig0-3-2 h4 {
  background: #BCD051;
}

.fig0-4-1 h4,
.fig0-4-2 h4 {
  background: #EC8966;
}

.fig0-4-1 .data, .fig0-4-2 .data {
  color: #EC8966;
}

.fig0-4-3 h4 {
  background: #88868B;
}

.fig0-4-3 .data {
  color: #88868B;
}

.fig0 ol.top5 {
  padding: 0 0 0 25px;
  color: #EC8966;
  margin-bottom: 61px;
}

.fig0 .source {
  font-size: 10px;
  line-height: 14px;
}

.fig0 p.chart-summary {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 10px;
}

.summary-global {
  clear: both;
  background: #f2f2f2;
  padding: 2rem;
}

.fig1 {}

#fig1-1 {
  min-height: 650px;
}

.fig2 {}

#fig2-1 {
  min-height: 450px;
}

.fig2 .highcharts-title {
  transform: translateY(0);
  font-family: Arial;
  font-weight: 800;
  font-size: 16px !important;
  margin-bottom: 0;
}

.fig3 {}

#fig3-1 {
  min-height: 650px;
}

.fig3 .highcharts-title {
  transform: translateY(50px);
  font-family: Arial;
  font-weight: 800;
  font-size: 34px !important;
  margin-bottom: 0;
}

.fig4 {}

#fig4-1 {
  min-height: 450px;
}

.fig4 .highcharts-title {
  transform: translateY(50px);
  font-family: Arial;
  font-weight: 800;
  font-size: 34px !important;
  margin-bottom: 0;
}

.fig4 .offenders {
  position: absolute;
  right: 40px;
  text-align: center;
  top: 70px;
}

.fig4 .offences-title-chart {
  font-size: 1.1em;
  width: 70%;
  display: inline;
  position: relative;
  top: 20px;
}

.fig4 .offenders .offenders-title {
  font-size: 1.1em;
}

.fig4 .offenders .offenders-number {
  font-family: Arial;
  font-weight: 800;
  font-size: 34px !important;
  margin-bottom: 0;
}

.fig16 {}

#fig16-1,
#fig16-2 {
  min-height: 250px;
}

.fig16 .highcharts-title {
  transform: translateY(0px);
  font-family: Arial;
  font-weight: 800;
  font-size: 34px !important;
  margin-bottom: 0;
}

.fig5 {
  padding: 0;
  border: 5px solid #FFF;
}

.fig5 h3 {
  font-family: Arial;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 0;
}

.fig5-1 h3 {
  color: #97D3E3;
}

.fig5-2 h3 {
  color: #BCD047;
}

.fig5-3 h3 {
  color: #FCC552;
}

.fig5-4 h3 {
  color: #EF8162;
}

#fig-drug-use>p.summary {
  clear: both;
}

.fig5 p.chart-summary {
  font-size: 12px;
  margin-bottom: 0;
}

.fig5-1 {
  background-color: #E0F2F6 !important;
}

#fig5-1-1 {
  height: 150px;
  padding: 0;
}

#fig5-1-2 {
  height: 150px;
  padding: 0;
}

#fig5-1-3 {
  height: 175px;
  padding: 0;
}

#fig5-1-4 {
  height: 175px;
  padding: 0;
}

.fig5-2 {
  background-color: #E8F2D2 !important;
}

#fig5-2-1 {
  height: 150px;
  padding: 0;
}

#fig5-2-2 {
  height: 150px;
  padding: 0;
}

#fig5-2-3 {
  height: 175px;
  padding: 0;
}

#fig5-2-4 {
  height: 175px;
  padding: 0;
}

.fig5-3 {
  background-color: #FEEED0 !important;
}

#fig5-3-1 {
  height: 150px;
  padding: 0;
}

#fig5-3-2 {
  height: 150px;
  padding: 0;
}

#fig5-3-3 {
  height: 175px;
  padding: 0;
}

#fig5-3-4 {
  height: 175px;
  padding: 0;
}

.fig5-4 {
  background-color: #FDE2D6 !important;
}

#fig5-4-1 {
  height: 150px;
  padding: 0;
}

#fig5-4-2 {
  height: 150px;
  padding: 0;
}

#fig5-4-3 {
  height: 175px;
  padding: 0;
}

#fig5-4-4 {
  height: 175px;
  padding: 0;
}

.fig6 {}

#fig6-1 {
  min-height: 550px;
}

.fig7 {
  padding: 0;
  border: 5px solid #FFF;
}

.fig7 .mean,
.fig7 .entrants {
  padding-top: 37px;
}

.fig7 h3 {
  font-family: Arial;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 0;
}

.fig7 span.text {
  font-size: 12px;
  padding-left: 5px;
}

.fig7 .mean .bottom-line span.text {
  display: inline-block;
  width: 80%;
  line-height: 14px;
}

.fig7 .mean .bottom-line span.text {
  position: relative;
  top: 5px;
}

.fig7 span.data {
  font-weight: bold;
  font-size: 16px;
  float: right;
  padding-right: 5px;
}

.fig7 hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

.fig7-1 hr {
  border-top: 1px solid #97D3E3;
}

.fig7-2 hr {
  border-top: 1px solid #BCD047;
}

.fig7-3 hr {
  border-top: 1px solid #0D4DA1;
}

.fig7-4 hr {
  border-top: 1px solid #EF8162;
}

.fig7-1 h3,
.fig7-1 span.data {
  color: #97D3E3;
}

.fig7-2 h3,
.fig7-2 span.data {
  color: #BCD047;
}

.fig7-3 h3,
.fig7-3 span.data {
  color: #0D4DA1;
}

.fig7-4 h3,
.fig7-4 span.data {
  color: #EF8162;
}

.fig7 p.chart-summary {
  font-size: 12px;
  margin-bottom: 0;
}

.fig7-1 {
  background-color: #E0F2F6;
}

#fig7-1-1 {
  height: 150px;
  padding: 0;
}

#fig7-1-2 {
  height: 150px;
  padding-left: 10px;
  padding-right: 10px;
}

#fig7-1-3 {
  height: 175px;
  padding-left: 10px;
  padding-right: 10px;
}

#fig7-1-4 {
  height: 175px;
  padding: 0;
}

.fig7-2 {
  background-color: #E8F2D2;
}

#fig7-2-1 {
  height: 150px;
  padding: 0;
}

#fig7-2-2 {
  height: 150px;
  padding-left: 10px;
  padding-right: 10px;
}

#fig7-2-3 {
  height: 175px;
  padding-left: 10px;
  padding-right: 10px;
}

#fig7-2-4 {
  height: 175px;
  padding: 0;
}

.fig7-3 {
  background-color: #D4D6EB;
}

#fig7-3-1 {
  height: 150px;
  padding: 0;
}

#fig7-3-2 {
  height: 150px;
  padding-left: 10px;
  padding-right: 10px;
}

#fig7-3-3 {
  height: 175px;
  padding-left: 10px;
  padding-right: 10px;
}

#fig7-3-4 {
  height: 175px;
  padding: 0;
}

.fig7-4 {
  background-color: #FDE2D6;
}

#fig7-4-1 {
  height: 150px;
  padding: 0;
}

#fig7-4-2 {
  height: 150px;
  padding-left: 10px;
  padding-right: 10px;
}

#fig7-4-3 {
  height: 175px;
  padding-left: 10px;
  padding-right: 10px;
}

#fig7-4-4 {
  height: 175px;
  padding: 0;
}

.fig8 {}

#fig8-1 {
  min-height: 550px;
}

.fig10 {
  padding: 0;
  border: 5px solid #FFF;
  background: #f2f2f2;
}

.fig10 h3 {
  font-family: Arial;
  font-weight: 800;
  font-size: 15px;
  margin-bottom: 0;
}

.fig10 h3 {
  color: #F48465;
}

.fig10 p.chart-summary {
  font-size: 12px;
  padding-bottom: 0;
}

#fig10-1-1 {
  min-height: 200px;
  padding-bottom: 50px;
}

#fig10-1-2 {
  min-height: 150px;
  position: relative;
  z-index: 2;
}

#fig10-1-3 {
  min-height: 250px;
}

#fig10-1-4 {
  min-height: 500px;
}

.fig11 {}

#fig11-1 {
  min-height: 550px;
}

.fig12 {}

#fig12-1 {
  min-height: 750px;
}

.fig14 {}

#fig14-1 {
  min-height: 380px;
}

#fig14-2,
#fig14-3 {
  min-height: 105px;
  position: relative;
}
#fig14-2{
  z-index: 2;
}
#fig14-2{
  z-index: 3;
}
.fig14 h4 {
  font-size: 1em;
}

.fig15 .highcharts-background-middle{
  top: 25px;
  position: absolute;
  background: #CCC;
  opacity: 0.5;
  z-index: 0;
}
.fig17 {
  position: relative;
  margin: 0;
  padding: 2rem 0;
  height: 530px;
}

#fig17-1 {
  height: 450px;
  float: left;
  width: 100%;
  position: absolute;
  padding: 0;
  top: 5rem;
  z-index: 1;
}

#fig17-1 .highcharts-contextbutton {
  transform: translate(50%, 10px);
}

#fig17-1 .highcharts-contextmenu {
  right: 44% !important;
}

.chart-2-missing #fig17-1 {
  float: none;
  position: relative;
  top: 0;
}
.chart-2-missing #fig17-1 .highcharts-contextbutton {
  transform: translate(94%, 0px);
}

.chart-2-missing #fig17-1 .highcharts-contextmenu {
  top: 25px !important;
  right: 2px !important;
}

.chart-2-missing .summary-global {
  clear: both;
  background: #f2f2f2;
  padding: 4rem 2rem 2rem 2rem;
}

#fig17-2 {
  height: 375px;
  float: right;
  width: 40%;
  padding: 0;
  z-index: 2;
}
.chart-1-missing #fig17-2 {
  height: 450px;
  float: none;
  width: 100%;
  padding: 0;
  z-index: 2;
}
.fig17 h4 {
  font-size: 1em;
  margin-top: 15px;
}

.fig17 .summary-global {
  position: relative;
  top:6rem;
}

#fig-dashboard {
  overflow: initial;
}

.fig18 {
  border: 5px solid #FFF;
  padding: 0;
  min-height: 450px !important;
}

.fig18 .chart-wrapper {
  min-height: 350px !important;
}

.fig18 h4 {
  font-family: Arial;
  font-weight: 800;
  font-size: 1.1em;
  margin-bottom: 0;
}

.fig18-1 {
  background: #E0F2F6 !important;
}

.fig18-1 h4 {
  color: #85D3E1;
}

.fig18-1 .highcharts-xaxis .highcharts-axis-line {
  stroke: #85D3E1 !important;
}

.fig18-2 {
  background: #E8F2D2 !important;
}

.fig18-2 h4 {
  color: #B2D454;
}

.fig18-2 .highcharts-xaxis .highcharts-axis-line {
  stroke: #B2D454 !important;
}

.fig18-3 {
  background: #FEEED0 !important;
}

.fig18-3 h4 {
  color: #FEC357;
}

.fig18-3 .highcharts-xaxis .highcharts-axis-line {
  stroke: #FEC357 !important;
}

.fig18-4 {
  background: #FDE2D6 !important;
}

.fig18-4 h4 {
  color: #F48465;
}

.fig18-4 .highcharts-xaxis .highcharts-axis-line {
  stroke: #F48465 !important;
}

.fig18-5 {
  background: #D4D6EB !important;
}

.fig18-5 h4 {
  color: #0D4DA1;
}

.fig18-5 .highcharts-xaxis .highcharts-axis-line {
  stroke: #0D4DA1 !important;
}

.fig18-6 {
  background: #E6E7E9 !important;
}

.fig18-6 h4 {
  color: #A8A9AD;
}

.fig18-6 .highcharts-xaxis .highcharts-axis-line {
  stroke: #A8A9AD !important;
}

.fig18-7 {
  background: #E1E9F6 !important;
}

.fig18-7 h4 {
  color: #7CA7D8;
}

.fig18-7 .highcharts-xaxis .highcharts-axis-line {
  stroke: #7CA7D8 !important;
}

.fig18-8 {
  background: #E8D8EA !important;
}

.fig18-8 h4 {
  color: #A75EA6;
}

.fig18-8 .highcharts-xaxis .highcharts-axis-line {
  stroke: #A75EA6 !important;
}

.fig18 p.chart-summary {
  font-size: 12px;
  margin-bottom: 0;
}

tspan.donut-title {
  font-family: Arial;
  font-weight: 800 !important;
  font-size: 16px !important;
  margin-bottom: 0 !important;
}

.fig18-1 tspan.donut-title {
  fill: #85D3E1 !important;
}

.fig18-2 tspan.donut-title {
  fill: #B2D454 !important;
}

.fig18-3 tspan.donut-title {
  fill: #FEC357 !important;
}

.fig18-4 tspan.donut-title {
  fill: #F48465 !important;
}

.fig18 .highcharts-xaxis-labels>text {
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(0deg);
  display: block;
  font-size: 8px !important;
}

.fig18 .highcharts-series rect {
  stroke: transparent !important;
  width: 9px;
}

#fig-dashboard .summary-global {
  background: #FFF;
}

.circle {
  width: 110px;
  height: 110px;
  border-radius: 90px;
  position: absolute;
  top: 30%;
  left: 67%;
  color: #FFF;
}

.fig18-5 .circle {
  background: #0D4DA1;
}

.fig18-6 .circle {
  background: #A8A9AD;
}

.fig18-7 .circle {
  background: #7CA7D8;
}

.fig18-8 .circle {
  background: #A75EA6;
}

.circle span.data {
  position: relative;
  top: 30%;
  text-align: center;
  font-family: Arial;
  font-weight: 800 !important;
  font-size: 18px !important;
  margin-bottom: 0 !important;
  display: block;
}

.circle span.texts {
  position: relative;
  top: 25%;
  font-size: 12px;
  display: block;
  text-align: center;
}

.fig19 h4 {
  font-family: Arial;
  font-weight: 400;
  font-size: 0.9em;
  margin-bottom: 0;
}

.fig19-1-1 {
  min-height: 520px !important;
}

.fig19-2-1 {
  min-height: 150px !important;
}

.fig19-2-2 {
  min-height: 150px !important;
}

.fig19-2-3 {
  min-height: 150px !important;
}

/** SVG CSS ***/

.fig5 .highcharts-title {
// display: none;
  font-family: Arial;
  font-weight: 800;
  font-size: 14px !important;
  margin: 0;
  left: 14px !important;
  width: 100% !important;

}

.fig5 .highcharts-title .text-title {
  font-family: Arial;
  font-weight: 800;
  font-size: 14px !important;
  margin: 0;
  display: block;
  width: 100%;
  padding: 0;
}

.fig7 .highcharts-title {
// display: none;
  transform: translateY(65px);
  font-family: Arial;
  font-weight: 800;
  font-size: 16px !important;
  margin-bottom: 0;
}

.fig10 .highcharts-title {
// display: none;
  transform: translateY(65px);
  font-family: Arial;
  font-weight: 800;
  font-size: 16px !important;
  margin-bottom: 0;
}

.fig5 p.chart-summary,
.fig7 p.chart-summary {
  font-size: 12px;
  line-height: 14px;
}

.fig10 p.chart-summary {
  font-size: 11px;
  line-height: 13px;
  position: relative;
  top: 20px;
}

.highcharts-credits {
  display: none !important;
}
.fig0 .highcharts-background,
.fig1 .highcharts-background,
.fig2 .highcharts-background,
.fig3 .highcharts-background,
.fig4 .highcharts-background,
.fig5 .highcharts-background,
.fig6 .highcharts-background,
.fig7 .highcharts-background,
.fig8 .highcharts-background,
.fig9 .highcharts-background,
.fig10 .highcharts-background,
.fig11 .highcharts-background,
.fig12 .highcharts-background,
.fig13 .highcharts-background,
.fig14 .highcharts-background,
.fig15 .highcharts-background,
.fig16 .highcharts-background,
.fig17 .highcharts-background,
.fig18 .highcharts-background {
  background: transparent !important;
  fill: transparent !important;
}
#fig-substance-use-students {
  background: #F1F1F1;
}
#fig-substance-use-students > h3 {
  padding: 20px 20px 0;
  margin: 0 0 20px 0;
}

.fig19 h4.title{
  font-size: 1.1em;
  font-family: Arial;
  font-weight: 600;
  width: 43%;
  display: inline-block;
  text-align: center;
  position: relative;
  top: 10px;
  z-index: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
}
.fig19 h4 {
  margin: 0;
}
h4.title.chart1 {
  background: #e7e7e8;
}
h4.title.chart2 {
  width: 45%;
  text-align: right;
}
.fig19-1-1 .highcharts-background {
  background: transparent !important;
}
.fig19-2 {
  margin-top: 4rem;
}

.fig19-2 .highcharts-background {
  background: transparent !important;
  fill: transparent !important;
}


.highcharts-container {
  overflow: initial !important;
}

.highcharts-contextbutton {
// transform: translateY(0) !important;
}

.highcharts-contextmenu {
  z-index: 999999999 !important;
}

.highcharts-contextbutton rect.highcharts-button-box {
  fill: transparent !important;
}

#fig-induced-deaths .highcharts-axis-labels text {
  font-size: 11px !important;
}

#fig-prevention .highcharts-axis-labels text {
  font-size: 12px !important;
}

.highcharts-menu hr {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .fig0 {
    min-height: auto;
  }
  .fig0.last {
    min-height: auto;
  }
}

@media only screen and (max-device-width: 1024px) {
  .fig17 {
    /*height: 860px;*/
  }
  #fig17-1 {
    height: auto;
    float: none;
    width: 100%;
    position: relative;
    padding: 0;
    top: 0px;
  }
  #fig17-1 .highcharts-container {
    width: 100% !important;
  }
  .fig17 .secondChartTitle {
    position: relative;
    top: 3rem;
  }
  #fig17-2 {
    height: 400px;
    background: #F1F1F1;
    float: none;
    width: 100%;
    padding: 0 0 4rem 0;
  }
  .fig17 .summary-global {
    position: relative;
    top: 0;
  }
  #fig17-2 .highcharts-container {
    width: 100% !important;
  }
  #fig17-1 .highcharts-contextbutton {
    transform: translate(94%, 0px);
  }
  #fig17-1 .highcharts-contextmenu {
    right: 0% !important;
  }
}

@media only screen and (max-device-width: 768px) {
  div[id^="fig-"] {
    position: relative;
  }
  div[id^="fig-"] h3 {
    float: none;
    width: 92%;
  }
  div[id^="fig-"] button {
    float: none;
    margin-top: 0px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .fig0.last {
    min-height: auto;
    padding-right: 0;
  }
  #fig17-1 .highcharts-contextbutton {
    transform: translate(91%, 0px);
  }
}

@media print {
  path[fill="rgb(255,255,255)"] {
    fill: #CCC !important;
  }
  #fig-drug-use path.highcharts-color-1 {
    fill: #CCC !important;
  }
}