:root {
  --branch-tree-item-background-color: #302f42;
  --branch-tree-item-border: 1px dashed #495074;
  --branch-tree-item-text-color: #fff;

  --branch-tree-leaf-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDY0IDI1NkEyMDggMjA4IDAgMSAwIDQ4IDI1NmEyMDggMjA4IDAgMSAwIDQxNiAwek0wIDI1NmEyNTYgMjU2IDAgMSAxIDUxMiAwQTI1NiAyNTYgMCAxIDEgMCAyNTZ6Ii8+PC9zdmc+");
  --branch-tree-open-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNjQgODBjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDMyMGMwIDguOCA3LjIgMTYgMTYgMTZsMzIwIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzIwYzAtOC44LTcuMi0xNi0xNi0xNkw2NCA4MHpNMCA5NkMwIDYwLjcgMjguNyAzMiA2NCAzMmwzMjAgMGMzNS4zIDAgNjQgMjguNyA2NCA2NGwwIDMyMGMwIDM1LjMtMjguNyA2NC02NCA2NEw2NCA0ODBjLTM1LjMgMC02NC0yOC43LTY0LTY0TDAgOTZ6TTE1MiAyMzJsMTQ0IDBjMTMuMyAwIDI0IDEwLjcgMjQgMjRzLTEwLjcgMjQtMjQgMjRsLTE0NCAwYy0xMy4zIDAtMjQtMTAuNy0yNC0yNHMxMC43LTI0IDI0LTI0eiIgZmlsbD0iI2ZmZiI+PC9wYXRoPjwvc3ZnPg==");
  --branch-tree-closed-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNjQgMzJDMjguNyAzMiAwIDYwLjcgMCA5NkwwIDQxNmMwIDM1LjMgMjguNyA2NCA2NCA2NGwzMjAgMGMzNS4zIDAgNjQtMjguNyA2NC02NGwwLTMyMGMwLTM1LjMtMjguNy02NC02NC02NEw2NCAzMnpNMjAwIDM0NGwwLTY0LTY0IDBjLTEzLjMgMC0yNC0xMC43LTI0LTI0czEwLjctMjQgMjQtMjRsNjQgMCAwLTY0YzAtMTMuMyAxMC43LTI0IDI0LTI0czI0IDEwLjcgMjQgMjRsMCA2NCA2NCAwYzEzLjMgMCAyNCAxMC43IDI0IDI0cy0xMC43IDI0LTI0IDI0bC02NCAwIDAgNjRjMCAxMy4zLTEwLjcgMjQtMjQgMjRzLTI0LTEwLjctMjQtMjR6Ii8+PC9zdmc+");
}

.jstree-default > .jstree-striped {
  background: none;
}

.jstree-default .jstree-anchor {
  width: calc(100% - 25px);
  background-color: var(--branch-tree-item-background-color);
  border-radius: 4px !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  padding: 4px 12px !important;
  height: auto !important;
  color: var(--branch-tree-item-text-color);
  border: var(--branch-tree-item-border);
}

.jstree-icon.jstree-themeicon {
  display: none;
}

.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: center !important;
  background-image: var(--branch-tree-leaf-image);
  background-size: 50%;
  margin-top: 9px;
}

.jstree-default .jstree-open > .jstree-ocl {
  background-position: center !important;
  background-image: var(--branch-tree-open-image);
  background-size: 50%;
  margin-top: 9px;
}

.jstree-default .jstree-closed > .jstree-ocl {
  background-position: center !important;
  background-image: var(--branch-tree-closed-image);
  background-size: 50%;
  margin-top: 9px;
}

.jstree-default .jstree-node {
  background-image: none;
}

.jstree-anchor .jstree-icon {
  display: none !important;
}

.jstree-anchor {
  color: #fff !important;
}

.jstree-anchor.jstree-clicked,
.jstree-anchor.jstree-hovered {
  background-color: #474761 !important;
}

#branch-tree {
  max-height: 1540px;
  overflow: scroll;
}