.responsive_text {
  width: 100%;
  display: block;
  background: #fcfcfc;
}

.nbn h2,
.nbn h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: -0.01em !important;
}

.nbn h2 {
  margin: 1em 0 1em;
}

.nbn h3 {
  border: 0 !important;
  font-size: 18px;
  margin: 40px 0 20px 0;
}

.hl_stats h2 a,
.hl_stats h2 a:hover,
.hl_stats h2 a:focus {
  border-bottom: 0 !important;
  text-decoration: none;
  color: #363535
}

.hl_stats h2 a>sup {
  display: none;
}

/* Block stats */
.stats *:not(.fa) {
  font-family: 'Montserrat', sans-serif;
}

.stats h2 {
  font-weight: 700;
}

.val-up {
  color: #0e766e;
}

.val-down {
  color: #BA1622;
}

.stats-block-container {
  margin-bottom: 30px;
}

/* HL stats */
.hl_stats {
  background: #fcfcfc;
  padding: 15px;
  border-bottom: 5px solid #f6f6f6;
}

.hl_stats h2 {
  font-size: 18px;
  font-weight: 700;
  display: block;
  border: 0;
  margin: 0;
  color: #352F52;
}

.hl_stats .hl_stats_value>p:nth-child(1) {
  font-size: 48px;
  font-weight: 400;
  margin: 0;
  letter-spacing: -0.02em;
}

.hl_stats .hl_stats_value>p:nth-child(2) {
  font-size: 24px;
}

/* v2 */
.v2>.hl_stats {
  padding: 15px;
}

.v2>.hl_stats .fa {
  margin-right: 2px;
  display: inline-block;
}

.v2>.hl_stats .fa:before {}

.v2>.hl_stats h2 {
  font-size: 14px;
  min-height: 35px;
}

.v2>.hl_stats .hl_stats_value>p {
  font-size: 18px;
  letter-spacing: 0;
  display: block;
  float: left;
}

.v2>.hl_stats .hl_stats_value>p:nth-child(1) {
  margin: 0 5px 0 0;
  font-weight: 400;
}

.v2>.hl_stats .hl_stats_value>p:nth-child(2) {
  font-size: 14px;
  display: block;
  margin: 3px 0 0 5px;
}

/* v5 */
@media (min-width: 992px) {
  .v5 .hl_stats {
    background: #fafafa;
    padding: 15px;
    border: 3px solid #f9f9f9;
    width: calc(100% - 15px);
  }
}

@media (min-width: 1170px) {
  .v2>.hl_stats .hl_stats_value>p {
    font-size: 24px;
  }

  .v2>.hl_stats .hl_stats_value>p:nth-child(2) {
    font-size: 18px;
    display: block;
    margin: 6px 0 0 5px;
  }
}

@media (max-width: 991px) {
  .hl_stats h2 {
    min-height: 45px;
  }
}

@media (max-width: 767px) {
  .hl_stats h2 {
    font-size: 14px;
    min-height: auto;
  }

  .hl_stats .hl_stats_value>p:nth-child(1) {
    font-size: 24px;
    font-weight: 700;
  }

  .hl_stats .hl_stats_value>p:nth-child(2) {
    font-size: 16px;
  }

  .v2>.hl_stats .hl_stats_value>p {
    font-size: 14px;
    letter-spacing: 0;
    display: block;
    float: left;
  }

  .v2>.hl_stats .hl_stats_value>p:nth-child(1) {
    margin: 0 5px 0 0;
    font-weight: 400;
  }

  .v2>.hl_stats .hl_stats_value>p:nth-child(2) {
    margin: 0 0 0 5px;
  }

  .v2>.hl_stats {
    padding: 10px 15px 0 15px;
  }

  .v2>.hl_stats h2 {
    min-height: 35px;
  }

  .toggle-group>* {
    margin: 0 5px 5px 0;
    font-size: 12px;
    display: block;
    float: left;
  }
}

.ref-container {
  font-size: 16px;
  padding: 15px 0;
  clear: both;
  width: 100%;
  display: block;
}

