.vl-select {
  &:focus,
  &--focus,
  &:hover {
    outline: none;
    border-color: $vl-primary-blue;
    box-shadow: inset 0 0 0 0.1rem $vl-primary-blue;
  }
}

select {
  &.vl-select--error,
  &.invalid.validated {
    background-color: transparent;    

    &:focus {
      box-shadow: none;
      border-color: $vl-error-color;
    }
  }

  &:hover {
    box-shadow: none;
  }
}