/* Make sure our rules win against Bootstrap/dark themes */
.dropdown-darktext .Select-control,
.dropdown-darktext .Select-menu-outer,
.dropdown-darktext .Select__control,
.dropdown-darktext .Select__menu {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: rgba(255,255,255,0.12); /* subtle border in dark apps */
}

/* Selected value text */
.dropdown-darktext .Select-value-label,
.dropdown-darktext .Select__single-value {
  color: #111111 !important;
}

/* Options list text */
.dropdown-darktext .Select-option,
.dropdown-darktext .VirtualizedSelectOption,
.dropdown-darktext .Select__option {
  color: #111111 !important;
}

/* Placeholder and input typing color */
.dropdown-darktext .Select-placeholder,
.dropdown-darktext .Select-input input,
.dropdown-darktext .Select__placeholder,
.dropdown-darktext .Select__input input {
  color: #666666 !important;
}

/* Caret/arrow visibility on light control */
.dropdown-darktext .Select-arrow,
.dropdown-darktext .Select__indicators svg {
  border-top-color: #111111 !important;
  fill: #111111 !important;
}

/* Hover/active option background (optional) */
.dropdown-darktext .Select-option.is-focused,
.dropdown-darktext .Select__option--is-focused {
  background: #f2f4f7 !important;
}
.dropdown-darktext .Select-option.is-selected,
.dropdown-darktext .Select__option--is-selected {
  background: #e6ebf2 !important;
  color: #111111 !important;
}