.g-filemanager {
  .tree-folder {
    background: url("icons/folder.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 20px;
    margin-right: 0.5rem;
  }

  .tree-folder-open {
    background: url("icons/folder-open.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 20px;
    margin-right: 0.5rem;
  }

  .tree-expanded {
    background-image: url("icons/expanded.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 10px;
    margin: 4px 0.5rem;
  }

  .tree-collapsed {
    background: unset;
    background-image: url("icons/collapsed.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 14px;
    margin: 4px 0.5rem;
  }

  .tree-file {
    background: url("icons/file-doc.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 20px;
  }

  .pdf .tree-file {
    background: url("icons/file-pdf.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 20px;
  }

  .doc .tree-file,
  .docx .tree-file {
    background: url("icons/file-doc.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 20px;
  }

  .xls .tree-file,
  .xlsx .tree-file {
    background: url("icons/file-xls.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 20px;
  }

  .tree-hit:hover {
    opacity: 0.5;
  }

  .tree-file {
    margin-left: 12px;
  }
}

.g-objectmonitor,
.g-objecmanager {
  --g-objectmanager-icon-scale: 1.5;
  --g-objectmanager-icon-margin: 0 8px;
  --g-objectmanager-icon-url: url("../themes/default/images/tree_icons.png");

  .tree-expanded {
    background: var(--g-objectmanager-icon-url) no-repeat -146px 0px;
    transform: scale(var(--g-objectmanager-icon-scale));
    margin: var(--g-objectmanager-icon-margin);
  }

  .tree-collapsed {
    background: var(--g-objectmanager-icon-url) no-repeat -130px 0px;
    transform: scale(var(--g-objectmanager-icon-scale));
    margin: var(--g-objectmanager-icon-margin);
  }

  .tree-indent {
    background: var(--g-objectmanager-icon-url) no-repeat -178px 0px;
    transform: scale(var(--g-objectmanager-icon-scale));
    margin: var(--g-objectmanager-icon-margin);
  }

  .tree-node > span.tree-indent:nth-last-of-type(3) {
    background: var(--g-objectmanager-icon-url) no-repeat -193px 0px;
    transform: scale(var(--g-objectmanager-icon-scale));
    margin: var(--g-objectmanager-icon-margin);
  }

  .tree-folder {
    background: url("icons/folder.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 20px;
    margin-right: 0.5rem;
  }

  .tree-folder-open {
    background: url("icons/folder-open.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 20px;
    margin-right: 0.5rem;
  }

  .tree-file {
    background: url("icons/file-doc.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 20px;
  }

  .tree-hit:hover {
    opacity: 0.5;
  }
}

.g-objectselector {
  .tree-hit {
    margin-right: 2rem;
  }

  .tree-expanded {
    transform: rotate(45deg) translateY(-5px);
  }

  .tree-collapsed {
    background-image: url("icons/expanded.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
  }

  .tree-file {
    background: transparent;
    width: 0.875rem;
  }

  .tree-folder {
    display: none;
  }
}