@import url("../fonts/bootstrap-icons.efe54401ef52.woff");
@import url("../fonts/bootstrap-icons.84a4d15b9e44.woff2");

.table td.placeholder {
  text-align: center;
  color: #999;
}

.table td.placeholder a {
  display: block;
  text-decoration: none;
  color: inherit;
  font-weight: bold;
}

.containericon {
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}

.containericon span {
  padding-left: 0.5rem;
  font-weight: bold;
}

.label-item {
  background: #f5f5f5;
  border-radius: 3px;
  display: inline-block;
}

.label-item code {
  margin: 0em 1em;
}

@media (prefers-color-scheme: dark) {
  a {
    color: #81d4fa !important;
  }

  a.navbar-brand {
    color: #fff !important;
  }
}

/* tree node stuff */
li.node-expanded > ul {
  display: block;
}
li.node-collapsed > ul {
  display: none;
}

.item-nodes ul {
  margin-left: 10px;
  padding-left: 20px;
  border-left: 1px dashed #ddd;
  display: none;
}

.item-nodes li {
  list-style: none;
  color: #888;
  font-size: 17px;
  font-style: italic;
  font-weight: normal;
}

.item-nodes a {
  border-bottom: 1px solid transparent;
  color: #888;
  text-decoration: none;
  transition: all 0.2s ease;
}

.item-nodes a:hover {
  border-color: #eee;
  color: #000;
}

.node-loaded i {
  color: #81d4fa;
}

.node-not-loaded i {
  color: #6c757d;
}

.node-not-loaded i:hover {
  color: #e9ad5f;
}

i.node-empty, i.node-empty:hover {
  color: #6c757d;
}

@media (prefers-color-scheme: light) {
    .node-loaded i {
    color: #127ba3;
  }
}
/* for li tags that are descendants (not necesarily direct) of table with class table-striped, make these striped
.table-striped li {
  background-color: #f9f9f9;
}

.table-striped li:nth-child(odd) {
  background-color: #fff;
} */

ul.item-nodes li{
  border: 1px solid;
  border-image: linear-gradient(to right, rgba(200,200,200,0.015), rgba(200,200,200,0.04), rgba(200,200,200,0.015)) 1;
}
/* make upper border for first li tag in a ul */
ul.item-nodes li:first-child {
  border-top: 1px solid rgba(120, 120, 120, 0.5);
}
/* make lower border for last li tag in a ul */
ul.item-nodes li:last-child {
  border-bottom: 1px solid rgba(120, 120, 120, 0.5);
}
@media (prefers-color-scheme: light) {
  ul.item-nodes li{
    border: 1px solid;
    border-image: linear-gradient(to right, rgba(20, 20, 20, 0.015), rgba(20, 20, 20, 0.04), rgba(20, 20, 20, 0.015)) 1;
  }

  ul.item-nodes li:first-child {
    border-top: 1px solid rgba(120, 120, 120, 0.5);
  }

  ul.item-nodes li:last-child {
    border-bottom: 1px solid rgba(120, 120, 120, 0.5);
  }
}

/* make hovering with mouse over tr with id children-list not change it's background */
#children-list:hover {
  background: inherit;
}
#children-list{
  background: inherit;
}