@import '../../sass/_custom-variables/libs';
@import "~bootstrap-duallistbox/src/bootstrap-duallistbox";

.bootstrap-duallistbox-container .glyphicon-arrow-left,
.bootstrap-duallistbox-container .glyphicon-arrow-right {
  position: relative;
  top: 1px;
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  @include feature-rtl {
    transform: scaleX(-1);
  }
}

.bootstrap-duallistbox-container .glyphicon-arrow-left:before {
  content: "←";
}

.bootstrap-duallistbox-container .glyphicon-arrow-right:before {
  content: "→";
}

.bootstrap-duallistbox-container select {
  padding: .3125rem 0;

  option {
    padding: .1875rem .625rem;
    line-height: 1;
  }
}

@if $enable-material-style {
  .material-style {
    .bootstrap-duallistbox-container select {
      padding: .625rem 0;
    }
  }
}