﻿@media (max-width: 800px) {
  header > section.top nav {
    width: 320px;
  }
  header > section.top nav > ul > li > a {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.importantInformation {
  width: 940px;
  margin: auto;
  margin-top: 1em;
}
@media (max-width: 960px) {
  .importantInformation {
    width: auto;
  }
}

#importantInformationBlock {
  font-size: 12pt;
  margin-bottom: 1em;
}

.importantInfoIconAndHeader {
  display: table-cell;
}
.importantInfoIconAndHeader > img {
  display: inline;
  vertical-align: middle;
}
.importantInfoIconAndHeader > h1 {
  display: inline-block;
  font-size: 20pt;
  margin: 0;
  vertical-align: middle;
  font-weight: bold;
}

.importantInfoContent {
  margin-left: 55px;
}
@media (max-width: 960px) {
  .importantInfoContent {
    margin: 0 1em;
  }
}

#mainenanceInformationBlock {
  font-size: 12pt;
}

.formRow {
  margin-top: 1em;
}
.formRow > p {
  margin: 0;
}
.formRow input, .formRow textarea, .formRow select {
  padding: 10px 5px;
  width: 100%;
  box-sizing: border-box;
}
.formRow .field-validation-error {
  color: #d00000;
  font-weight: bold;
}
.formRow.submitWrap {
  text-align: right;
}

.info {
  padding: 10px 20px;
  background-color: #3661f4;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
}
.info > img {
  display: inline-block;
  margin-right: 10px;
  height: 24px;
}

.columns {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

html {
  background: url("images/footer.png");
}

.content .deploymentCorodinator {
  width: 100%;
  min-height: 430px;
  margin-bottom: 50px;
}
@media (max-width: 800px) {
  .content .deploymentCorodinator h1 {
    font-size: 6.8vw;
  }
}
.content .deploymentCorodinator h2 {
  margin-bottom: 1em;
}
@media (max-width: 600px) {
  .content .deploymentCorodinator h2 {
    font-size: 5vw;
  }
}
.content .deploymentCorodinator .zipinput {
  text-align: center;
  width: 14em;
}
@media (max-width: 800px) {
  .content .deploymentCorodinator .zipinput {
    width: 100%;
  }
}
.content .deploymentCorodinator .zipinput span {
  display: block;
  text-align: left;
}
.content .deploymentCorodinator .zipinput input {
  font-size: 1.2em;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  /* Get rid of Chrome's spinner */
}
.content .deploymentCorodinator .zipinput input::-webkit-outer-spin-button, .content .deploymentCorodinator .zipinput input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.content .deploymentCorodinator .profilePanel {
  font-size: 2em;
}
@media (max-width: 600px) {
  .content .deploymentCorodinator .profilePanel {
    text-align: center;
  }
}
.content .deploymentCorodinator .profilePanel .coordinatorDetails, .content .deploymentCorodinator .profilePanel img {
  float: left;
}
@media (max-width: 600px) {
  .content .deploymentCorodinator .profilePanel .coordinatorDetails, .content .deploymentCorodinator .profilePanel img {
    float: none;
  }
}
.content .deploymentCorodinator .profilePanel .coordinatorDetails {
  width: 12em;
  margin-left: 1em;
}
.content .deploymentCorodinator .profilePanel .coordinatorDetails::after {
  clear: both;
  content: "";
  display: table;
}
@media (max-width: 600px) {
  .content .deploymentCorodinator .profilePanel .coordinatorDetails {
    text-align: left;
    margin-top: 0.5em;
  }
}
.content .deploymentCorodinator .profilePanel img {
  max-width: 200px;
}
@media (max-width: 200px) {
  .content .deploymentCorodinator .profilePanel img {
    max-width: 100vw;
  }
}
.content .deploymentCorodinator .profilePanel h3 {
  margin: 0;
  font-size: 34px;
}
.content .deploymentCorodinator .profilePanel p {
  margin: 10px 0;
}
.content .deploymentCorodinator .fa {
  margin-left: 0.25em;
}
.content .deploymentCorodinator #noResultsWarning .fa {
  color: #0985b7;
}
.content .deploymentCorodinator #dcError .fa {
  color: #d00c0c;
}

.usage-stats {
  clear: both;
  position: relative;
  width: 100% !important;
  opacity: 0;
}
.usage-stats h3 {
  font-size: 20px;
  display: inline-block;
  padding-right: 40px;
  margin-bottom: 5px;
}
.usage-stats p {
  font: 300 1.385em "Signika", sans-serif;
  border: solid 1px #ccc;
  font-size: 14px;
  float: left;
  width: 48%;
  position: relative;
  text-align: center;
}
.usage-stats p:first-of-type {
  margin-right: 2%;
}
@media (max-width: 800px) {
  .usage-stats p {
    float: none;
    width: 94%;
    margin-right: 0px;
    background-color: #fff;
  }
}
.usage-stats .label {
  display: inline-block;
  background-color: #333;
  color: #fff;
  padding: 2px 0px;
  width: 10em;
  font-size: 1.4em;
}
.usage-stats .counter {
  font-weight: bold;
  font-size: 4em;
  margin: 0.25em 0;
  display: inline-block;
  color: #008847;
  letter-spacing: -0.035em;
  line-height: 40px;
}
.usage-stats em {
  font-size: 12px;
  color: #666;
  padding-bottom: 10px;
  display: inline-block;
}

