/* Normalize select/dropdown controls with a consistent Bootstrap-like look. */
select.form-control,
select.input-sm,
select.input-lg {
  background-color: #ffffff !important;
  color: #111827 !important;
  border-color: #d1d5db !important;
}

.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle.btn-default,
.bootstrap-select > .dropdown-toggle.btn-light,
.bootstrap-select > .dropdown-toggle.btn-secondary,
.bootstrap-select > .dropdown-toggle.btn-primary,
.bootstrap-select > .dropdown-toggle.btn-success,
.bootstrap-select > .dropdown-toggle.btn-info,
.bootstrap-select > .dropdown-toggle.btn-warning,
.bootstrap-select > .dropdown-toggle.btn-danger,
.bootstrap-select > .dropdown-toggle.btn-dark {
  min-height: 34px !important;
  padding: 6px 12px !important;
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  line-height: 1.42857143 !important;
}

.bootstrap-select > .dropdown-toggle .filter-option,
.bootstrap-select > .dropdown-toggle .filter-option-inner,
.bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  line-height: 20px !important;
}

.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:active,
.bootstrap-select > .dropdown-toggle.active,
.bootstrap-select > .dropdown-toggle:active:hover,
.bootstrap-select > .dropdown-toggle:active:focus,
.bootstrap-select.open > .dropdown-toggle,
.bootstrap-select.show > .dropdown-toggle,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.btn-default.active,
.btn-default:active,
.btn-default.active:hover,
.btn-default:active:hover,
.btn-default.active:focus,
.btn-default:active:focus {
  background: #f9fafb !important;
  color: #111827 !important;
  border-color: #94a3b8 !important;
  box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.12) !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #111827 !important;
}

.bootstrap-select .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08) !important;
}

.bootstrap-select .dropdown-menu li a,
.bootstrap-select .dropdown-menu li a span.text,
select.form-control option,
select.input-sm option,
select.input-lg option {
  background-color: transparent !important;
  color: #111827 !important;
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus {
  background: #f8fafc !important;
  color: #111827 !important;
}

.bootstrap-select .dropdown-menu li.active a,
.bootstrap-select .dropdown-menu li.active small,
.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li.selected small,
.bootstrap-select .dropdown-menu > li.active > a,
.bootstrap-select .dropdown-menu > li.active > a:hover,
.bootstrap-select .dropdown-menu > li.active > a:focus,
.bootstrap-select .dropdown-menu > li.selected > a,
.bootstrap-select .dropdown-menu > li.selected > a:hover,
.bootstrap-select .dropdown-menu > li.selected > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background: #eef2f7 !important;
  color: #111827 !important;
}