/*!
 * Select2-to-Tree CSS 1.1.1
 * https://github.com/clivezhg/select2-to-tree
 */
.s2-to-tree * {
  box-sizing: border-box;
}

.s2-to-tree .select2-results__option.l1 {
  padding-left: var(--padding_s);
}
.s2-to-tree .select2-results__option.l2 { padding-left:      var(--padding_m)    !important; }
.s2-to-tree .select2-results__option.l3 { padding-left: calc(var(--padding_m)*2) !important; }
.s2-to-tree .select2-results__option.l4 { padding-left: calc(var(--padding_m)*3) !important; }
.s2-to-tree .select2-results__option.l5 { padding-left: calc(var(--padding_m)*4) !important; }
.s2-to-tree .select2-results__option.l6 { padding-left: calc(var(--padding_m)*5) !important; }
.s2-to-tree .select2-results__option.l7 { padding-left: calc(var(--padding_m)*6) !important; }
.s2-to-tree .select2-results__option.l8 { padding-left: calc(var(--padding_m)*7) !important; }

.s2-to-tree .select2-dropdown[dir*="rtl"] .select2-results__option.l1 { margin-right: 0.6em; }
.s2-to-tree .select2-dropdown[dir*="rtl"] .select2-results__option.l2 { margin-right: 1.4em; }
.s2-to-tree .select2-dropdown[dir*="rtl"] .select2-results__option.l3 { margin-right: 2.2em; }
.s2-to-tree .select2-dropdown[dir*="rtl"] .select2-results__option.l4 { margin-right: 3.0em; }
.s2-to-tree .select2-dropdown[dir*="rtl"] .select2-results__option.l5 { margin-right: 3.8em; }
.s2-to-tree .select2-dropdown[dir*="rtl"] .select2-results__option.l6 { margin-right: 4.5em; }
.s2-to-tree .select2-dropdown[dir*="rtl"] .select2-results__option.l7 { margin-right: 5.3em; }
.s2-to-tree .select2-dropdown[dir*="rtl"] .select2-results__option.l8 { margin-right: 6.0em; }

.s2-to-tree li.select2-results__option.non-leaf .expand-collapse { /* no :: in IE8 */
  width: 24px;
  height: 24px;
  order: 2;
  display: inline-block;
  background-color: transparent;
  background-image: url(/themes/vncdirectory/icon/product/arrow_drop_down_dark.svg);
  background-size: 18px;
  vertical-align: middle;
  background-position: 50%;
  margin-left: var(--padding_s);
}

.s2-to-tree li.select2-results__option.non-leaf.opened .expand-collapse {
  order: 2;
  background-image: url(/themes/vncdirectory/icon/product/arrow_drop_up_dark.svg);
  background-size: 18px;
}

.s2-to-tree.searching-result li.select2-results__option.non-leaf .expand-collapse {
  opacity: 0.4;
  pointer-events: none;
}
.s2-to-tree .select2-results__option[aria-disabled="true"] .expand-collapse { color: black; }

.s2-to-tree .item-label {
  display: inline-block;
  padding-left: var(--padding_s);
  max-width: calc(100% - 60px);
  text-overflow: ellipsis;
  overflow: hidden;
  height: 36px;
  white-space: nowrap;
  vertical-align: middle;
  width: auto;
}
.s2-to-tree .select2-dropdown[dir*="rtl"] .item-label {
  margin-right: 0.5em;
}

.s2-to-tree .select2-results__option[data-val],
.s2-to-tree li.select2-results__option[data-pup] {
  display: none;
}
.s2-to-tree li.select2-results__option[data-pup].showme {
  display: flex;
  align-items: center;
  overflow-y: visible;
}

.s2-to-tree.select2-container li.select2-results__option--highlighted[aria-selected],
.s2-to-tree.select2-container li.select2-results__option[aria-selected="true"] {
  background-color: inherit;
  color: inherit;
}

.s2-to-tree li.select2-results__option.l1 {
  display: flex;
}

.s2-to-tree li.select2-results__option {
  display: flex;
  position: relative;
  padding: 0px;
  height: auto;
  overflow-y: hidden;
  margin: var(--padding_n) !important;
  width: 100%;
  overflow-y: visible;
  align-items: center;
}

.s2-to-tree li.select2-results__option:hover {
  box-shadow: inset 4px 0 0 0 var(--blue_400);
}

.s2-to-tree.searching-result li.select2-results__option {
  display: flex;
}

.s2-to-tree .select2-results__option:before {
    content: '';
    line-height: 34px;
    margin-left: 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/themes/vncdirectory/icon/product/portfolio-new.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 50%;
    margin-left: var(--padding_xl);
}

.s2-to-tree .select2-dropdown--below {
  width: 480px !important;
}
.s2-to-tree .select2-results {
  max-height: initial;
  display: block;
  padding-left: var(--padding_n);
}

.s2-to-tree.select2-container--default .select2-results>.select2-results__options {
  max-height: 48vh;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
  overflow: auto;
}