.signUpForm .twoCol:after {
  content: "";
  display: table;
  clear: both;
}
.signUpForm .twoCol > div {
  margin-top: 1em;
  box-sizing: border-box;
  width: 33%;
  float: left;
}
.signUpForm .twoCol > div:nth-child(2) {
  padding-left: 1%;
}
@media (max-width: 600px) {
  .signUpForm .twoCol > div {
    width: 100%;
    float: none;
  }
}
.signUpForm .submitWrap {
  margin-bottom: 2em;
}
@media (max-width: 600px) {
  .signUpForm .submitWrap {
    text-align: center;
  }
  .signUpForm .submitWrap button {
    width: 50%;
    height: 64px;
  }
}

.textAlignCenter {
  text-align: center;
}

.toggleContainer {
  margin: 0 auto;
}
.toggleContainer label.checkbox {
  /* Reset the styles that are declared globally  */
  display: inline;
  float: none;
  clear: none;
  height: auto;
  padding-left: 0;
  background: none;
  line-height: normal;
  vertical-align: baseline;
  /* /Reset the styles that are declared globally  */
}
.toggleContainer label.switch {
  display: inline-block;
  height: 51px;
  position: relative;
  width: 90px;
}
.toggleContainer label.switch input {
  /* Reset the styles that are declared globally  */
  float: none;
  clear: none;
  overflow: hidden;
  height: auto;
  padding-left: 0;
  line-height: normal;
  vertical-align: baseline;
  /* /Reset the styles that are declared globally  */
  display: none;
}
.toggleContainer label.switch input:checked ~ .toggleSlider {
  background-color: #008847;
}
.toggleContainer label.switch input:checked ~ .toggleSlider:before {
  transform: translateX(39px);
}
.toggleContainer label.switch .toggleSlider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition-duration: 0.4s;
  transition-property: background-color;
}
.toggleContainer label.switch .toggleSlider:before {
  background-color: #fff;
  bottom: 6px;
  content: "";
  height: 39px;
  left: 6px;
  position: absolute;
  transition: 0.4s;
  width: 39px;
}
.toggleContainer label.switch .toggleSlider.round {
  border-radius: 51px;
}
.toggleContainer label.switch .toggleSlider.round:before {
  border-radius: 50%;
}

@media (max-width: 980px) {
  .slider11, .content, body.color-green footer {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 400px) {
  .slider11, .content, body.color-green footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.footerImageFrame {
  padding: 5px;
  border-radius: 5px;
  display: inline-block;
  margin: 5px;
}

/* Supports /Map */
.select2.select2-container--open {
  outline: double 6px #f4bc36;
  outline-offset: 2px;
}
.select2 .selection .select2-selection {
  border-radius: 2px;
  height: auto;
  padding: 10px 3%;
  padding-right: 20px;
  border: 1px solid #ccc;
}
.select2 .selection .select2-selection .select2-selection__arrow {
  top: 5px;
}
.select2 .selection .select2-selection .select2-selection__rendered {
  color: #757575;
  font-weight: normal;
  line-height: normal;
  padding: 0;
}

.select2-results__options li {
  margin: 0;
  color: #3f3f3f;
}

#reactContainer {
  margin-bottom: 25px;
}
#reactContainer span.select2-selection__placeholder {
  color: black;
}
#reactContainer .mapError {
  border-bottom: 10px solid #bb0606;
  margin-bottom: 20px;
}
#reactContainer .mapError .importantInfoIconAndHeader h1 {
  color: #bb0606;
}
#reactContainer .mapError .importantInfoContent {
  font-weight: bold;
}
#reactContainer .mapLoading {
  overflow: hidden;
}
#reactContainer .hieGoogleMap {
  height: 400px;
  width: 100%;
  /* Undo global button style */
}
#reactContainer .hieGoogleMap button {
  box-shadow: none;
}
#reactContainer .hieGoogleMap .gm-style .gm-style-iw-c {
  /* Undo default Google style because we're going to override it below*/
  padding: 0;
}
#reactContainer .hieGoogleMap .gm-style .gm-style-iw-c button img {
  /* Make the corner close X button more visible */
  /* Have to override style on the element */
  background: white !important;
}
#reactContainer .hieGoogleMap .gm-style .gm-style-iw-c .gm-style-iw-d {
  /* Have to override style on the element */
  overflow: hidden !important;
}
#reactContainer .hieGoogleMap .infoWindowContent .infoWindowContentTitle {
  background: #008847;
  padding: 12px 0 5px 12px;
  color: white;
  font-weight: 500;
}
#reactContainer .hieGoogleMap .infoWindowContent .infoWindowContentPadding {
  margin: 12px;
}
#reactContainer .filter .filterLine {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#reactContainer .filter .filterLine > label {
  width: 30%;
}
#reactContainer .filter .filterLine > label > input, #reactContainer .filter .filterLine > label select {
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 480px) {
  #reactContainer .filter .filterLine {
    flex-direction: column;
  }
  #reactContainer .filter .filterLine > label {
    width: 100%;
  }
}
#reactContainer .filter h3 {
  border-bottom: solid 2px #f4bc36;
  padding-bottom: 5px;
  font-size: 1.3em;
  margin: 1em 0 0.5em;
}
#reactContainer .filter .participatingAndContributing > label {
  display: inline-block;
  margin-right: 25px;
}
#reactContainer .filter .participatingAndContributing > label > span {
  margin-left: 8px;
}
#reactContainer .filter .selectAllButtonContainer {
  text-align: right;
  margin-bottom: 0.25em;
}
#reactContainer .filter .selectAllButtonContainer .selectAllButton {
  padding: 5px 10px;
  font-size: 0.85em;
  line-height: normal;
  height: auto;
}
#reactContainer .filter .serviceTypes {
  display: flex;
  flex-wrap: wrap;
}
#reactContainer .filter .serviceTypes label {
  width: 25%;
}
@media (max-width: 910px) {
  #reactContainer .filter .serviceTypes label {
    width: 33%;
  }
}
@media (max-width: 700px) {
  #reactContainer .filter .serviceTypes label {
    width: 50%;
  }
}
@media (max-width: 480px) {
  #reactContainer .filter .serviceTypes label {
    width: 100%;
  }
}
#reactContainer .filter .serviceTypes label > span {
  margin-left: 8px;
}
#reactContainer .filter .actionButtonContainer {
  text-align: right;
}
#reactContainer .filter .actionButtonContainer button {
  display: inline-block;
  margin-left: 0.5em;
  text-shadow: black 0 0 3px;
}
#reactContainer table {
  margin-top: 1.5em;
}
#reactContainer table caption {
  text-align: left;
  border-bottom: solid 2px #f4bc36;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
