/*
 * Component: SelectPlus
 * ---------------------
 */

@import "variables";

.cb-select-plus {
  display: inline-block;

  &.cb-select-plus--full-width {
    width: 100%;
  }

  .select2-container {
    min-width: 100px;
    line-height: $line-height-base;

    .select2-selection--multiple {
      .select2-search--inline {
        margin-top: 5px;
      }
    }
  }

  .select2-container--default {
    .select2-selection--multiple {
      .select2-search--inline {
        .select2-search__field {
          margin-top: 0;
          line-height: 24px;
        }
      }
    }
  }
}

.vex.vex-theme-default .vex-content {
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #fff;
  }
}