.dropdown-select-toggle {
  --bs-btn-active-color: var(--form-font-color);
  --bs-btn-active-bg: var(--form-background-color);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--form-font-color);
  --bs-btn-hover-bg: var(--form-background-color);
  --bs-btn-hover-border-color: var(--bs-primary);
  
  position: relative !important;
  background-color: var(--form-background-color);
  border-radius: .75rem;
  /* border-color: var(--bs-btn-active-border-color); */
  border-color: #ccc;
  color: var(--form-font-color);
  min-height: calc(2.25em + 2px);
  padding-left: .75rem;
  padding-right: 2.25rem;
  white-space: normal;
  text-align: left;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.dropdown-select-toggle.text-center {
  padding-left: 2.25rem;
}

.is-invalid .dropdown-select-toggle {
  border-color: #dc3545;
}

.dropdown-select-menu {
  --bs-dropdown-border-radius: .5rem;
  overflow-y: scroll;
  max-height: 16rem;
}

.dropdown-select-menu::-webkit-scrollbar {
  width: 4px;
}

.dropdown-select-menu::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(var(--bg-color), 1);
}

.dropdown-select-toggle::after {
  position: absolute;
  display: block;
  top: 50%;
  right: .75rem;
  width: 0.6rem;
  height: 0.5rem;
  transform: translateY(-50%);
  background-image: url(../../assets/image/select_icon.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
}

.dropdown-select-item {
  padding-left: .75rem;
  padding-right: .75rem;
}

.dropdown-select-toggle.text-center+.dropdown-select-menu .dropdown-select-item {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.dropdown-select-item:not(:last-child) {
  border-bottom: 1px solid rgb(0, 0, 0, .175);
}

.dropdown-select-item:hover {
  background-color: rgb(121, 121, 121);
  color: rgb(255, 255, 255);
}