#loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("http://i.stack.imgur.com/MnyxU.gif");
    background-repeat: no-repeat;
    background-position: center;
}
#loading2 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("http://i.stack.imgur.com/MnyxU.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.loadingOff {
  display: none;
}

body {
  font: 10px sans-serif;
  overflow: visible;
  font-family: open-sans, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  padding-bottom: .5rem;
}
.collapsible-header {
  font-family: roboto-slab, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  border-bottom: 1px solid black;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#globalDropdown {
  width: 46vw;
  display: inline-block;
}
#expandCloseAllContainer {
  display: inline-block;
  float: right;
}
.btn, .btn-large, .btn-small {
  background-color: #183c75 !important;
}
.collapse-all {
  background-color: #9eb9e4 !important;
  float: right;
  margin-bottom: 1rem;
}
.collapse-this {
  float: right;
  margin-left: .5rem;
  margin-bottom: 1rem;
}
.collapsible-body {
  display: block !important;
  padding: 0rem .2rem;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.footnoteFigureText {
  font-size: .8rem;
  padding-top: .7rem;
}
.expand {
  max-height: 50000px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#demographicHeader {
  padding: 1rem .2rem;
}
#demographicHeaderText {
  padding-bottom: .5rem;
  font-size: 1.1rem;
}
#interactionNote {
  font-style: italic;
}
iframe {
  margin-top: 1rem;
}
select {
  border: 2px solid black;
  margin-bottom: 1rem;
  padding: 0px 7px;
  height: 2.5rem;
  outline: 0px;
}
.questionContainer {
  padding-top: 2rem;
}
.questionHeader {
  padding-bottom: 1rem;
  font-size: 1.2rem;
}
.questionDisplay {
    display: inline-block;
    position: relative;
    width: 100vw;
    height: 54vw;
    margin: auto;
    margin-left: -5vw;
    vertical-align: top;
    overflow: visible;
}
.questionFigure {
  padding-bottom: 3rem;
}
.figureSize {
  display: inline-block;
  height: 100%;
  width: 90%;
  margin: auto;
  top: 0;
  left: 0;
}
.sectionTitle {
  display: inline-block;
  width: 75vw;
  line-height: 1.8rem;
}
.footnoteNumeral {
  color: #235EBD;
  vertical-align: super;
  font-size: .8rem;
}
.dotContainer {
  display: inline-block;
  float: left;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.axis path, .axis line {
  display: none;
}

.bar {
  fill: steelblue;
}

.x.axis path {
  display: none;
}

select {
  display: inherit !important;
  width: auto;
}

path.slice{
	stroke-width:2px;
}

polyline{
	opacity: .3;
	stroke: black;
	stroke-width: 2px;
	fill: none;
}
svg:not(:root) {
    overflow: visible;
}
.dot {
  height: 1rem;
  width: 1rem;
  border-radius: 1rem;
  margin-top: .5rem;
  margin-right: .5rem;
  display: inline-block;
}
.figureSize {

}

.footnoteText li {
    list-style-type: disc !important;
    margin-left: 2rem !important;
}


#question46, #figure46Container, #question47, #figure47Container, #question7, #figure7Container {
  display: none;
}


#dot1 {
  background-color: #2196F3;
}
#dot2 {
  background-color: #009688;
}
#dot3 {
  background-color: #C62828;
}
#dot4 {
  background-color: #FBC02D;
}
#dot5 {
  background-color: #673AB7;
}
#dot6 {
  background-color: #388E3C;
}
#dot7 {
  background-color: #00ACC1;
}
#dot8 {
  background-color: #FF9800;
}
#dot9 {
  background-color: #D81B60;
}
#dot10 {
  background-color: #3F51B5;
}

.collapsible {
    border-top: 0px solid #ddd;
    border-right: 0px solid #ddd;
    border-left: 0px solid #ddd;
    margin: .5rem 0 1rem 0;
}
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
    -webkit-box-shadow: 0 0px 0px 0 rgb(0 0 0 / 14%), 0 0px 0px 0px rgb(0 0 0 / 12%), 0 0px 0px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 14%), 0 0px 0px 0px rgb(0 0 0 / 12%), 0 0px 0px 0 rgb(0 0 0 / 20%);
}

