/* React Select Custom Styles for Advance Filter */
.react-select-container {
  min-width: 140px;
  position: relative;
  z-index: 1;
}

.react-select__control {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  min-height: auto !important;
  height: auto !important;
}

.react-select__control:hover {
  border: none !important;
}

.react-select__value-container {
  padding: 0 !important;
}

.react-select__input-container {
  margin: 0 !important;
  padding: 0 !important;
}

.react-select__placeholder {
  margin: 0 !important;
}

.react-select__single-value {
  margin: 0 !important;
}

.react-select__indicator-separator {
  display: none !important;
}

.react-select__dropdown-indicator {
  padding: 0 !important;
  color: #1f2937 !important;
}

.react-select__dropdown-indicator:hover {
  color: #1f2937 !important;
}

.react-select__menu {
  background-color: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
  margin-top: 4px !important;
  z-index: 9999 !important;
  position: absolute !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.react-select__menu-list {
  padding: 0 !important;
  max-height: 200px !important;
}

.react-select__option {
  background-color: #f9fafb !important;
  color: #1f2937 !important;
  padding: 8px 12px !important;
  cursor: pointer !important;
}

.react-select__option:hover {
  background-color: #f3f4f6 !important;
}

.react-select__option--is-selected {
  background-color: #e5e7eb !important;
}

.react-select__option--is-focused {
  background-color: #f3f4f6 !important;
}