.div-tree {
  background: var(--portalThemeColor5);
  padding: 20px;
  border-radius: 10px;
  max-height: fit-content;
  white-space: nowrap;
}

.header-tree {
  display: flex !important;
  white-space: nowrap;
  gap: 5px;
  margin-top: 5px;
}

  .header-tree img {
    width: 13px; 
    height: 13px;
    margin-top: 5px;
  }

  .header-tree h2 {
    margin-top: 0px;
  }


.tree {
  --spacing: 1.5rem;
  --radius: 10px;
  margin-left: calc(var(--radius) - var(--spacing));
}

  .tree li {
    display: block;
    position: relative;
    margin-bottom: 5px;
  }

  .tree li a {
    margin-left: 0px !important;
  }

  .tree * summary {
    color: var(--portalThemeColor2);
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    font-size: 14px;
  }

  .tree {
    padding-left: 1rem !important;
  }

  ul.tree ul {
    padding-left: 0;
  }

@media (min-width: 992px) {
  .a-tree {
    font-size: 1vw;
  }

  .header-tree h2 {
    font-size: 1.3vw;
  }

  .tree * summary {
    font-size: 1vw;
  }

  .header-tree img {
    width: 1vw; 
    height: 1vw;
    margin-top: 0.2vw;
  }
}

.img-sidebar-left {
    margin-right: 5px;
    width: 9px;
    height: 9px;
}