/*!
 * 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: calc(var(--padding_s) + 24px);
}
.s2-to-tree .select2-results__option.l3 {
  padding-left: calc(var(--padding_s) + 2*24px);
}
.s2-to-tree .select2-results__option.l4 {
  padding-left: calc(var(--padding_s) + 3*24px);
}
.s2-to-tree .select2-results__option.l5 {
  padding-left: calc(var(--padding_s) + 4*24px);
}
.s2-to-tree .select2-results__option.l6 {
  padding-left: calc(var(--padding_s) + 5*24px);
}
.s2-to-tree .select2-results__option.l7 {
  padding-left: calc(var(--padding_s) + 6*24px);
}
.s2-to-tree .select2-results__option.l8 {
  padding-left: calc(var(--padding_s) + 7*24px);
}

.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:before { /* no :: in IE8 */
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/themes/vnc_responsive/icon/product/keyboard_arrow_down.svg) no-repeat 50% 50%;
  background-size: 18px;
  vertical-align: middle;
  filter: brightness(0);
}
.s2-to-tree li.select2-results__option.non-leaf.opened .expand-collapse:before {
  content: "";
  background: url(/themes/vnc_responsive/icon/product/keyboard_arrow_up.svg) no-repeat 50% 50%;
  background-size: 18px;
}

.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);
  width: calc(100% - 60px); /* IE8 will fit the content */
  text-overflow: ellipsis;
  overflow: hidden;
  height: 36px;
  white-space: nowrap;
  vertical-align: middle;
}
.s2-to-tree .select2-dropdown[dir*="rtl"] .item-label {
  margin-right: 0.5em;
}

.s2-to-tree li.select2-results__option {
  position: relative;
  padding: 0px;
  height: auto;
  overflow-y: hidden;
}

.s2-to-tree li.select2-results__option[data-pup] {
  display: none;
}
.s2-to-tree li.select2-results__option[data-pup].showme {
  display: block;
  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: block;
  overflow-y: visible;
}

.s2-to-tree.searching-result li.select2-results__option {
  height: auto;
  display: block;
}

.s2-to-tree .select2-results__option:before {
    content: '';
    line-height: 34px;
    margin-left: 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}

.s2-to-tree .select2-results__option.bookmark:before {
    content: '';
    background-image: url(/themes/vnc_responsive/icon/product/bookmark-new.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 50%;
    filter: brightness(0);
}

.s2-to-tree .select2-results__option:not(.bookmark) .expand-collapse {
    margin-left: -24px;
}
.s2-to-tree .select2-dropdown--below {
  width: 480px !important;
  min-height: 152px;
}
.s2-to-tree .select2-results { max-height: initial; }

.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;
}

@media all and (max-width: 899px){
  .s2-to-tree,
  .s2-to-tree .select2-dropdown--below {
    width: 100% !important;
    left: 0px !important;
    box-sizing: border-box;
    max-width: unset;
  }
  #project_jump_box_content + .select2.select2-container.select2-container--default {
    margin-top: 8px;
    height: 32px;
  }
  .s2-to-tree.select2-container--default .select2-results>.select2-results__options {
    max-height: 58vh;
  }
}