/* Addresses header tab contrast issue: Background and foreground colors do not have a sufficient contrast ratio. */
.navbar-default .navbar-nav>li>a {
    color: #717171;
}

/*Removes empty <a> tag from title*/
#topbar > li:nth-child(1) > a {
    display: none;
}

span.help-block {
    color: #707070;
}

.irs--shiny .irs-from, .irs--shiny .irs-to, .irs--shiny .irs-single {
    background-color: #1c74bf;
}

.checkbox, .radio {
    padding: 5px;
}

/*Accomodates requirement: Touch targets do not have sufficient size or spacing.*/
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: -30px;
}

/*Accomodates requirement: Touch targets do not have sufficient size or spacing.*/
.checkbox > label > span {
    font-size: 18px;
}

/* Label-first toggle row: label text on left, switch on right */
.hydro-switch-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
}

.hydro-switch-label {
    flex: 1;
    min-width: 0;
    font-weight: normal;
    margin: 0;
    cursor: pointer;
    white-space: normal;
}

/* Override Shiny's default width: 100% so the toggle doesn't wrap to a new line */
.hydro-switch-row .shiny-input-container {
    width: auto;
    margin-bottom: 0;
    flex-shrink: 0;
}

/* Allow the prettySwitch label text to wrap; padding-left keeps all wrapped
   lines indented past the toggle (text-indent only affects the first line) */
.hydro-switch-row .pretty.p-switch {
    white-space: normal !important;
}

.hydro-switch-row .pretty.p-switch .state label {
    white-space: normal !important;
    display: block;
    text-indent: 0;
    padding-left: 2.5em;
}

.pretty.p-switch .state:before {
  top: unset;
}

.pretty .state label:after, .pretty .state label:before {
  top: 0;
}

*:focus {
  outline: 2px solid #1976d2 !important;
  outlineOffset: 2px !important;
}