/* Searchable Select Styles */
.searchable-select-wrapper {
  position: relative;
}

.searchable-select-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 5px;
  font-size: 14px;
  background-color: #fff;
}

.searchable-select-input:focus {
  outline: none;
  border-color: #007cba;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2);
}

.searchable-select-wrapper select {
  width: 100%;
}

/* Style for the select when it has many options */
.searchable-select-wrapper select[style*="maxHeight"] {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
}

.searchable-select-wrapper select option {
  padding: 4px 8px;
}

.searchable-select-wrapper select option:hover {
  background-color: #e6f3ff;
}