.dash-bootstrap .form-group > div {
  display: block !important;
}

.dash-bootstrap.form-group > div {
  display: block !important;
}

.dash-bootstrap .VirtualizedSelectOption {
  height: calc(1.5em + 0.75rem) !important;
  padding-left: 0.75rem;
}

.dash-bootstrap .VirtualizedSelectFocusedOption {
  background-color: rgba(44, 62, 80, 0.1) !important;
}

.dash-bootstrap .rc-slider {
  height: 0.5rem;
  padding: 0;
}

.dash-bootstrap .rc-slider-handle {
  border: 0;
  width: 1rem;
  height: 1rem;
  margin-top: calc( (0.5rem - 1rem) / 2);
  margin-left: -0.5rem;
  background-color: #2c3e50;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .dash-bootstrap .rc-slider-handle {
    transition: none;
  }
}

.dash-bootstrap .rc-slider-handle:focus {
  outline: 0;
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.dash-bootstrap .rc-slider-rail {
  background-color: #dee2e6;
  height: 0.5rem;
  border-radius: 1rem;
}

.dash-bootstrap .rc-slider-track {
  background-color: #808b96;
  height: 0.5rem;
  border-radius: 1rem;
}

.dash-bootstrap .rc-slider-step {
  height: 0.5rem;
}

.dash-bootstrap .rc-slider-dot {
  border: 0;
  background-color: #dee2e6;
  bottom: calc( (0.5rem - 1rem) / 2 + 2px);
  margin-left: -0.5rem;
  height: calc(1rem - 4px);
  width: calc(1rem - 4px);
}

.dash-bootstrap .rc-slider-dot.rc-slider-dot-active {
  background-color: #808b96;
}

.dash-bootstrap .rc-slider-mark-text {
  color: #95a5a6;
}

.dash-bootstrap .rc-slider-mark-text.rc-slider-mark-text-active {
  color: #343a40;
}

.map-accordion-body-padding .accordion-body {
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
}

.map-accordion-body-padding .accordion-button {
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
}

.help-accordion-padding .accordion-button {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.nav-pills .nav-link.active {
  color: #fff;
}

a.modebar-btn {
  font-size:20px !important;
}

.card-body{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.Select.is-open {
  z-index: 1003;
}

/* Override the padding for the mantine-Switch-label class */
.mantine-Switch-label {
  padding-inline-end: 5px !important;
}

.mantine-Switch-labelWrapper {
  font-size: 12px !important;
}

/* Target the custom number input component */
.custom-number-input input {
  font-size: 11px !important;    /* Adjust font size */
  padding: 4px !important;       /* Adjust padding */
}

/* Adjust the left section (label 'Days') */
.custom-number-input .mantine-NumberInput-section {
  font-size: 11px !important;    /* Adjust label size */
  padding: 4px !important; 
}

.custom-number-input .mantine-NumberInput-wrapper {
  --input-height: calc(var(--input-height-xs) * 0.8) !important;
}