/**
 * Copyright (c) 2010-2025 Eclipse Dirigible contributors
 *
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v2.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v20.html
 *
 * SPDX-FileCopyrightText: Eclipse Dirigible contributors
 * SPDX-License-Identifier: EPL-2.0
 */
:root {
  --jstree-fiori-animation: 0.2s;
  --jstree-spinner-animation: 1s;
  --jstree-git: url("/services/web/resources/images/jstree/git.svg");
  --jstree-project: url("/services/web/resources/images/jstree/project.svg");
  --jstree-folder: url("/services/web/resources/images/jstree/folder.svg");
  --jstree-file: url("/services/web/resources/images/jstree/file-code.svg");
  --jstree-menu-arrow-right: url(/services/web/resources/images/jstree/menu-arrow-right.svg);
  --jstree-arrow-down: url("/services/web/resources/images/jstree/arrow-down.svg");
  --jstree-arrow-right: url("/services/web/resources/images/jstree/arrow-right.svg");
  --jstree-arrow-left: url("/services/web/resources/images/jstree/arrow-left.svg");
  --jstree-checkbox-checked: url("/services/web/resources/images/jstree/checkbox-checked.svg");
  --jstree-checkbox-unchecked: url("/services/web/resources/images/jstree/checkbox-unchecked.svg");
  --jstree-checkbox-tristate: url("/services/web/resources/images/jstree/checkbox-tristate.svg");
  --jstree-loader: url("/services/web/resources/images/jstree/loading.svg");
}

/* jsTree list mode */
.jstree-list-mode .jstree-leaf>.jstree-ocl.jstree-icon:empty {
  width: 0.25rem;
  visibility: hidden;
}

/* jsTree fiori theme */
.jstree-fiori {
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica);
  font-size: var(--sapFontSize, 0.875rem);
  background-color: var(--sapList_Background, #fff);
  color: var(--sapList_TextColor, #32363a);
}

.jstree-fiori--context-menu {
  /* For context menu */
  padding-bottom: 2rem;
}

.jstree-fiori--fill {
  height: 100%;
  width: 100%;
  overflow: auto;
}

.jstree-fiori--fill.jstree-fiori--context-menu {
  height: calc(100% - 2rem);
}

.jstree-fiori--fill.jstree-fiori--context-menu.fd-scrollbar {
  padding-bottom: 2rem;
}

.jstree .jstree-container-ul>li>.jstree-wholerow {
  border-bottom: var(--sapList_BorderWidth, 0.0625rem) solid var(--sapList_BorderColor, #e5e5e5);
}

.jstree .jstree-container-ul>.jstree-node>ul {
  background: var(--sapList_AlternatingBackground, #f2f2f2);
  border-bottom: var(--sapList_BorderWidth, 0.0625rem) solid transparent;
}

.jstree-loading:not([aria-busy="true"]) {
  color: var(--sapList_TextColor, #32363a);
}

li.jstree-hidden {
  display: none;
}

li.jstree-loading:not([aria-busy="true"]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

li.jstree-loading:not([aria-busy="true"]) .jstree-anchor {
  padding: 0;
  line-height: 1rem;
  height: 1rem;
  margin-top: 1rem;
}

li.jstree-loading:not([aria-busy="true"]) .jstree-icon:empty {
  width: 6rem;
  height: 2rem;
}

.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  background-color: transparent;
}

.jstree-node {
  white-space: nowrap;
}

.jstree-anchor {
  display: inline-block;
  color: var(--sapList_TextColor, #32363a);
  white-space: nowrap;
  padding: 0 2rem 0 0;
  margin: 0;
  vertical-align: top;
}

.jstree-anchor:focus {
  outline: 0;
}

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}

.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-ocl {
  cursor: pointer;
}

.jstree-leaf>.jstree-ocl {
  cursor: default;
}

.jstree .jstree-open>.jstree-children {
  display: block;
}

.jstree .jstree-closed>.jstree-children,
.jstree .jstree-leaf>.jstree-children {
  display: none;
}

.jstree-anchor>.jstree-themeicon {
  margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor>.jstree-themeicon-hidden {
  display: none;
}

.jstree-rtl .jstree-anchor {
  padding: 0 0 0 2rem;
}

.jstree-rtl .jstree-anchor>.jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}

.jstree-rtl .jstree-node {
  margin-left: 0;
}

.jstree-rtl .jstree-container-ul>.jstree-node {
  margin-right: 0;
}

.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}

.jstree-wholerow-ul .jstree-leaf>.jstree-ocl {
  cursor: pointer;
}

.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}

.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.vakata-context {
  display: none;
}

.vakata-context,
.vakata-context ul {
  position: absolute;
  background-color: var(--sapList_Background, #fff);
  font-size: var(--sapFontSize, 0.875rem);
  line-height: var(--sapContent_LineHeight, 1.4);
  color: var(--sapTextColor, #32363a);
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica);
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: -4.85rem 0 0 0;
  border: 0;
  -webkit-box-shadow: var(--sapContent_Shadow1,
      0 0 0 0.0625rem rgba(0, 0, 0, 0.42),
      0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.3));
  box-shadow: var(--sapContent_Shadow1, 0 0 0 0.0625rem rgba(0, 0, 0, 0.42), 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.3));
  border-radius: var(--sapElement_BorderCornerRadius, 0.25rem);
}

.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
  z-index: 1;
}

