@availity/reactstrap-validation-select/styles.scss

.av-select.is-touched.is-invalid .av__control {
  border-color: #931b1d;
  background-color: #fbcbc8;
  .is-invalid__dropdown-indicator {
    color: #931b1d;
  }
}

.av-select.is-touched.is-invalid .av__control-is-focused {
  background-color: #fff;
  .is-invalid__dropdown-indicator {
    color: #000;
  }
}

.av-select .av__control {
  background-color: white;
}

.av-select .av__placeholder {
  color: #666;
}

.av__value-container {
  width: 90%;
}

.av__value-container--is-multi.av__value-container--has-value.av__value-container {
  width: 85%;
}

.av__value-container > div,
.av__input,
.av__input > input {
  max-width: 99%;
}

.av__input > input + div {
  max-width: 100%;
}

svg,
use {
  pointer-events: none;
}

.av-select.form-control {
  padding: 0;
  border-width: 0;
  .av__control {
    border-radius: inherit;
    &.av__control--is-focused {
      z-index: 3;
    }
  }
}