@import 'os_core';

select.form-control {
  @include appearance(none);
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEtJREFUeNpi/P//PwMyYGRkXACigeIJKBIghTAMBCBF/6F4AYocDkUYivEpQlFMSBFcMSO6Z3ABohUSbTXxniEpeIgJcEZioxAgwACbUI2JTRSKAAAAAABJRU5ErkJggg==');
  background-position: right 10px center;
  background-repeat: no-repeat;
}

// overriding vendor styles to maintain styles coming from core
.form-control {
  @include box-shadow(none);
  border-radius: $default-border-radius;

  &:focus {
    border-color: $teal;
    @include box-shadow(none);
  }

  &:disabled {
    color: $medium-dark-grey;
    background-color: $light-grey;
    border-color: $medium-light-grey;
  }
}

.btn-group {
  &.open {
    .dropdown-toggle {
      @include box-shadow(none);
    }
  }
}