.custom-select {
  height: 40px;
  padding: 10px;
  padding-right: 40px;
  border: 1px solid var(--card-desc-color);
  cursor: pointer;
  background-color: white;
}

.selected-value {
  color: var(--input-color);
}

.dropdown-arrow {
  top: 50%;
  right: 14px;
  width: 12px;
  height: 12px;
  pointer-events: none;
  transform: translateY(-50%);
  background-image: url('../img/chevron-down.svg');
  background-repeat: no-repeat;
  background-size: 12px 12px;
}

.custom-options {
  display: none;
  top: 100%;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 1000;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}

.custom-options.show {
  display: block;
}

.custom-options .custom-search-bar input[type="text"] {
  font-family: 'OpenSans', sans-serif;
  font-size: 17px;
}

.custom-options .custom-search-bar input[type="text"]::placeholder {
  color: var(--border-color);
}

.custom-options .custom-search-bar {
  padding: 8px 14px;
  height: 40px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.custom-search-bar input[type="text"] {
  padding: 6px;
  border: none;
  box-sizing: border-box;
  outline: none;
  font-size: 14px;
}

.custom-options-list {
  max-height: 441px;
  overflow-y: auto;
}

.custom-option {
  padding: 12px 25px 11px 14px;
  cursor: pointer;
  font-size: 17px;
  color: var(--input-color);
  height: 40px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-option:hover {
  background-color: #f0f0f0 !important;
  color: var(--input-color) !important;
}

.custom-option.selected {
    background-color: #007bff;
    color: white;
}

#remove-address-wrapper {
  margin-bottom: 13px;
}

#remove-address-wrapper #removeAddressOptionsBox .custom-options-list {
  max-height: 200px;
}

#remove-address-wrapper .custom-select {
  border-color: var(--grey);
}

#remove-address-wrapper .selected-value {
  color: var(--secondary-color);
}

#remove-address-search {
  font-family: 'Open Sans', sans-serif;
}

#remove-shipping-selected-value .dropdown-arrow {
  background-image: url('../img/gray-chevron-down.svg');
}