.toggle-group>* {
  margin: 0 10px 10px 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.25s ease;
}

.toggle-group>*.btn-primary:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f00c";
  margin-right: 5px;
}

/* Accessible table */
.accessible-table>a.btn {
  font-size: 14px !important;
  padding: 5px 10px !important;
  margin-right: -10px;
}

.accessible-table-container {
  padding: 15px;
  background: #fefefe;
  border: 2px solid #f3f3f3;
  position: relative;
  font-size: 14px;
}

div.accessible-table {
  margin-top: -50px;
}

table.accessible-table {
  margin-top: 15px;
}

table.accessible-table * {
  font-size: 14px !important;
  font-family: "Source Sans Pro", sans-serif !important;
}

table.accessible-table tr>*:not(:first-child),
table.accessible-table tbody tr>td {
  text-align: right;
}

table.accessible-table:nth-of-type(1) tr>*,
table.accessible-table:nth-of-type(2) tr>* {
  width: 16.67%;
}

table.accessible-table:nth-of-type(3) tr>*:last-child {
  width: 95px;
}

table.accessible-table:nth-of-type(6) tr>* {
  width: 20%;
}

@media only all and (max-width: 991px) {
  .state {
    font-size: 1.8rem;
  }
}

/* Charts - NVD3 overrides */
.nvd3 text {
  font: 400 14px 'Montserrat', sans-serif !important;
  color: #363535;
  fill: #363535;
}

/* HTML legend */
.d3_legend {
  font: 400 14px 'Montserrat', sans-serif !important;
  padding-top: 10px;
}

.nvtooltip {
  background: #fff;
  border-radius: 0;
  border: 2px solid #ddd;
}

.nv-legend text {
  fill: #666;
}

.nvd3.nv-wrap.nv-line .nv-groups path:first-child {
  fill-opacity: 1;
}

.nvd3.nv-stackedarea path.nv-area:hover {
  fill-opacity: 1;
}

.nv-legend g.nv-series:nth-child(2) {
  pointer-events: all !important;
}

/* Charts - individual charts */
.chart {
  font-size: 21px;
}

#chart_main>svg,
#chart_main_4>svg {
  height: 362px;
}

#chart_8 {
  clear: both;
}

#chart_8>svg {
  height: 280px;
}

#chart_8>svg .nv-series-0>rect:nth-child(2) {
  fill: #1CCFC9 !important;
}

#chart_8>svg .nv-series-0>rect:nth-child(3) {
  fill: #8B9EFF !important;
}

#chart_8>svg .nv-series-0>rect:nth-child(4) {
  fill: #23C9FF !important;
}

#chart_8>svg .nv-series-0>rect:nth-child(5) {
  fill: #FFC502 !important;
}

#chart_8 h3 {
  margin-top: 0;
}

#chart_main_2>svg {
  height: 362px;
}

#chart_main_3>svg {
  height: 420px;
}

/* Chart toggle */
.nbn .nav {
  margin-bottom: 0;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px;
  letter-spacing: -0.01em;
}

.nbn .nav-tabs {
  border-bottom: 0;
  width: auto;
  display: block;
  padding: 0;
}

.stats .nav>li {
  list-style: none !important;
  float: left !important;
  margin-bottom: 15px !important;
}

.stats .nav>li>a {
  border-bottom: 0 !important;
  padding: 5px 10px !important;
  border: 1px solid #f9f9f9 !important;
  transition: all 0.25s ease;
  font-weight: 700;
  text-decoration: none !important;
  color: #666;
  background: #f9f9f9;
  border-radius: 5px;
  margin: 0 0 10px 10px;
}

.stats .nav>li>a.active {
  color: #BA1622;
}

