.input-dark {
  border: 1px solid #fff !important;
  background-color: #000 !important;
  color: #fff !important;
  font-weight: bold !important;
  padding: 5px !important;
  border-radius: 4px !important;
  width: 100% !important;
}

.input-dark::placeholder {
  color: #ccc !important;
  font-weight: normal !important;
}

.bg-primary-dark {
  background: #1f487c !important;
  color: #ffff00 !important;
}

/* Native <select> fallback */
select.select-dark {
  border: 1px solid #fff !important;
  background: #000 !important;
  color: #fff !important;
  font-weight: bold !important;
  padding: 6px !important;
  border-radius: 4px !important;
  width: 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}
select.select-dark option {
  background: #000 !important;
  color: #fff !important;
}

/* Closed state (Select2 container) */
.select2-container.select-dark .select2-choice {
  border: 1px solid #fff !important;
  background: #000 !important;
  background-image: none !important;
  color: #fff !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  min-height: 34px !important;
  line-height: 34px !important;
  padding: 0 34px 0 8px !important; /* space for arrow */
  box-shadow: none !important;
  text-shadow: none !important;
}
.select2-container.select-dark .select2-choice > .select2-chosen {
  color: #fff !important;
  font-weight: bold !important;
}
.select2-container.select-dark
  .select2-choice.select2-default
  > .select2-chosen {
  color: #ccc !important; /* placeholder */
  font-weight: normal !important;
}
.select2-container.select-dark .select2-choice .select2-arrow {
  background: #000 !important;
  background-image: none !important;
  border-left: 1px solid #fff !important;
  width: 26px !important;
}
.select2-container.select-dark .select2-choice .select2-arrow b {
  border-color: #fff transparent transparent transparent !important; /* white caret */
}
.select2-container.select-dark .select2-choice:hover,
.select2-container.select-dark .select2-choice:focus {
  background: #111 !important;
  border-color: #fff !important;
  color: #fff !important;
}
.select2-container.select-dark.select2-container-disabled .select2-choice {
  background: #222 !important;
  color: #aaa !important;
  border-color: #666 !important;
}

/* Dropdown panel */
.select2-drop.select-dark {
  background: #000 !important;
  border: 1px solid #fff !important;
  box-shadow: none !important;
}
.select2-drop.select-dark .select2-search {
  background: #000 !important;
  padding: 6px !important;
  border-bottom: 1px solid #fff !important;
}
.select2-drop.select-dark .select2-input {
  background: #000 !important;
  background-image: none !important;
  color: #fff !important;
  font-weight: bold !important;
  border: 1px solid #fff !important;
  border-radius: 4px !important;
  padding: 6px 8px !important;
  box-shadow: none !important;
  outline: none !important;
  width: 100% !important;
}
.select2-drop.select-dark .select2-input::-webkit-input-placeholder {
  color: #ccc !important;
  font-weight: normal !important;
}
.select2-drop.select-dark .select2-input:-ms-input-placeholder {
  color: #ccc !important;
  font-weight: normal !important;
}
.select2-drop.select-dark .select2-input::placeholder {
  color: #ccc !important;
  font-weight: normal !important;
}
.select2-drop.select-dark .select2-results {
  background: #000 !important;
  color: #fff !important;
}
.select2-drop.select-dark .select2-results .select2-result-label {
  background: #000 !important;
  color: #fff !important;
  font-weight: bold !important;
}
.select2-drop.select-dark
  .select2-results
  .select2-highlighted
  .select2-result-label {
  background: #333 !important;
  color: #fff !important;
}
