html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  padding-bottom: 40px;
}

.dashboard {
  min-height: 200px;
  background: white;
  max-width: 944px;
  margin: 0px auto;
}

@media (min-width: 992px) {
  .wrapper {
    width: 1200px;
    padding: 0;
  }
}


.feedback a {
  text-decoration: none;
  color: #AED3EA;
  word-wrap: break-word;
}

.introText {
  margin-left: 15px;
}

.no_padding {
  margin-top: 5px;
}

.nav--controls__menu {
  width: 100% !important;
}

.footer-nav__item {
  float: none;
}

.primary-nav__item {
  float: none;
}

@media (min-width: 767px) {
  .primary-nav__item {
    float: left;
  }
}

body {
  font-family: 'Open Sans', sans-serif;

}

h1 {
  font-size: 35px;
  font-weight: 400;
  line-height: 48px;

  padding: 2px 0 6px 15px;
  color: #414042;
}

a {
  color: #206095;
  text-decoration: underline;
}

a:focus {
  box-shadow: 0px 4px 0px 0px #222;
  background-color: #FBC900;
  text-decoration: none;
  color: #222;
}

a:hover {
  color: #003c57;
  box-shadow: none;
  background-color: transparent;
}

img {
  margin: 0;
  /* padding-top: 10px; */
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: middle;
}

.intro {
  color: #414042;
  font-size: 21px;
  margin-top: 0px;
  margin-bottom: 48px;
  padding: 7px 0 9px 0;
  line-height: 32px;
  max-width: 1200px;
  margin: auto;

}

.intro-content {
  background: #EAEAEA;
  padding-top: 48px;
}

#AoC {
  width: 100%;
  max-width: 350px;

}

.grey-bar {
  background: #58595B;
  padding: 16px 0 24px 0;
  color: #D0D2D3;
}

.grey-bar-text {
  padding: 5px 0 5px 0px;
  margin: auto;
  max-width: 1200px;
}

h2 {
  font-weight: 500;
  margin: 10px 0px;
  font-size: 24px;
  line-height: 24px;
}

h3 {
  font-weight: 400;
  margin-top: 5px;
}

p {
  margin: 20px 0px;
}

.panel {


  /*
      margin-bottom: 0px !important;
      border-width:0px;

      border-color:#F2F2F2;

      box-shadow: 0 1px 1px rgba(240, 240, 240, 0.05) !important;
  */
}

.bar {
  opacity: 0.8;
}

.chartUnits {
  font-size: 11px;
}

.measure_title {
  width: 80%;
  float: left;
}

.subtitle {
  margin-top: 5px;
}

.subtitle a:link {
  color: #206095 !important;
  font-weight: 400;
}


.subtitle a:hover {
  color: #003c57 !important;
}

.blurb {
  line-height: 20px;
  font-size: 14px;
  margin: 10px 0px;
}

.explainer, .measure_title {

  padding: 0px 10px 0px 15px;
}

.measures-filter, .indicators-filter {
  font-size: 14px;
}

.measures-filter ul {
  list-style-type: none;
  margin: 0px;
  padding: 0;
  overflow: hidden;
}

.measures-filter li {
  float: left;
  /*    padding: 0px 0px 0px 0px;*/
  margin: 6px 16px 0px 0px;

}

.measures-filter li a {
  display: block;
  color: white;
  text-align: center;
  padding: 6px 16px 10px 16px;
  text-decoration: none;
  background-color: #003D59;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out;
  text-decoration: none;
  margin-bottom: 7px;

}

.measures-filter .highlighted {
  /*	border-bottom: 5px solid darkgrey !important;*/
  font-weight: 900;
  text-decoration: underline;

}

.indicators-filter .highlighted {

  font-weight: 900;
  text-decoration: underline;
}

/* Change the link color to #111 (black) on hover */
.measures-filter li a:hover, .measures-filter li a:focus {
  transition: filter 0.25s ease-out;
  filter: brightness(85%);
  text-decoration: underline;
}

.measures-filter li a:focus {
  /*    opacity: 0.9;*/
  /*    color: white;*/
}

.indicators-filter ul {
  list-style-type: none;
  margin: 0px;
  padding: 0;
  overflow: hidden;
}


.indicators-filter li a {
  display: block;
  color: black;
  text-align: center;
  align-content: center;
  padding: 6px 16px 10px 16px;
  line-height: 30px;
  text-decoration: none;
  background-color: #EBECED;
  cursor: pointer;
  transition: background-color 0.25s ease-out;
  text-decoration: none;
  margin-bottom: 7px;
  margin-right: 16px;
}

.indicators-filter li a:hover, .indicators-filter li a:focus {
  transition: filter 0.25s ease-out;
  filter: brightness(85%);
  text-decoration: underline;
}

/* Change the link color to #111 (black) on hover */
/*
.indicators-filter li a:hover {
    opacity: 0.9;
    color: darkgrey;
  text-decoration:underline;
}

.indicators-filter li a:focus {
    opacity: 0.9;
    color: darkgrey;
}
*/

.measures {
  display: flex;
  flex-wrap: wrap;
}

.card {
  border-style: solid;
  border-width: 1px;
  border-color: #9e9e9e;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  width: 100%;
  margin-bottom: 15px;
  padding: 5px;
  height: auto;
  float: left;

}

.status {
  width: 25px;
  height: 25px;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
}

.margin-left-md--1 {
  min-width: 304px;
}

.tick line {
  stroke: #C7C3C3;
}

.axis {
  font-family: "Open Sans";
}

#centreline {
  stroke: black;
  stroke-width: 1px;

}

.axis path {
  display: none;
}

.axis line {
  shape-rendering: crispEdges;
  stroke: #CAC8C8;
}

.bar {
  opacity: 0.8;
}

.chartUnits {
  font-size: 11px;
}

.measure_title {
  font-size: 14px;
  font-weight: 300;
}

.line_label {
  text-anchor: end;
  font-size: 11px;
}

ul {
  list-style-type: none;
  display: inline-block;
}

li {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
}

.updatedDate {
  font-size: 11px;
  font-style: italic;
  margin: 5px 0px;
}

.visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.filter-btn:focus {
  outline: none;
  box-shadow: 0px 0px 0 3px #FFA23A;
  outline-offset: 0px;
}