.transparent {
  fill: rgba(0,0,0,0) !important;
  filter: drop-shadow(rgba(0, 0, 0, 0) 1px 2px 0.4rem) !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


#section1 .boxNo, #section2 .boxNeverdone, #section2 .boxNo, #section3 .boxNo, #section4 .boxNeverdone, #section4 .boxNo, #section5 .boxNeverdone, #section7 .boxNo, #section7 .boxNeverdone, #section8 .boxNo, #section9 .boxNo, #section6 .boxNo, #section5 .boxNo, #section3 .boxNotatall, #section4 .boxNotdifficulttofindanalternativelocation, #section5 .boxNotatall, #section6 .boxNotatall, #section6 .boxNotdifficulttofindanalternativelocation, #section7 .boxBachelorsdegreeorabove, #section7 .boxNotatall, #section8 .boxNotdifficulttofindanalternativelocation, #section9 .boxNotatall {
  fill: #E5E5E5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section1 .percentYes, #section2 .percentYes, #section2 .percentDone, #section3 .percentYes, #section4 .percentYes, #section4 .percentDone, #section5 .percentYes, #section6 .percentYes, #section7 .percentYes, #section8 .percentYes, #section5 .percentDone, #section7 .percentDone, #section9 .percentYes, #section3 .percentAlittle, #section3 .percentSeveraldays, #section3 .percentSlightly, #section3 .percentSome, #section3 .percentMorethanhalfthedays, #section3 .percentModerately, #section4 .percentNotpossibletofindanalternativelocation, #section4 .percentVerydifficulttofindanalternativelocation, #section4 .percentSomewhatdifficulttofindanalternativelocation, #section5 .percentModerately, #section5 .percentSlightly, #section6 .percentModerately, #section6 .percentVerydifficulttofindanalternativelocation, #section6 .percentSlightly, #section6 .percentSomewhatdifficulttofindanalternativelocation, #section7 .percentNohighschooldiploma, #section7 .percentToasignificantdegree, #section7 .percentHighschoolgraduateorequivalent, #section7 .percentModerately, #section7 .percentSomecollege, #section7 .percentSlightly, #section8 .percentNotpossibletofindanalternativelocation, #section8 .percentVerydifficulttofindanalternativelocation, #section8 .percentSomewhatdifficulttofindanalternativelocation, #section9 .percentModerately, #section9 .percentSlightly, #section4 .percentMilitaryTRICAREVAothermilitary, #section4 .percentMedicare, #section4 .percentUninsured, #section4 .percentMedicaid, #section4 .percentNongrouphealthcoverage, #section4 .percentEmployer-based, #section5 .percentUnemployed, #section5 .percentNotinlaborforce, #section5 .percent25000to35000, #section5 .percentLessthan25000, #section3 .percentNotatall, #section4 .percentNotdifficulttofindanalternativelocation, #section5 .percentNotatall, #section6 .percentNotatall, #section6 .percentNotdifficulttofindanalternativelocation, #section7 .percentBachelorsdegreeorabove, #section7 .percentNotatall, #section8 .percentNotdifficulttofindanalternativelocation, #section9 .percentNotatall {
  fill: #000;
  filter: drop-shadow(rgba(255, 255, 255, 0.6) 1px 2px 0.4rem);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#section5 .percentEmployed, #section5 .percent200000ormore, #section5 .percent150000to200000, #section5 .percent100000to150000, #section5 .percent75000to100000, #section5 .percent50000to75000, #section5 .percent35000to50000, #section3 .percentAlot, #section3 .percentNearlyeveryday, #section3 .percentToasignificantdegree, #section5 .percentToasignificantdegree, #section6 .percentToasignificantdegree, #section6 .percentNotpossibletofindanalternativelocation, #section9 .percentToasignificantdegree {
  fill: #fff;
  filter: drop-shadow(rgba(0, 0, 0, 0.6) 1px 2px 0.4rem);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#section1 .percentNo, #section2 .percentNo, #section2 .percentNeverdone, #section3 .percentNo, #section4 .percentNo, #section4 .percentNeverdone, #section5 .percentNo, #section5 .percentNeverdone, #section6 .percentNo, #section7 .percentNo, #section7 .percentNeverdone, #section8 .percentNo, #section9 .percentNo {
  fill: rgba(0,0,0,0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#section1 .boxYes {
  fill: #2196F3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section2 .boxDone, #section2 .boxYes {
  fill: #009688;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section4 .boxDone, #section4 .boxYes {
  fill: #FBC02D;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section5 .boxYes, #section5 .boxDone {
  fill: #673AB7;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section6 .boxYes {
  fill: #388E3C;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section7 .boxYes, #section7 .boxDone {
  fill: #00ACC1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section8 .boxYes {
  fill: #FF9800;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section9 .boxYes {
  fill: #EC407A;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


#section3 .boxAlot, #section3 .boxNearlyeveryday, #section3 .boxToasignificantdegree {
  fill: #C62828;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section3 .boxSome, #section3 .boxMorethanhalfthedays, #section3 .boxModerately {
  fill: #E57373;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section3 .boxAlittle, #section3 .boxSeveraldays, #section3 .boxSlightly {
  fill: #FFCDD2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


#section4 .boxNotpossibletofindanalternativelocation {
  fill: #FBC02D;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section4 .boxVerydifficulttofindanalternativelocation, #section4 .boxNongrouphealthcoverage {
  fill: #FFD54F;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section4 .boxSomewhatdifficulttofindanalternativelocation, #section4 .boxEmployer-based {
  fill: #FFECB3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


#section4 .boxMilitaryTRICAREVAothermilitary {
  fill: #FF8F00;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section4 .boxMedicare {
  fill: #FFB300;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section4 .boxUninsured {
  fill: #FFC107  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section4 .boxMedicaid {
  fill: #FFE082  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


#section5 .boxToasignificantdegree, #section5 .boxEmployed {
  fill: #673AB7  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section5 .boxModerately, #section5 .boxUnemployed {
  fill: #9575CD  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section5 .boxSlightly, #section5 .boxNotinlaborforce {
  fill: #D1C4E9  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#section5 .box200000ormore {
  fill: #311B92  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section5 .box150000to200000 {
  fill: #4527A0  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section5 .box100000to150000 {
  fill: #512DA8  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section5 .box75000to100000 {
  fill: #673AB7  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section5 .box50000to75000 {
  fill: #7E57C2  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section5 .box35000to50000 {
  fill: #9575CD  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section5 .box25000to35000 {
  fill: #B39DDB  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section5 .boxLessthan25000 {
  fill: #D1C4E9  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


#section6 .boxToasignificantdegree, #section6 .boxNotpossibletofindanalternativelocation {
  fill: #388E3C  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section6 .boxModerately, #section6 .boxVerydifficulttofindanalternativelocation {
  fill: #81C784  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section6 .boxSlightly, #section6 .boxSomewhatdifficulttofindanalternativelocation {
  fill: #C8E6C9  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#section7 .boxNohighschooldiploma, #section7 .boxToasignificantdegree {
  fill: #00ACC1  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section7 .boxHighschoolgraduateorequivalent, #section7 .boxModerately {
  fill: #4DD0E1  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section7 .boxSomecollege, #section7 .boxSlightly {
  fill: #B2EBF2  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#section8 .boxNotpossibletofindanalternativelocation {
  fill: #FF9800  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section8 .boxVerydifficulttofindanalternativelocation {
  fill: #FFB74D  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section8 .boxSomewhatdifficulttofindanalternativelocation {
  fill: #FFE0B2  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#section9 .boxToasignificantdegree {
  fill: #D81B60  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section9 .boxModerately {
  fill: #F06292  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section9 .boxSlightly {
  fill: #F8BBD0  ;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


#section1 select:focus {
  box-shadow: 0 0 1px 2px #2196F3;
}
#section2 select:focus {
  box-shadow: 0 0 1px 2px #009688;
}
#section3 select:focus {
  box-shadow: 0 0 1px 2px #C62828;
}
#section4 select:focus {
  box-shadow: 0 0 1px 2px #FBC02D;
}
#section5 select:focus {
  box-shadow: 0 0 1px 2px #673AB7;
}
#section6 select:focus {
  box-shadow: 0 0 1px 2px #388E3C;
}
#section7 select:focus {
  box-shadow: 0 0 1px 2px #00ACC1;
}
#section8 select:focus {
  box-shadow: 0 0 1px 2px #FF9800;
}
#section9 select:focus {
  box-shadow: 0 0 1px 2px #D81B60;
}

