@charset "UTF-8";
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.adv-hr {
  border-top: 1px solid #26418f !important;
}
.adv-gutter {
  padding-left: 5px;
  padding-right: 5px;
}
.adv-gutter2 {
  padding-left: 15px;
  padding-right: 0px;
}
.adv-filter-container {
  margin-bottom: 20px;
}
.adv-filter1,
.adv-filter2 {
  display: inline-block;
  margin-bottom: 5px;
}
.adv-filter1 {
  margin-right: 10px;
}
.adv-no-data {
  background-color: #26418f;
  color: white;
  padding: 3px;
  text-align: center;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 15px;
}
.adv-note {
  font-size: 15px;
  margin-bottom: 0px;
}
.adv-text {
  font-size: 15px;
}
.grey {
  fill: #f2f0f5;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.recent-state {
  fill: #6d8bdb;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.previous-state {
  fill: #2e44ae;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.prev-range1 {
  fill: #BDC9E1;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.prev-range2 {
  fill: #6d8bdb;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.prev-range3 {
  fill: #2e44ae;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.prev-range4 {
  fill: #192c60;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.prev-range1-chart6 {
  fill: #2e4fae;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.prev-range2-chart6 {
  fill: #bfcbeb;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.addm-prev {
  fill: #5f47bf;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.nsch-prev {
  fill: #e85d0a;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.sped-prev {
  fill: #0898d5;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.medi-prev {
  fill: #ff942a;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.addm-conf {
  fill: #cfc7eb;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.nsch-conf {
  fill: #f8ceb5;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.sped-conf {
  fill: #b4e0f2;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
.medi-conf {
  fill: #ffdebf;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}
#adv-chart2 #chart2-container {
  margin-bottom: 20px;
  text-align: center;
  height: 0;
  /* collapse the container's height */
  width: 100%;
  /* specify any width you want (a percentage value, basically) */
  /* apply a padding using the following formula */
  /* this formula makes sure the aspect ratio of the container equals that of the svg graphic */
  padding-top: 68%;
  position: relative;
  /* create positioning context for svg */
}
#adv-chart2 #chart2-container svg {
  position: absolute;
  top: 0;
  left: 0;
}
#adv-chart2 .chart2-legend-container .chart2-legend p,
#adv-chart2 .chart2-legend-container-2 .chart2-legend p {
  padding: 4.5px 0px 4.5px 10px;
  font-size: 15px;
}
#adv-chart2 .chart2-legend-container .chart2-legend1 p,
#adv-chart2 .chart2-legend-container-2 .chart2-legend1 p {
  border-left: #f2f0f5 solid 50px;
}
#adv-chart2 .chart2-legend-container .chart2-legend2 p,
#adv-chart2 .chart2-legend-container-2 .chart2-legend2 p {
  border-left: #BDC9E1 solid 50px;
}
#adv-chart2 .chart2-legend-container .chart2-legend3 p,
#adv-chart2 .chart2-legend-container-2 .chart2-legend3 p {
  border-left: #6d8bdb solid 50px;
}
#adv-chart2 .chart2-legend-container .chart2-legend4 p,
#adv-chart2 .chart2-legend-container-2 .chart2-legend4 p {
  border-left: #2e44ae solid 50px;
}
#adv-chart2 .chart2-legend-container .chart2-legend5 p,
#adv-chart2 .chart2-legend-container-2 .chart2-legend5 p {
  border-left: #192c60 solid 50px;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  #adv-chart2 .chart2-legend {
    display: inline-block;
    margin-right: 10px;
  }
  #adv-chart2 .chart2-legend5 p {
    margin-bottom: 10px !important;
  }
  #adv-chart2 .chart2-legend-desktop {
    display: none;
  }
}
@media (min-width: 992px) {
  #adv-chart2 .chart2-legend-mobile {
    display: none;
  }
}
#adv-chart3 .chart3-container {
  width: 95%;
}
#adv-chart3 .chart3-container .chart3-row {
  margin-bottom: 7.5px;
  height: 46px;
}
#adv-chart3 .chart3-container .chart3-row .chart3-header-container1 {
  border-left: 5px #6638BD solid;
  height: 46px;
}
#adv-chart3 .chart3-container .chart3-row .chart3-header-container2 {
  border-left: 5px #008AD8 solid;
  height: 46px;
}
#adv-chart3 .chart3-container .chart3-row .chart3-header-container3 {
  border-left: 5px #E35500 solid;
  height: 46px;
}
#adv-chart3 .chart3-container .chart3-row .chart3-header {
  text-align: right;
}
#adv-chart3 .chart3-container .chart3-row .gender-icon-container {
  background-color: #EDEDED;
}
#adv-chart3 .chart3-container .chart3-row .gender-icon-container .gender-icon {
  max-height: 36px;
}
#adv-chart3 .chart3-container .chart3-row .bar-container {
  background-color: #EDEDED;
}
#adv-chart3 .chart3-container .chart3-row .bar-container #overall-bar,
#adv-chart3 .chart3-container .chart3-row .bar-container #male-bar,
#adv-chart3 .chart3-container .chart3-row .bar-container #female-bar {
  position: absolute;
  height: 100%;
}
#adv-chart3 .chart3-container .chart3-row .bar-container #overall-bar {
  background-color: #6638BD;
}
#adv-chart3 .chart3-container .chart3-row .bar-container #male-bar {
  background-color: #008AD8;
}
#adv-chart3 .chart3-container .chart3-row .bar-container #female-bar {
  background-color: #E35500;
}
#adv-chart3 .chart3-container .chart3-row .bar-container p {
  text-align: right;
  padding-right: 8px;
}
#adv-chart3 .chart3-container .ratio-summary {
  background-color: #26418f;
  color: white;
  padding: 15px 20px;
}
#adv-chart3 .chart3-container .ratio-summary .ratio-girl,
#adv-chart3 .chart3-container .ratio-summary .ratio-boy {
  font-weight: bold;
  margin: 0 3px;
}
#adv-chart3 .chart3-container .ratio-summary .ratio-girl {
  border-bottom: #E35500 solid 3px;
}
#adv-chart3 .chart3-container .ratio-summary .ratio-boy {
  border-bottom: #008AD8 solid 3px;
}
#adv-chart5 .adv-state-img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
#adv-chart5 .adv-state-img-container .adv-state-img {
  margin: auto;
}
#adv-chart5 .adv-chart5-header {
  margin-bottom: 20px;
}
#adv-chart5 #chart5-container {
  text-align: center;
  height: 0;
  /* collapse the container's height */
  width: 90%;
  /* specify any width you want (a percentage value, basically) */
  /* apply a padding using the following formula */
  /* this formula makes sure the aspect ratio of the container equals that of the svg graphic */
  padding-top: 39%;
  position: relative;
  /* create positioning context for svg */
  margin: 0px auto 10px;
}
#adv-chart5 #chart5-container svg {
  position: absolute;
  top: 0;
  left: 0;
}
#adv-chart5 .adv-chart5-text {
  margin-bottom: 20px;
}
#adv-chart5 #adv-data-type-4 {
  margin-top: 5px;
}
#adv-chart5 .adv-selection-data-4 {
  margin-left: 15px;
}
#adv-chart5 .adv-selection-data-4 .adv-input input {
  margin-right: 8px;
  margin-top: 0;
}
#adv-chart5 .adv-selection-data-4 .adv-input select {
  margin-top: 5px;
}
#adv-chart5 .adv-selection-data-4 .adv-input span {
  vertical-align: middle;
}
@media (min-width: 992px) {
  #adv-chart5 .adv-selection-data-4-mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  #adv-chart5 .adv-state-img-container,
  #adv-chart5 .adv-br-desktop {
    display: none;
  }
  #adv-chart5 #chart5-container {
    width: 100%;
    padding-top: 43%;
  }
  #adv-chart5 .adv-br-c5-header {
    display: none;
  }
  #adv-chart5 .adv-selection-text {
    margin-bottom: 5px;
  }
  #adv-chart5 .adv-selection-data-4 {
    margin-bottom: 20px;
  }
  #adv-chart5 .adv-selection-data-4 .adv-input {
    margin-bottom: 5px;
  }
  #adv-chart5 .adv-selection-data-4 .adv-input select {
    margin-top: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #adv-chart5 .adv-state-img-container {
    height: 145px;
  }
  #adv-chart5 .adv-state-img-container .adv-state-img {
    max-height: 140px;
    max-width: 220px;
  }
  #adv-chart5 .adv-br-desktop {
    display: none;
  }
  #adv-chart5 .adv-br-c5-header {
    display: block;
  }
  #adv-chart5 .adv-selection-text {
    margin-bottom: 5px;
  }
  #adv-chart5 .adv-selection-data-4 {
    margin-bottom: 20px;
  }
  #adv-chart5 .adv-selection-data-4 .adv-input {
    margin-bottom: 5px;
  }
  #adv-chart5 .adv-selection-data-4 .adv-input select {
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  #adv-chart5 .adv-state-img-container {
    height: 185px;
  }
  #adv-chart5 .adv-state-img-container .adv-state-img {
    max-height: 160px;
    max-width: 240px;
  }
  #adv-chart5 .adv-br-desktop {
    display: none;
  }
  #adv-chart5 .adv-br-c5-header {
    display: block;
  }
  #adv-chart5 .adv-selection-text {
    margin-bottom: 5px;
  }
  #adv-chart5 .adv-selection-data-4 {
    margin-bottom: 20px;
  }
  #adv-chart5 .adv-selection-data-4 .adv-input {
    margin-bottom: 5px;
  }
  #adv-chart5 .adv-selection-data-4 .adv-input select {
    margin-top: 0px;
  }
}
@media (min-width: 1440px) {
  #adv-chart5 .adv-state-img-container {
    height: 265px;
  }
  #adv-chart5 .adv-state-img-container .adv-state-img {
    max-height: 230px;
    max-width: 320px;
  }
  #adv-chart5 .adv-br-desktop {
    display: none;
  }
  #adv-chart5 .adv-br-c5-header {
    display: none;
  }
}
#adv-chart6 .chart6-header {
  margin-bottom: 20px;
}
#adv-chart6 .chart6-subheader {
  margin-bottom: 10px;
}
#adv-chart6 .chart6-subheader2 {
  padding-bottom: 10px;
}
#adv-chart6 .chart6-container {
  margin-bottom: 5px;
  height: 0;
  /* collapse the container's height */
  width: 100%;
  /* specify any width you want (a percentage value, basically) */
  /* apply a padding using the following formula */
  /* this formula makes sure the aspect ratio of the container equals that of the svg graphic */
  padding-top: 12%;
  position: relative;
  /* create positioning context for svg */
}
#adv-chart6 .chart6-container svg {
  position: absolute;
  top: 0;
  left: 0;
}
#adv-chart6 .chart6-data {
  margin-bottom: 5px;
  font-size: 15px;
}
#adv-chart6 .chart6-data2 {
  margin-top: 5px;
}
@media (max-width: 1199px) {
  #adv-chart6 .chart6-data {
    font-size: 15px;
  }
  #adv-chart6 .chart6-data2 {
    margin-top: 0px;
  }
  #adv-chart6 .chart6-subheader3 {
    padding-top: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #adv-chart6 .chart6-data {
    font-size: 13px;
  }
}
#adv-chart7 .chart7-gray {
  font-weight: 300;
  background-color: #eff0ef;
  padding: 20px;
  color: black !important;
  position: relative;
  left: -15px;
  font-size: 20px;
}
#adv-chart7 .chart7-gray span {
  font-weight: bold;
  padding-bottom: 0.5px;
  border-bottom: 2px solid #26418f;
}
#adv-chart7 .chart7-container {
  margin-bottom: 20px;
  height: 0;
  /* collapse the container's height */
  width: 100%;
  /* specify any width you want (a percentage value, basically) */
  /* apply a padding using the following formula */
  /* this formula makes sure the aspect ratio of the container equals that of the svg graphic */
  padding-top: 68%;
  position: relative;
  /* create positioning context for svg */
}
#adv-chart7 .chart7-container svg {
  position: absolute;
  top: 0;
  left: 0;
}
#adv-chart7 .chart7-legend-container .chart7-legend {
  padding: 4.5px 0px 4.5px 10px;
  margin-bottom: 7.5px;
}
#adv-chart7 .chart7-legend-container .chart7-legend-1 {
  border-left: #f2f0f5 solid 50px;
}
#adv-chart7 .chart7-legend-container .chart7-legend-2 {
  border-left: #6d8bdb solid 50px;
}
#adv-chart7 .chart7-legend-container .chart7-legend-3 {
  border-left: #2e44ae solid 50px;
}
#adv-chart7 .chart7-desc-mobile {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  #adv-chart7 .chart7-desc-mobile {
    display: none;
  }
}
@media (max-width: 1199px) {
  #adv-chart7 .chart7-desc-desktop {
    display: none;
  }
  #adv-chart7 .chart7-legend {
    display: inline-block;
    margin-right: 10px;
  }
}
#adv-chart8 .chart8-container {
  height: 0;
  /* collapse the container's height */
  width: 90%;
  /* specify any width you want (a percentage value, basically) */
  /* apply a padding using the following formula */
  /* this formula makes sure the aspect ratio of the container equals that of the svg graphic */
  padding-top: 39%;
  position: relative;
  /* create positioning context for svg */
  margin: 0px auto 20px;
}
#adv-chart8 .chart8-container svg {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 991px) {
  #adv-chart8 .chart8-container {
    width: 100%;
    padding-top: 43%;
  }
}
#adv-chart9 .adv-collection-container {
  margin-bottom: 10px;
}
#adv-chart9 .adv-collection-container .adv-collection {
  text-align: center;
  font-size: 14px;
}
#adv-chart9 .adv-collection-container .adv-collection .adv-gathered-img {
  max-height: 90px;
  padding-bottom: 15px;
}
#adv-chart9 .adv-collection-container .adv-collection span {
  font-weight: bold;
}
#adv-chart9 .adv-text2 {
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  #adv-chart9 .adv-collection-container .adv-gathered-img {
    max-height: 60px !important;
    padding-bottom: 10px !important;
  }
}
#adv-chart10 .chart10-header-container {
  margin: 0 auto 2px;
  width: 80%;
}
#adv-chart10 .chart10-header-container .prevChart-heading {
  margin-bottom: 0px;
  text-align: left;
  font-size: 15px;
  display: inline-block;
}
#adv-chart10 .chart10-header-container .prevChart-heading-text {
  margin-bottom: 0px;
  display: inline-block;
  font-size: 15px;
  float: right;
}
#adv-chart10 .chart10-container {
  margin: 0 auto 10px;
  height: 0;
  /* collapse the container's height */
  width: 80%;
  /* specify any width you want (a percentage value, basically) */
  /* apply a padding using the following formula */
  /* this formula makes sure the aspect ratio of the container equals that of the svg graphic */
  padding-top: 10%;
  position: relative;
  /* create positioning context for svg */
}
#adv-chart10 .chart10-container svg {
  position: absolute;
  top: 0;
  left: 0;
}
#adv-chart10 .chart10-why {
  margin-top: 20px;
}
@media (max-width: 991px) {
  #adv-chart10 .chart10-header-container {
    margin: 0 auto;
    width: 100%;
  }
  #adv-chart10 .chart10-header-container .prevChart-heading {
    font-size: 14px;
  }
  #adv-chart10 .chart10-header-container .prevChart-heading-text {
    font-size: 14px;
    float: right;
  }
  #adv-chart10 .chart10-container {
    width: 100%;
    margin: 2px auto 10px;
    height: 0;
    /* collapse the container's height */
    /* specify any width you want (a percentage value, basically) */
    /* apply a padding using the following formula */
    /* this formula makes sure the aspect ratio of the container equals that of the svg graphic */
    padding-top: 12%;
    position: relative;
    /* create positioning context for svg */
  }
  #adv-chart10 .chart10-container svg {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #adv-chart10 .chart10-header-container {
    width: 100%;
  }
  #adv-chart10 .chart10-container {
    width: 100%;
    margin: 0 auto 10px;
    height: 0;
    /* collapse the container's height */
    /* specify any width you want (a percentage value, basically) */
    /* apply a padding using the following formula */
    /* this formula makes sure the aspect ratio of the container equals that of the svg graphic */
    padding-top: 12%;
    position: relative;
    /* create positioning context for svg */
  }
  #adv-chart10 .chart10-container svg {
    position: absolute;
    top: 0;
    left: 0;
  }
}