:root {
  --select-height: 34px !important; /* Unified height */
  --select-border-radius: 6px !important; /* Unified border radius */
  --select-border-color: #d1d5db !important; /* Modern blue */
  --modern-blue: #f5f5f5 !important; /* Modern blue */
  --warm-border: #4a90e2 !important; /* Warm accent */
}






/* Clear button (x) base styles */
.select2-selection__clear {
  color: #6F4E37 !important;
  font-weight: normal !important;
  font-size: 15px !important; /* Slightly larger */
  cursor: pointer !important;
  margin-right: 0px !important;
}

/* Hover effect for clear button */
.select2-selection__clear:hover {
  color: #cc0000 !important;
  text-decoration: underline !important;
}


.select2-selection__arrow{
  color: #6F4E37 !important;
  font-weight: normal !important;
  font-size: 5px !important; /* Slightly larger */
  cursor: pointer !important;
  margin-top: 3px !important;
}

/* Adjust position for the clear button */
.select2-container--default .select2-selection--single .select2-selection__clear {
  position: absolute !important;
  right: 22px !important;
  font-size: 15px !important;
  top: 16px!important;
  transform: translateY(-50%) !important;
}

/* General Select2 Container */
.select2-container {
  width: 100% !important;
  font-family: Lexend, Rubik, 'Varela Round', sans-serif !important;
  font-size: 13px !important;
}

.select2-ssselection__rendered{

  width: 100% !important;
  font-family: Lexend, Rubik, 'Varela Round', sans-serif !important;
  font-size: 13px !important;
  padding: 5px !important;
}
/* Custom Input Field */
.select2-container--default .select2-selection--single {
  height: var(--select-height) !important;
  border: 1px solid var(--select-border-color) !important;
  border-radius: var(--select-border-radius) !important;
  padding: 5px !important;
  font-size: 13px !important;
  padding-right: 16px !important;
  background-color: #ffffff !important;
  transition: border-color 0.2s ease-in-out !important;
  cursor: pointer !important;
}

.select2-container--default .select2-selection--single:focus, 
.select2-container--default .select2-selection--single:active {
  border-color: var(--warm-border) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255, 136, 0, 0.3) !important;
}

/* Multi-select Tags */
.select2-container--default .select2-selection--multiple {
  border: 1px solid var(--select-border-color) !important;
  border-radius: var(--select-border-radius) !important;
  background-color: white !important;
  padding: 0px !important;
  padding-left: 5px !important;
  height: var(--select-height) !important;
  display: flex !important;
  flex-wrap: wrap !important;
}


.select2-container--bootstrap .select2-selection {
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075) !important;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075) !important;
  background-color:#fff !important;
  border:1px solid #ccc !important;
  border-radius: var(--select-border-radius) !important;
  color:#555 !important;
  font-family: Lexend, Rubik, 'Varela Round', sans-serif !important;
  font-size:14px !important;
  outline:0 !important;
}

.select2-container--default .select2-selection--multiple:hover,
.select2-container--default .select2-selection--multiple:active,
.select2-container--default .select2-selection--multiple:focus {
  border-color: #ccc !important;

}
.select2-selection__choice{
    border-radius: var(--select-border-radius) !important;
    padding: 2px 6px !important;
    color: #555 !important;
  border-color: #ccc !important;
  background-color: #f5f5f5 !important;
}

.select2-selection__choice__remove{
  color: #555 !important;
  padding-right: 5px;

}

/* Dropdown Menu */
.select2-container--default .select2-dropdown {
  border: 1px solid var(--select-border-color) !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  margin-top: -5px !important;
  background-color: #ffffff !important;
  z-index: 9999 !important;
}

/* Dropdown Items */
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option:active {
  background-color: var(--modern-blue) !important;
  color: #918000 !important;
}

/* Default <select> Styling */
select {
  width: 100% !important;
  height: var(--select-height) !important;
  border: 1px solid var(--select-border-color) !important;
  border-radius: var(--select-border-radius) !important;
  padding: 6px 10px !important;
  background-color: #ffffff !important;
  font-size: 14px !important;
  color: #555 !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease-in-out !important;
}

select:focus, select:active {
  border-color: var(--warm-border) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255, 136, 0, 0.3) !important;
}



.input-group {
  display: flex;
  z-index: 10 !important;
  align-items: center;
}


.input-group-append {
  display: flex;
  z-index: -10 !important;
  margin-left: -5px;
}

.input-group-append a {
  border: 1px solid #d1d5db !important;
  border-radius: var(--select-border-radius) !important;
  padding-top: 5px;
  background-color: #f5f5f5 !important;; /* Light background for active appearance */
  transition: border-color 0.2s ease-in-out !important;;
  cursor: pointer;
}

.input-group-append a i {
    font-size: 15px !important;
    margin-left: 2px;
    color: #555 !important;
}

.input-group .select2-selection--single, .input-group .select2-selection--multiple{
   border-top-right-radius: 1px !important;
   border-bottom-right-radius: 1px !important;
}