rect {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.brighten {
  filter: brightness(115%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.grey {
  filter: grayscale(100%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


.s {
  width:15px;
  height:4px;
  display:inline-block;
  border-radius:2px;
  background-color: #252525;
  position:relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#arrow #s1 {
  transform:rotate(45deg) translate(0px, 1px);
  z-index:100;
  margin-left:0;
  background-color: #252525;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#arrow #s2 {
  transform:rotate(-45deg) translate(0px, 1px);
  z-index:200;
  margin-left:-7px;
  background-color: #252525;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.expand-arrow {
  display: inline-block;
  float: right;
  font-weight: bold;
  padding: 0rem 2rem;
}
.close1 {
  transform:rotate(-45deg) translate(0px, -1px) !important;
  transition:all 0.3s ease-out !important;
}
.close2 {
  transform:rotate(45deg) translate(0px, -1px) !important;
  transition:all 0.3s ease-out !important;
}

#methodologyHeader {
  font-family: roboto-slab, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  display: block;
  padding-top: 2rem;
}
b {
  font-weight: 600;
}
#footnotes {
  font-size: .7rem;
}
#footnoteLine {
  height: 2rem;
  border-bottom: solid 1px black;
  width: 30%;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 600px) {
  .questionDisplay {
      height: 67vw;
      margin: auto;
      margin-left: -3vw;
  }
  .sectionTitle {
    display: inline-block;
    width: 63vw;
    line-height: 1.8rem;
  }
}