.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context li {
  list-style: none;
  display: inline;
  font-size: var(--sapFontSize, 0.875rem);
  line-height: var(--sapContent_LineHeight, 1.4);
  color: var(--sapTextColor, #32363a);
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica);
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: var(--sapList_Background, #fff);
}

.vakata-context li>a {
  display: block;
  padding: 0 1em 0 2em;
  text-decoration: none;
  width: auto;
  color: var(--sapTextColor, #32363a);
  white-space: nowrap;
  line-height: 2.4em;
  border-radius: 0;
}

.vakata-context li:first-child>a {
  border-top-right-radius: var(--sapElement_BorderCornerRadius, 0.25rem);
  border-top-left-radius: var(--sapElement_BorderCornerRadius, 0.25rem);
}

.vakata-context li:last-child>a {
  border-bottom-right-radius: var(--sapElement_BorderCornerRadius, 0.25rem);
  border-bottom-left-radius: var(--sapElement_BorderCornerRadius, 0.25rem);
}

.vakata-context li>a:hover {
  position: relative;
  background-color: var(--sapList_Hover_Background, #f5f5f5);
}

.vakata-context li>a:active {
  position: relative;
  background-color: var(--sapList_Active_Background, #0854a0);
  color: var(--sapList_Active_TextColor, #fff);
}

.vakata-context li>a:active>i {
  color: var(--sapList_Active_TextColor, #fff);
}

.vakata-context li>a:active>.vakata-contextmenu-shortcut {
  color: var(--sapList_Active_TextColor, #fff);
}

.vakata-context li>a.vakata-context-parent {
  background-image: var(--jstree-menu-arrow-right, url("../fiori/menu-arrow-right.svg"));
  background-position: right center;
  background-repeat: no-repeat;
}

.vakata-context li>a:focus {
  outline: 0;
}

.vakata-context .vakata-context-hover>a {
  position: relative;
  background-color: var(--sapList_Hover_Background, #f5f5f5);
}

.vakata-context .vakata-context-separator>a,
.vakata-context .vakata-context-separator>a:hover {
  background-color: var(--sapGroup_ContentBorderColor, #d9d9d9);
  border: 0;
  height: var(--sapElement_BorderWidth, 0.0625rem);
  min-height: var(--sapElement_BorderWidth, 0.0625rem);
  max-height: var(--sapElement_BorderWidth, 0.0625rem);
  padding: 0;
  margin: 0;
}

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: var(--sapTextColor, #32363a);
  background-color: transparent;
  opacity: var(--sapContent_DisabledOpacity, 0.4);
  pointer-events: none;
}

.vakata-context li>a>i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -1.8em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}

.vakata-context li>a>i:empty {
  width: 2.4em;
  line-height: 2.4em;
}

.vakata-context li>a .vakata-contextmenu-sep {
  display: none;
}

.vakata-context .vakata-contextmenu-shortcut {
  font-size: var(--sapFontSize, 0.875rem);
  color: var(--sapContent_NonInteractiveIconColor, #6a6d70);
  float: right;
  margin-left: 2rem;
}

#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

#jstree-dnd {
  line-height: 2rem;
  margin: 0;
  padding: 0 0.75rem !important;
  background: var(--sapList_Background, #fff);
  -webkit-box-shadow: var(--sapContent_Shadow1,
      0 0 0 0.0625rem rgba(0, 0, 0, 0.42),
      0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.3));
  box-shadow: var(--sapContent_Shadow1, 0 0 0 0.0625rem rgba(0, 0, 0, 0.42), 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.3));
  border-radius: var(--sapElement_BorderCornerRadius, 0.25rem);
}

#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: none;
}

.jstree-fiori .jstree-node,
.jstree-fiori .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}

.jstree-fiori .jstree-hovered {
  background: var(--sapList_Hover_Background, #f5f5f5);
}

.jstree-fiori .jstree-clicked {
  color: var(--sapList_TextColor, #32363a);
}

.jstree-fiori .jstree-no-icons .jstree-anchor>.jstree-themeicon {
  display: none;
}

.jstree-fiori .jstree-disabled {
  color: var(--sapTextColor, #32363a);
  background-color: transparent;
  opacity: calc(var(--sapContent_DisabledOpacity, 0.4) + 0.1);
}

.jstree-fiori .jstree-disabled.jstree-hovered {
  background-color: transparent;
}

.jstree-fiori .jstree-disabled.jstree-clicked {
  background-color: transparent;
}

.jstree-fiori .jstree-disabled>.jstree-icon {
  opacity: calc(var(--sapContent_DisabledOpacity, 0.4) + 0.1);
}

.jstree-fiori .jstree-search {
  font-style: italic;
  font-weight: bold;
}

.jstree-fiori .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}

.jstree-fiori.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.jstree-fiori.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #76b6ec;
  color: #ffffff;
}

.jstree-fiori.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
  color: inherit;
}

.jstree-fiori.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #76b6ec;
  color: #ffffff;
}

.jstree-fiori>.jstree-wholerow-ul .jstree-hovered,
.jstree-fiori>.jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.jstree-fiori .jstree-wholerow {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.jstree-fiori .jstree-wholerow-hovered {
  background: var(--sapList_Hover_Background, #f5f5f5);
}

.jstree-fiori .jstree-wholerow-clicked {
  background: var(--sapList_SelectionBackgroundColor, #e5f0fa);
  border-bottom: var(--sapList_BorderWidth, 0.0625rem) solid var(--sapList_SelectionBorderColor, #0854a0);
}

.jstree-fiori .jstree-clicked .jstree-themeicon-custom {
  color: var(--sapList_TextColor, #32363a);
}

.jstree-fiori .jstree-node {
  min-height: 2.75rem;
  line-height: 2.75rem;
  margin-left: 1.25rem;
  min-width: 2.75rem;
}

.jstree-fiori-compact .jstree-node {
  min-height: 2rem;
  line-height: 2rem;
  margin-left: 1.25rem;
  min-width: 2rem;
}

.jstree-fiori .jstree-anchor {
  line-height: 2.75rem;
  height: 2.75rem;
}

.jstree-fiori-compact .jstree-anchor {
  line-height: 2rem;
  height: 2rem;
}

.jstree-fiori .jstree-icon {
  width: 2.75rem;
  height: 2.75rem;
  line-height: 2.75rem;
}

.jstree-fiori-compact .jstree-icon {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}

.jstree-fiori .jstree-icon:empty {
  width: 2rem;
  height: 2.75rem;
  line-height: 2.75rem;
}

.jstree-fiori .jstree-node[spinner] .jstree-themeicon.jstree-icon:empty {
  width: 1rem;
  height: 1rem;
  line-height: 2.75rem;
  clear: both;
  margin: 0.875rem 0.5rem;
  box-sizing: border-box;
  border: 0.125rem transparent solid;
  border-top: 0.125rem var(--sapList_TextColor, #32363a) solid;
  border-right: 0.125rem var(--sapList_TextColor, #32363a) solid;
  border-radius: 50%;
  -webkit-animation: jstreeSpinnerRotate var(--jstree-spinner-animation) infinite linear;
  animation: jstreeSpinnerRotate var(--jstree-spinner-animation) infinite linear;
}

.jstree-fiori-compact .jstree-node[spinner] .jstree-themeicon.jstree-icon:empty {
  line-height: 2rem;
  margin: 0.5rem 0.5rem;
}

.jstree-fiori-compact .jstree-icon:empty {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}

.jstree-fiori.jstree-rtl .jstree-node,
.jstree-fiori-compact.jstree-rtl .jstree-node {
  margin-right: 1.25rem;
}

.jstree-fiori .jstree-wholerow {
  height: 2.75rem;
}

.jstree-fiori-compact .jstree-wholerow {
  height: 2rem;
}

.jstree-fiori .jstree-node,
.jstree-fiori .jstree-icon {
  background-image: none;
}

.jstree-fiori-compact .jstree-node,
.jstree-fiori-compact .jstree-icon {
  background-image: none;
}

.jstree-fiori .jstree-last,
.jstree-fiori-compact .jstree-last {
  background: transparent;
}

.jstree-fiori .jstree-open>.jstree-ocl {
  -webkit-mask-size: 0.625rem;
  mask-size: 0.625rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--sapButton_IconColor, #0854a0);
  -webkit-mask-image: var(--jstree-arrow-down, url("../fiori/arrow-down.svg"));
  mask-image: var(--jstree-arrow-down, url("../fiori/arrow-down.svg"));
}

.jstree-fiori .jstree-loading[aria-busy="true"]>.jstree-ocl {
  width: 1rem;
  height: 1rem;
  line-height: 2.75rem;
  clear: both;
  margin: 0.875rem 0.5rem;
  box-sizing: border-box;
  border: 0.125rem transparent solid;
  border-top: 0.125rem var(--sapList_TextColor, #32363a) solid;
  border-right: 0.125rem var(--sapList_TextColor, #32363a) solid;
  border-radius: 50%;
  -webkit-animation: jstreeSpinnerRotate var(--jstree-spinner-animation) infinite linear;
  animation: jstreeSpinnerRotate var(--jstree-spinner-animation) infinite linear;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
}

.jstree-fiori-compact .jstree-loading[aria-busy="true"]>.jstree-ocl {
  line-height: 2rem;
  margin: 0.5rem 0.5rem;
}

.jstree-fiori-compact .jstree-open>.jstree-ocl {
  -webkit-mask-size: 0.469rem;
  mask-size: 0.469rem;
}

.jstree-fiori .jstree-closed>.jstree-ocl {
  -webkit-mask-size: 0.625rem;
  mask-size: 0.625rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--sapButton_IconColor, #0854a0);
  -webkit-mask-image: var(--jstree-arrow-right, url("../fiori/arrow-right.svg"));
  mask-image: var(--jstree-arrow-right, url("../fiori/arrow-right.svg"));
}

.jstree-fiori-compact .jstree-closed>.jstree-ocl {
  -webkit-mask-size: 0.469rem;
  mask-size: 0.469rem;
}

.jstree-fiori .jstree-leaf>.jstree-ocl,
.jstree-fiori-compact .jstree-leaf>.jstree-ocl {
  background-image: none;
}

.jstree-fiori>.jstree-no-dots .jstree-node,
.jstree-fiori>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-fiori-compact>.jstree-no-dots .jstree-node,
.jstree-fiori-compact>.jstree-no-dots .jstree-leaf>.jstree-ocl {
  background: transparent;
}

.jstree-fiori .jstree-disabled {
  background: transparent;
}

.jstree-fiori .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-fiori .jstree-disabled.jstree-clicked {
  background: var(--sapList_Background, #fff);
}

.jstree-fiori .jstree-checkbox {
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--sapButton_IconColor, #0854a0);
  -webkit-mask-image: var(--jstree-checkbox-unchecked, url("../fiori/checkbox-unchecked.svg"));
  mask-image: var(--jstree-checkbox-unchecked, url("../fiori/checkbox-unchecked.svg"));
}

.jstree-fiori.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
.jstree-fiori .jstree-checked>.jstree-checkbox,
.jstree-fiori-compact.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
.jstree-fiori-compact .jstree-checked>.jstree-checkbox {
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--sapButton_IconColor, #0854a0);
  -webkit-mask-image: var(--jstree-checkbox-checked, url("../fiori/checkbox-checked.svg"));
  mask-image: var(--jstree-checkbox-checked, url("../fiori/checkbox-checked.svg"));
}

.jstree-fiori .jstree-anchor>.jstree-undetermined,
.jstree-fiori-compact .jstree-anchor>.jstree-undetermined {
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--sapButton_IconColor, #0854a0);
  -webkit-mask-image: var(--jstree-checkbox-tristate, url("../fiori/checkbox-tristate.svg"));
  mask-image: var(--jstree-checkbox-tristate, url("../fiori/checkbox-tristate.svg"));
}

.jstree-fiori>.jstree-striped {
  background-size: auto 44px;
}

.jstree-fiori.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-fiori.jstree-rtl .jstree-open>.jstree-ocl {
  -webkit-mask-image: var(--jstree-arrow-down, url("../fiori/arrow-down.svg"));
  mask-image: var(--jstree-arrow-down, url("../fiori/arrow-down.svg"));
}

.jstree-fiori.jstree-rtl .jstree-closed>.jstree-ocl {
  -webkit-mask-image: var(--jstree-arrow-left, url("../fiori/arrow-left.svg"));
  mask-image: var(--jstree-arrow-left, url("../fiori/arrow-left.svg"));
}

.jstree-fiori.jstree-rtl>.jstree-no-dots .jstree-node,
.jstree-fiori.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
  background: transparent;
}

.jstree-fiori.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
  -webkit-mask-image: var(--jstree-arrow-down, url("../fiori/arrow-down.svg"));
  mask-image: var(--jstree-arrow-down, url("../fiori/arrow-down.svg"));
}

.jstree-fiori.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
  -webkit-mask-image: var(--jstree-arrow-left, url("../fiori/arrow-left.svg"));
  mask-image: var(--jstree-arrow-left, url("../fiori/arrow-left.svg"));
}

.jstree-fiori .jstree-themeicon-custom,
.jstree-fiori-compact .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  color: var(--sapList_TextColor, #32363a);
  font-size: 1rem;
}

.jstree-fiori>.jstree-container-ul .jstree-loading:not([aria-busy="true"])>.jstree-ocl {
  -webkit-mask-size: 6rem;
  mask-size: 6rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--sapList_TextColor, #32363a);
  -webkit-mask-image: var(--jstree-loader, url("../fiori/loading.svg"));
  mask-image: var(--jstree-loader, url("../fiori/loading.svg"));
}

.jstree-fiori .jstree-node[spinner] {
  touch-action: none;
  user-select: none;
  pointer-events: none;
}

.jstree-fiori .jstree-node[spinner]>.jstree-ocl {
  visibility: hidden;
}

.jstree-fiori .jstree-node[spinner] .jstree-checkbox {
  visibility: hidden;
}

.jstree-fiori .jstree-file {
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--sapList_TextColor, #32363a);
  -webkit-mask-image: var(--jstree-file, url("../fiori/file-code.svg"));
  mask-image: var(--jstree-file, url("../fiori/file-code.svg"));
}

.jstree-fiori .jstree-clicked .jstree-file {
  background-color: var(--sapList_TextColor, #32363a);
}

.jstree-fiori .jstree-folder {
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--sapList_TextColor, #32363a);
  -webkit-mask-image: var(--jstree-folder, url("../fiori/folder.svg"));
  mask-image: var(--jstree-folder, url("../fiori/folder.svg"));
}

.jstree-fiori .jstree-clicked .jstree-folder {
  background-color: var(--sapList_TextColor, #32363a);
}

.jstree-fiori .jstree-project {
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--sapList_TextColor, #32363a);
  -webkit-mask-image: var(--jstree-project, url("../fiori/project.svg"));
  mask-image: var(--jstree-project, url("../fiori/project.svg"));
}

.jstree-fiori li[git="true"] .jstree-project {
  -webkit-mask-image: var(--jstree-git, url("../fiori/git.svg"));
  mask-image: var(--jstree-git, url("../fiori/git.svg"));
}

.jstree-fiori .jstree-clicked .jstree-project {
  background-color: var(--sapList_TextColor, #32363a);
}

.jstree-fiori>.jstree-container-ul>.jstree-node {
  margin-left: 0;
  margin-right: 0;
}

.jstree-fiori>.jstree-container-ul>.jstree-node a[isitalic="true"] {
  font-style: italic;
}

#jstree-dnd.jstree-fiori {
  line-height: 2rem;
  padding: 0 0.25rem;
}

#jstree-dnd.jstree-fiori .jstree-ok,
#jstree-dnd.jstree-fiori .jstree-er {
  background-image: none;
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-fiori i {
  background: transparent;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}

.jstree-fiori.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-fiori>.jstree-no-dots .jstree-open>.jstree-ocl {
  -webkit-mask-size: 0.469rem;
  mask-size: 0.469rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--sapButton_IconColor, #0854a0);
  -webkit-mask-image: var(--jstree-arrow-down, url("../fiori/arrow-down.svg"));
  mask-image: var(--jstree-arrow-down, url("../fiori/arrow-down.svg"));
}

.jstree-fiori>.jstree-no-dots .jstree-closed:not([aria-busy="true"])>.jstree-ocl {
  -webkit-mask-size: 0.469rem;
  mask-size: 0.469rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--sapButton_IconColor, #0854a0);
  -webkit-mask-image: var(--jstree-arrow-right, url("../fiori/arrow-right.svg"));
  mask-image: var(--jstree-arrow-right, url("../fiori/arrow-right.svg"));
}

.jstree-fiori .jstree-rename-input {
  font-size: var(--sapFontSize, 0.875rem);
  line-height: var(--sapContent_LineHeight, 1.4) !important;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica);
  font-weight: 400;
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--sapField_TextColor, #32363a);
  border-style: solid;
  border-width: var(--sapField_BorderWidth, 0.0625rem);
  border-color: var(--sapField_BorderColor, #89919a);
  border-radius: var(--sapField_BorderCornerRadius, 0.125rem);
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 2.75rem;
  width: 100% !important;
  height: 2.25rem !important;
  padding: 0 0.625rem !important;
  cursor: text;
  overflow: hidden;
  text-shadow: var(--fdInput_Text_Shadow, none);
}

.jstree-fiori-compact .jstree-rename-input {
  min-width: 2rem;
  height: 1.625rem !important;
  padding: 0 0.5rem !important;
}

.jstree-fiori .jstree-rename-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -0.1875rem !important;
  outline-width: var(--sapContent_FocusWidth, 0.0625rem) !important;
  outline-color: var(--sapContent_FocusColor, #000) !important;
  outline-style: var(--sapContent_FocusStyle, dotted) !important;
}

.jstree-fiori .jstree-rename-input:hover {
  background-color: var(--sapField_Hover_Background, #fff) !important;
  border-color: var(--sapField_Hover_BorderColor, #0854a0) !important;
}

/* Dirigible-specific stuff */
.dg-jstree-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: right;
  margin-right: 0.5rem;
  line-height: 2.75rem;
  height: 2.75rem;
  width: 2.75rem;
  -webkit-animation: fadeIn var(--jstree-fiori-animation);
  animation: fadeIn var(--jstree-fiori-animation);
}

.jstree-fiori-compact .dg-jstree-indicator {
  margin-right: 0.5rem;
  line-height: 2rem;
  height: 2rem;
  width: 2rem;
}

.jstree-rtl .dg-jstree-indicator {
  float: left;
}

.dg-jstree--changed {
  color: var(--sapWarningColor, #df6e0c) !important;
}

.dg-jstree--changed>.dg-jstree-dot {
  background-color: var(--sapWarningColor, #df6e0c);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.dg-jstree--added {
  color: var(--sapSuccessColor, #107e3e) !important;
}

.dg-jstree--modified {
  color: var(--sapWarningColor, #df6e0c) !important;
}

.dg-jstree--deleted {
  color: var(--sapErrorColor, #bb0000) !important;
}

.dg-jstree--untracked {
  color: var(--sapSuccessColor, #107e3e) !important;
}

.dg-jstree--conflict {
  color: var(--sapErrorColor, #bb0000) !important;
}

.dg-jstree--renamed {
  color: var(--sapSuccessColor, #107e3e) !important;
}

.dg-jstree--submodule {
  color: var(--sapInformationColor, #0a6ed1) !important;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes jstreeSpinnerRotate {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes jstreeSpinnerRotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}