.jsTree {
  width: max-content;
}
.jsTree .itemParent { /* div. more down under */
  transition: all 0.3s ease-in;
  padding: 2px 0px;
  display: flex;
}
.jsTree .itemParent:hover {
  background-color: rgb(209, 209, 209);
}
.jsTree .itemParent p {
  margin: 0px;
  flex-grow: 1;
}
.jsTree .itemParent .afterIcon {
  display: inline-block;
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  margin: 0px 4px;
  background: url("icons/edit-black.svg");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  transition: opacity 0.3s ease-out;
  opacity: 0;
}
.jsTree .itemParent:hover .afterIcon {
  opacity: 1;
}
.jsTree .childGroup { /* ul */
  padding: 0px 0px 0px 12px;
  margin: 0;
}
.jsTree .item { /* li */
  list-style: none;
  padding: 0;
  margin: 0;
  transition: all 0.3s ease-in;
}

.jsTree .itemParent .preIcon {
  display: inline-block;
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  margin: 0px 4px;
  background-size: 14px 14px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.jsTree .itemParent .preIcon.arrowDown {
  cursor: pointer;
  background: url("icons/arrowdown-black.svg");
  transition: transform 0.3s ease-out;
}
.jsTree .itemParent .preIcon.arrowDown.arrowRotate {
  transform: rotate(-90deg);
}
.jsTree .itemParent .preIcon.checkboxIcon {
  cursor: pointer;
  background: url("icons/notselected-black.svg");
}
.jsTree .itemParent .preIcon.checkboxIcon.checked {
  background: url("icons/selected-black.svg");
}
.jsTree .itemParent .preIcon.radiobtnIcon {
  cursor: pointer;
  background: url("icons/radionotselected-black.svg");
}
.jsTree .itemParent .preIcon.radiobtnIcon.checked {
  background: url("icons/radioselected-black.svg");
}

@media (hover: hover) and (pointer: fine) {
  .jsTree .itemParent .preIcon.checkboxIcon:hover {
    background: url("icons/selected-black.svg");
  }
  .jsTree .itemParent .preIcon.radiobtnIcon:hover {
    background: url("icons/radioselected-black.svg");
  }
}
.jsTreeContextMenu {
  width: max-content;
  display: none;
  position: fixed;
  border-radius: 1px;
  overflow: hidden;
  background: white;
  border: 1px solid rgb(16, 111, 171);
  box-sizing: border-box;
}
.jsTreeContextMenu p {
  margin: 0;
  padding: 4px 8px;
  transition: all 0.3s ease-in;
  background: white;
}
.jsTreeContextMenu p:hover {
  background: #eee;
}

/*# sourceMappingURL=treeeditor.css.map */