.stats .nav>li>a:hover,
.stats .nav>li>a:focus,
.stats .nav>li>a:active {
  color: #BA1622;
  background: #eee;
  border: 1px solid #eee !important;
  border-radius: 2px;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.nbn .nav>li.active>a i.fa:before {
  content: "\f111" !important;
  color: #0E766E;
}

.nbn .nav>li:not(.active)>a i.fa:before {
  content: "\f10c" !important;
}

/**/
circle.nv-legend-symbol[style="stroke-width: 2; fill: rgb(68, 68, 68); fill-opacity: 1; stroke: rgb(68, 68, 68);"] {
  fill: #0E766E !important;
  stroke: #0E766E !important;
}

#chart_main>svg .nv-x>.nv-axis>g:nth-child(1)>g line,
#chart_main>svg .nv-y>.nv-axis>g:nth-child(1)>g line,
#chart_main_3>svg .nv-x>.nv-axis>g:nth-child(1)>g line,
#chart_main_3>svg .nv-y>.nv-axis>g:nth-child(1)>g line {
  stroke-width: 3;
  stroke: #fafafa;
}

#chart_main_2>svg .nv-y>.nv-axis>g:nth-child(1)>g line {
  stroke-width: 3;
  stroke: #fafafa;
}

#chart_main_2>svg .nv-x>.nv-axis>g:nth-child(1)>g line {
  stroke-width: 0;
  stroke: #fafafa;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #eee;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #363535;
  text-align: center;
  background-color: #eee;
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#chart_main .nv-x text,
#chart_main_3 .nv-x text,
#chart_8 .nv-x text {
  font-weight: 700 !important;
  font-size: 12px !important;
}

#chart_main_2 .nv-x .tick>text {
  display: none;
  opacity: 1 !important;
  font-weight: 700 !important;
  font-size: 11px !important;
}

#chart_main_2>svg:not(#nbn-mir-state-pre18):not(#nbn-mir-state) .nv-x .tick:nth-child(9n+1)>text {
  display: inherit;
}

/* customise labels for state groupings */
#chart_main_2>#nbn-mir-state-pre18 .nv-x .tick:nth-child(1n+1)>text {
  display: inherit;
  -webkit-transform: translate(-15px, 0);
  transform: translate(-15px, 0);
}

#chart_main_2>#nbn-mir-state .nv-x .tick:nth-child(8n+1)>text {
  display: inherit;
  -webkit-transform: translate(35px, 0);
  transform: translate(35px, 0);
}

#chart_8 .nv-x .tick:nth-child(1n+1)>text {
  display: inherit;
  -webkit-transform: translate(-5px, 0);
  transform: translate(-5px, 0);
}

svg .nv-legend * {
  transition: all 0.5s ease;
}

rect.nv-bar {
  width: 10px;
}

.n15 rect.nv-bar {
  width: 30px;
}

.n27 rect.nv-bar,
.n36 rect.nv-bar {
  width: 24px;
}

.n10 rect.nv-bar,
.n13 rect.nv-bar,
.n28 rect.nv-bar,
.n31 rect.nv-bar {
  width: 42px;
}

.n45 rect.nv-bar,
.n54 rect.nv-bar {
  width: 12px;
}

.n63 rect.nv-bar,
.n72 rect.nv-bar {
  width: 8px;
}

#chart_8 rect.nv-bar {
  width: 60px;
}

.nvd3 text.nv-axislabel {
  font-size: 11px !important;
  font-weight: 700 !important;
}

#chart_market_share {
  width: 100%;
}

#chart_market_share svg {
  height: 240px;
  width: 100%;
}

#chart_market_share .nv-label text {
  font-size: 12px !important;
  font-weight: 700 !important;
  fill: #666 !important;
}

.series-label {
  text-anchor: middle;
}

@media (max-width: 767px) {
  #chart_market_share .nv-label text {
    font-size: 14px !important;
  }
}

#chart_market_share.barChart svg {
  height: 120px;
}

#chart_main_3 path.nv-line {
  stroke-width: 3px;
}

