body {
  overflow: scroll;
  margin: 0;
  padding: 0;
  font-family: pragmatica, sans-serif;
  font-weight: 400;
  font-style: normal;
  height: 97vw;
}

#map { position: absolute; top: 0; bottom: 0; width: 100%; };

body * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a {
  color: #08c;
}

.map {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
#map_container {
  padding: 1rem;
  padding-bottom: 2rem;
}


@media only screen and (max-width: 600px) {

 #col_right, #results_summary_right, #btns_right {
   display: none;
 }
 #mobileNote {
   font-style: italic;
   display: inherit !important;
   padding-top: .5rem;
 }

}

#mobileNote {
  display: none;
}

a {
  color: #08c;
}

.dropdown-trigger {
  width: 100%;
  margin-bottom: .3rem;
  font-size: .9rem;
}

.title {
  font-family: pragmatica, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.btn, .btn-large, .btn-small {
  background-color: #0B2466;
}
.btn:hover, .btn-large:hover, .btn-small:hover {
  background-color: #234684;
}
.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
  background-color: #0B2466;
}
.dropdown-content li>a, .dropdown-content li>span {
  color: #0B2466;
  font-size: 1rem;
}

.jobEntry {
  padding-bottom: 1rem !important;
}

#instructions {
  padding-bottom: 2rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
}

#required_note {
  color: black;
  padding-bottom: 0.5rem;
  padding-left: 0.8rem;
  font-size: .8rem;
  text-align: right;
  padding-right: 1rem;
}

.title {
  padding-top: 1rem;
  padding-bottom: .3rem;
}

#sustained_title {
  padding-top: 2rem;
}

#hed {
  font-size: 1.5rem;
  font-style: normal;
  line-height: 1.8rem;
  font-family: pragmatica, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-left: 1rem;
}
#dek {
  font-size: 1.2rem;
  padding-bottom: 1rem;
  padding-top: 0.8rem;
  line-height: 1.3rem;
  font-family: pragmatica, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-left: 1rem;
}

#note {
  font-size: .8rem;
  font-style: italic;
  padding-top: 0rem;
  padding-left: 1rem;
}
#source {
  font-size: .8rem;
  padding-top: .5rem;
  padding-left: 1rem;
}

.bullet_symbol {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

#results_summary_left {
  font-family: pragmatica, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.6rem;
  font-size: 1.2rem;
}
#results_summary_right {
  font-family: pragmatica, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.6rem;
  font-size: 1.2rem;
}

#jobTitle {
  font-family: pragmatica, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0rem;
  padding-bottom: .5rem;
  line-height: 1.2rem;
}
#avg_wage {
  padding-left: 1.3rem;
  padding-top: 0.5rem;
}
.boldText {
  font-weight: 700;
  font-size: .9rem;
}

.dropdown-trigger-edu-left, .dropdown-trigger-edu-right, .dropdown-trigger-edu-left:focus, .dropdown-trigger-edu-right:focus {
  background-color: #3B67AD;
}

.redText {
  color: #C33623;
}

.barOuter {
  background-color: #e6e6e6;
  height: 2rem;
  border-radius: 5px;
  padding: 0rem !important;
}
.barInner {
  height: 2rem;
  width: 56%;
  background-color: #82C5E6;
  border-radius: 5px;
}
.barLine {
  height: 2rem;
  width: 11%;
  border-right: 3px solid #C64747;
  z-index: 3;
  float: left;
}
.barPercent {
  float: right;
  padding-top: 0.5rem;
  font-size: .8rem;
  padding-right: 0.3rem;
  font-family: pragmatica, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.linePercent {
  padding-left: calc(100% + 12px);
  font-size: .8rem;
  line-height: 2rem;
  color: #C64747;
}

#eyebrow {
  padding-left: 1rem;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .08rem;
  padding-bottom: 0.5rem;
}