.select-wrapper {
  position: relative;
  &__options-box {
    position: absolute;
    left: 0;
    right: 0;
    max-height: 300px;
    background-color: #ffffff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
    overflow: auto;
    z-index: 10;
  }
  &__select-option {
    border-bottom: 1px solid $gray-border-color;
    color: $black;
    padding: $input-padding;
    &.selected {
      background: $select-option-bg-color;
      font-weight: bold;
    }
    &:hover {
      background: $select-option-bg-color;
      cursor: pointer;
    }
  }
}

select {
  background-color: transparent;
  margin: 0 0 0;
  padding: 0;
}

.select-input-container {
  input {
    height: auto;
    font-size: 16px;
  }
  .select-input {
    &__control {
      position: relative;
      border-color: #c0c0c0 !important;
    }
    &__value-container {
      // height: 40px;
      position: relative;
    }
    &__placeholder {
      display: flex;
      align-items: center;
    }
  }
  .css-1g6gooi {
    // position: absolute;
    // top: 0;
    // bottom: 0;
    // left: 8px;
    // right: 8px;
    // display: flex;
    // align-items: center;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  &--error {
    .select-input {
      &__control {
        border-color: red !important;
      }
    }
  }
  .css-1492t68 {
    top: 52%;
  }
}

.select-searcher {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  &__suggestions-box {}
  &__input {
    >span>div>img {
      padding: 6px;
      object-fit: contain;
    }
  }
  &__suggestion-item {
    font-weight: $font-weight-bold;
    cursor: pointer;
    height: 32px;
    &--active {
      background-color: rgba(181, 200, 240, 0.32);
    }
  }
  &__suggestion-indentation {
    width: 40px;
  }
  &__checkmark {
    width: 15px;
    height: 10px;
  }
}