.selectbox {
  border-radius: 3px !important;
  min-height: 29px !important;
  border-color: #D9D9D9;

  &__input {
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    height: 29px;
    margin: 12px 0;
    padding-left: 28px;
    line-height: 29px;
    background-repeat: no-repeat;
    background-position: 6px center;
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="7.5" cy="8" r="6" stroke="%23484848"/><path d="M15.1521 16.199C15.0349 16.3162 14.8874 16.3586 14.8225 16.2937L11.1181 12.5902C11.0532 12.5254 11.0956 12.3778 11.2128 12.2607L11.673 11.8006C11.7901 11.6835 11.9377 11.6411 12.0026 11.7059L15.707 15.4094C15.7719 15.4743 15.7295 15.6218 15.6123 15.7389L15.1521 16.199Z" fill="%23484848"/></svg>');
  }

  &--active {
    border-color: #000;
  }

  &__content {
    font-size: 14px;
  }

  &__dropdown {

    &-label {
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;

      &:before {
        top: 0 !important;
      }
      &:after {
        top: 0 !important;
      }
    }
  }

  &__option {
    height: 22px;
    cursor: pointer;
    margin: 12px 0;
  }

  &__options {
    max-height: 250px;
    overflow: auto;
  }
}

.react-dropdown-select-dropdown {
  width: 240px !important;
  padding: 12px 22px !important;
  top: 29px !important;
  box-shadow: none !important;
  border: none !important;
  background: #f0f0f0 !important;
  max-height: unset !important;
  overflow: unset !important;
}