.nvtooltip {
  background: #fff !important;
  border-radius: 0 !important;
  border: 2px solid #f3f3f3 !important;
  font: 400 12px 'Montserrat', sans-serif !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.nvtooltip table td.legend-color-guide div {
  border: 0;
}

.body-text *:not(.fa) {
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.42857143 !important;
}

.body-text a {
  border-bottom: 1px solid #0E7C8F;
  text-decoration: none;
}

.body-text a {
  border-bottom: 1px solid #0E7C8F;
}

.stats-toggle {
  margin-top: 20px;
  background: #fefefe;
  padding: 15px 0;
  transition: all 0.5s ease;
}

.stats-toggle:hover {
  background: #fcfcfc;
}

.nbn.stats h2 {
  margin-right: 15px;
}

/* Mobile responsive */
@media (max-width: 767px) {
  .nbn .nav {
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 15px;
  }

  .stats-toggle {
    padding: 15px 0 0 0;
  }

  .nvd3 text {
    font: 400 10px 'Montserrat', sans-serif !important;
  }

  svg .nv-legend * {
    font-weight: 700 !important;
  }
}

@media (max-width: 480px) {
  #chart_main>svg {
    height: 420px;
  }

  #chart_main_2>svg {
    height: 240px;
  }

  #chart_main .nv-x.nv-axis>.nv-wrap>g:first-child text {
    display: none !important;
  }
}

/* Notes field */
.explain-rich {
  background: #fff;
  padding: 15px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  border-radius: 2px;
  margin-top: -30px;
  margin-bottom: 30px;
  color: #666;
}

.explain-rich>ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.explain-rich>ul li {
  list-style: none;
}

.explain-rich>ul>li:not(:last-child) {
  margin-bottom: 0.67em;
}

.explain-rich>ul>li>span {}

.btn-block {
  margin: 20px 0 15px 0;
}

/* New chart */
#chart_5 {
  height: 320px;
}

#chart_5 .nvd3.nv-stackedarea path.nv-area {
  fill-opacity: 0.5;
  stroke-opacity: 0;
  stroke-width: 2px;
  transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
}

#chart_5 .nvd3 .nv-axis line {
  fill-opacity: 0.2;
  stroke-opacity: 0.2;
  stroke-width: 3px;
}

#chart_5 .nvd3 .nv-axis.nv-x line {
  fill-opacity: 0;
  stroke-opacity: 0;
}

#chart_5 .nvd3.nv-stackedarea path.nv-area:hover {
  fill-opacity: 1;
}

#chart_5 .nv-y2 text {
  display: none;
}

#chart_5 .nv-x text,
#chart_main_3 .nv-x text {
  font-weight: 700 !important;
  font-size: 12px !important;
}

#chart_5 .nv-y1.nv-disabled {
  opacity: 1 !important;
}

#chart_5 .nv-y2.nv-axis path.domain {
  stroke-opacity: 0 !important;
}

.well {
  border: 0;
  box-shadow: none;
  border-radius: 0;
  margin-top: 15px;
  font-size: 16px;
}

.toggle-list {
  font: bold 12px 'Montserrat', sans-serif !important;
  color: #363535;
  margin-left: 60px;
  margin-top: 15px;
}

.toggle-list li {
  display: none;
  margin-bottom: 5px;
}

.toggle-list li a {
  color: #363535;
  border-bottom: none !important;
  text-decoration: none;
}

.toggle-list li.active a {
  color: #BA1622;
}

.toggle-list#list-a li:nth-child(1),
.toggle-list#list-a li:nth-child(2) {
  display: block;
}

.toggle-list#list-b li:nth-child(3),
.toggle-list#list-b li:nth-child(4) {
  display: block;
}

.toggle-list#list-c li:nth-child(5),
.toggle-list#list-c li:nth-child(6) {
  display: block;
}

.toggle-list#list-d li:nth-child(7),
.toggle-list#list-d li:nth-child(8) {
  display: block;
}

.toggle-list#list-e li:nth-child(9),
.toggle-list#list-e li:nth-child(10) {
  display: block;
}

.hl_stats img[src$=".svg"] {
  height: 20px;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 10px;
}

.hl_stats img[src$=".svg"].up {
  filter: invert(33%) sepia(11%) saturate(6187%) hue-rotate(140deg) brightness(92%) contrast(89%);
}

.hl_stats img[src$=".svg"].down {
  filter: invert(24%) sepia(54%) saturate(3552%) hue-rotate(339deg) brightness(74%) contrast(109%);
}