[role="treeitem"] .flex-grow-1{align-self: center}
.doc:before, .contact:before, .event:before, .form:before, .link:before, .page:before {
  font-family: "bootstrap-icons";
  font-size: 1.5em;
  display: inline-block;
  line-height: 2rem;
  padding-right: 0.5rem;
}
.doc:before {
  content: "\F63E"
}
.event:before {
  content: "\F1E8"
}
.page:before {
  content: "\F620"
}
.contact:before {
  content: "\F8C9"
}
.link:before {
  content: "\F470"
}
.form:before {
  content: "\F4CA"
}
.new-window:after {
  font-family: "bootstrap-icons";
  content: "\F135";
  vertical-align: middle;
  padding-left: 0.25em;
}

ul[role="tree"],ul[role="group"] {
  margin: 0;
  padding: 0;
  list-style: none;
}
span.bs-folder{font-weight: 500}

[role="treeitem"][aria-expanded="false"] > span.bs-folder::before {
  font-family: "bootstrap-icons";
  content: "\F3D9";
  display: inline-block;
  padding-right: 3px;
  vertical-align: -0.2em;
  font-size: 1.5em;
  margin-right: 0.2em;
  padding-left: 0.4em;
}
[role="treeitem"][aria-expanded="true"] > span.bs-folder::before {
  font-family: "bootstrap-icons";
  content: "\F3D8";
  display: inline-block;
  padding-right: 3px;
  vertical-align: -0.2em;
  font-size: 1.5em;
  margin-right: 0.2em;
  padding-left: 0.4em;
}
[role="treeitem"]:focus, [role="treeitem"] a:hover {
  outline: 0;
}
[role="treeitem"], [role="treeitem"] span {
  border: none;
  display: block;
  margin-bottom: 0.075em;
  padding: 1px;
}
[role="treeitem"] a {
  text-decoration: none;
  line-height: 1.125em;
  padding: 1px;
}
[role="treeitem"] a small {
  font-size: .775em;
}
[role="treeitem"] ul {
  margin: 0 0 0 1rem;
  padding: 0;
}
[role="treeitem"][aria-expanded="false"] > ul {
  display: none
}
[role=treeitem][aria-expanded="true"] > ul {
  display: block;
  list-style: none;
}
[role="treeitem"] span.focus, [role="treeitem"].focus {
  border-radius: var(--bs-border-radius);
  border: thin solid var(--bs-border-color);
  background-color: var(--bs-list-group-bg-hover);
  padding: 0;
}
[role="treeitem"] span.hover, [role="treeitem"].hover {
  border-radius: var(--bs-border-radius);
  border: thin solid var(--bs-border-color);
  background-color: var(--bs-list-group-bg-hover);
  padding: 0;
}
@media only screen and (max-width:768px) {
  ul[role="group"] {
    padding-left: 0;
  }
  [role="treeitem"] ul {
    margin: 0 0 0 0.5rem;
  }
}