/* Ensure text is visible on dark backgrounds everywhere */
body, .panel, .tabbody, .kv, .small, .sectiontitle {
  color: #e6edf3 !important;
}

/* Inputs / selects */
select,
.select,
input.select,
textarea.select {
  background: #0b0f16 !important;
  color: #e6edf3 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

/* Force placeholder visibility */
input.select::placeholder {
  color: rgba(230,237,243,.55) !important;
}

/* Focus */
select:focus,
.select:focus,
input.select:focus,
textarea.select:focus {
  outline: none !important;
  border-color: rgba(122,162,247,.95) !important;
  box-shadow: 0 0 0 3px rgba(122,162,247,.18) !important;
}

/* Dropdown list items */
select option {
  background: #0b0f16 !important;
  color: #e6edf3 !important;
}

/* If your base CSS sets option/selected colors weirdly, this helps in some browsers */
select option:checked {
  background: rgba(122,162,247,.25) !important;
  color: #e6edf3 !important;
}