/*css code to override text color within conditional panel used for dataselection?/*

/*title text in sidepanel to black*/
.sidebar .instructions {
  color: black;
}

/*change select input controls and labels to black*/
.sidebar .control-label {
  color: black;
}

.sidebar .pretty p {
  color: black;
}

.sidebar .pretty .state label {
  color: black;
}

/*custom CSS for tab panels */
.nav-tabs > li > a {
  color: #024c63 !important;
}
.nav-tabs > li > a:hover {
  color: #024c63 !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #024c63 !important;
  font-weight: bold !important;
}
.tab-pane.active {
  background-color: white !important;
}

/*Bootstrap outline-color override*/
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline-color: #337ab7 !important;
}

/*Allows mod_main_page.R shinyWidgets::dropdownButton widgets to be displayed side-by-side */
.dropup, .dropdown {
  display: inline-block;
}

/*Re-centers modal containing shinyWidgets::radioGroupButtons button for font-sizes */
.form-group.shiny-input-container.shiny-input-radiogroup.shiny-input-container-inline {
  margin: auto;
}

/*Change background color of disabled shinyWidgets::pickerInput components on mod_main_submodule_dataselect.R */
.bootstrap-select>.dropdown-toggle.bs-placeholder {
  color: #727272;
  background-color: #FAFAFA;
}

/*TEST: Modify background color of shinyWidgets::pickerInput to be slightly lighter for improved contrast*/
.btn-default {
  background-color: #FAFAFA;
}

/*TEST: Modify btn-info background color for improved contrast*/
.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
  background-color: #0181A2;
  border-color: #0181A2;
}

/*Increases contrast to dropdown text*/
.dropdown-menu > li > a {
  color: #757575;
}

.dropdown-toggle {
  border: 1px solid #e3e5e7;
}

#footer {
  text-align: center;
}

#methods_card, #methods_card > .card-body {
  overflow: visible;
}

.no-caret .dropdown-toggle::after {
    display: none !important;
}


.credible-interval-caption {
  margin: 5px;
  font-size: 14px;
  font-weight: normal;
}

.observed_data_and_ci_toggles .form-group.shiny-input-container {
  margin-bottom: 0px !important;
}

.plot_title {
  font-weight: bold;
}

.shiny-spinner-output-container {
  position: relative;
}

.shiny-spinner-output-container .load-container {
  position: absolute !important;
  top: 10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.parameter-table-tabset-panel table {
  caption-side: top;
}

.parameter-table-tabset-panel table:first-child {
  margin-top: 12px;
}

#action_button_with_rerun_label {
  display: flex;
  align-items: center;
  gap: 10px;
}

#action_button_with_rerun_label button {
  display: flex;
  align-items: center;
  gap: 4px;
}

#input_console .control-label {
  font-weight: bold;
}

.width_limited_text_container {
  text-align: left;
  max-width: 1200px;
  width: 100%;
  align-self: center;
}