html {
  font-size: 1rem;
  font-family: myriad-pro, sans-serif;
}
body {
  padding-left: 1%;
}
.minWidth {
  min-width: 395px !important;
}
.embargo {
  font-size: 2rem;
  background-color: grey;
  width: 100%;
  text-align: center;
}
#figureNumber {
  font-family: myriad-pro, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #051b32;
  text-transform: uppercase;
  letter-spacing: .1rem;
}
#tableTitle {
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  color: #051b32;
  line-height: 1.8rem;
  padding-top:.5rem;
  padding-bottom: .4rem;
}
#tableSubTitle {
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  color: #051b32;
}
#adjustedBtn {
  background-color: #bfccd9;
  color: #051b32;
}
#unadjustedBtn {
  background-color: #bfccd9;
  color: #051b32;
}
#adjustedBtn:hover {
  background-color: #132d48 !important;
  color: white;
}
#unadjustedBtn:hover {
  background-color: #132d48 !important;
  color: white;
}
.titleRow {
  padding-top: 1rem;
    margin-bottom: -.5rem;
}
.adjustedActive {
  background-color: #051b32 !important;
  border: none !important;
  color: white !important;
}
.adjustedActive:hover {
  background-color: #132d48 !important;
}
.unadjustedActive {
  background-color: #051b32 !important;
  border: none !important;
  color: white !important;
}
.unadjustedActive:hover {
  background-color: #132d48 !important;
}
.teacherSalaryBar1 {
  background-color: #051b32;
  color: transparent;
}
.teacherSalaryBar2 {
  background-color: #051b32;
  color: transparent;
}
.teacherSalary1 {
  color: #051b32;
}
.teacherSalary2 {
  color: #051b32;
}
.teacherSalaryTitle1 {
  display: inline-block;
  padding-left: 1rem;
}
.teacherSalaryTitle2 {
  display: inline-block;
  padding-left: 1rem;
}
.teacherSalaryTitle1:hover {
  cursor: pointer;
}
.teacherSalaryTitle2:hover {
  cursor: pointer;
}
.stateLabelTitle1:hover {
  cursor: pointer;
}
.stateLabelTitle2:hover {
  cursor: pointer;
}
.row .col.s12 {
  margin-bottom: 2px;
}
.legCircle {
  background-color: #40668C;
  border-radius: 22px;
  width: 24px;
  text-align: center;
  color: white;
}
.teacherCircle {
  background-color: #678C66;
  border-radius: 22px;
  width: 24px;
  text-align: center;
  color: white;
}
.otherCircle {
  background-color: #C29A62;
  border-radius: 22px;
  width: 24px;
  text-align: center;
  color: white;
}
.teacherSalaryBar1 {
    margin-right: .4rem;
}
.teacherSalaryBar2 {
    margin-right: .4rem;
}
.stateLabel1 {
    text-align: right;
}
.stateLabelTitle1 {
    text-align: left;
    display: inline-block;
}
.stateLabel2 {
    text-align: right;
}
.stateLabelTitle2 {
    text-align: left;
    display: inline-block;
}
.underline {
  text-decoration: underline;
  font-weight: 600;
}
.btn, .btn-large, .btn-flat {
    border-radius: 2px;
    height: 2rem;
    line-height: 2rem;
    padding: 0 1.5rem;
}
.legendCircle {
  border-radius: 22px;
  height: 23px;
  max-width: 25px;
  line-height: 22px;
  width: 23px !important;
  color: white;
  text-align: left;
  padding: 0 .4rem !important;
  text-align: center;
}
.legendCircleGreen {
  background-color: #678C66;
}
.legendCircleBlue {
  background-color: #40668C;
}
.legendCircleTan {
  background-color: #C29A62;
}
.legendRow {
    margin-bottom: .5rem;
    margin-bottom: .5rem;
    width: 25%;
    display: inline-block;
}
.legendContainer {
  padding-top: 1.5rem;
}
.teacherAction {
  width: 2rem !important;
}
.legislativeAction {
  width: 2rem !important;
}
.otherAction {
  width: 2rem !important;
}
.footer {
  font-size: .8rem;
}

@media screen and (min-width: 600px) {
  body {
    max-width: 900px;
    margin: auto;
  }

}

@media screen and (max-width: 559px) {
  .bar {
      width: 62% !important;
  }
  .legendRow {
    display: block;
    width: 60%;
  }
  .legendText {
    margin-bottom:.5rem;
  }
}