#reactContainer table caption > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#reactContainer table caption > div > span.title {
  font: 300 2.154em "Signika", sans-serif;
  font-size: 1.5em;
}
#reactContainer table thead {
  background: #008847;
  color: white;
}
#reactContainer table thead td:nth-child(1) {
  width: 25%;
}
#reactContainer table thead td:nth-child(2) {
  width: 24%;
}
#reactContainer table thead td:nth-child(3) {
  width: 24%;
}
#reactContainer table thead td:nth-child(4) {
  width: 12%;
}
#reactContainer table thead td:nth-child(5) {
  width: 15%;
}
#reactContainer table tbody tr {
  color: black;
}
@media (max-width: 560px) {
  #reactContainer table td:nth-child(4) {
    display: none;
  }
}
@media (max-width: 430px) {
  #reactContainer table td:nth-child(2) {
    display: none;
  }
}
@media (max-width: 330px) {
  #reactContainer table td:nth-child(3) {
    display: none;
  }
}
#reactContainer .paginationContainer {
  text-align: right;
}
#reactContainer .paginationContainer button {
  display: inline-block;
  margin-left: 0.5em;
  text-shadow: black 0 0 3px;
}
#reactContainer .paginationContainer button {
  font-size: 1.7em;
}
#reactContainer .clickable {
  display: inline;
  height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  filter: 0;
  color: black;
  font-family: unset;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  line-height: normal;
  text-shadow: unset;
  text-transform: none;
  box-shadow: none;
  vertical-align: text-bottom;
  text-align: left;
  color: #00522a;
}
#reactContainer .clickable:hover, #reactContainer .clickableactive {
  text-decoration: underline;
}

header.h8 nav.mainmenu > ul > li.orange-highlight > a {
  color: white;
  background-color: #ff6633;
}

header.h8 nav.mainmenu > ul > li.current-menu-item.orange-highlight > a, header.h11 nav.mainmenu > ul > li.orange-highlight > a:hover, header.h11 nav.mainmenu > ul > li.orange-highlight:hover > a {
  color: white;
  background-color: #ff6633;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///D:/VSO%2520Git/RHIO%2520Public%2520Provider%2520Portal/RHIO%2520Public%2520Provider%2520Portal/Styles/CustomStyles.scss%22,%22file:///D:/VSO%2520Git/RHIO%2520Public%2520Provider%2520Portal/RHIO%2520Public%2520Provider%2520Portal/Styles/_Global.scss%22,%22file:///D:/VSO%2520Git/RHIO%2520Public%2520Provider%2520Portal/RHIO%2520Public%2520Provider%2520Portal/Styles/bourbon/css3/_flex-box.scss%22,%22file:///D:/VSO%2520Git/RHIO%2520Public%2520Provider%2520Portal/RHIO%2520Public%2520Provider%2520Portal/Styles/bourbon/addons/_prefixer.scss%22,%22file:///D:/VSO%2520Git/RHIO%2520Public%2520Provider%2520Portal/RHIO%2520Public%2520Provider%2520Portal/Styles/bourbon/addons/_clearfix.scss%22,%22file:///D:/VSO%2520Git/RHIO%2520Public%2520Provider%2520Portal/RHIO%2520Public%2520Provider%2520Portal/Styles/DataContributors.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%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%22%7D */