html {
  height: 100%;
  width: 100%;
  overflow-x: none !important;
}
body {
  height: 100%;
  width: 100%;
  overflow-x: none !important;
}
nav {
  padding-left: 3em;
  background: #062f4f;
}
.footer {
  width: 100vw !important;
  height: 5vh !important;
}
body {
  background-color: #062f4f !important;
  width: 100vw;
  overflow-x: hidden !important;
}

.img-struktur {
  position: relative;
  object-fit: cover;
  width: 100% !important;
}

.struktur-node-foot {
  display: relative;
  color: #062f4f !important;
}

caption,
th {
  text-align: left;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 1px;
}
.text-struktur {
  font-size: 0.75vw;
}

.node.struktur #struktur {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
}
/* optional Container STYLES */
.chart {
  height: 600px;
  margin: 5px;
  width: 900px;
}
.Treant > .node {
  padding: 5px;
  border: 3px solid #062f4f;
  border-radius: 10px;
}
.Treant > .node img {
  width: 100%;
  height: 100%;
}

.Treant .collapse-switch {
  width: 100%;
  height: 100%;
  border: 1px;
}
.Treant .node.collapsed {
  background-color: rgba(53, 53, 53, 0);
}
.Treant .node.collapsed .collapse-switch {
  background: none;
}

/* timeline*/
.node.node-timeline {
  background-color: none !important;
  border: none !important;
}

.struktur-node {
  width: 8em;
  height: 10em;
}

.timeline-line {
  max-width: 2px !important;
  width: 2px !important;
  height: 5em;
  padding: 0 2px;
}
.timeline-tanggal {
  background-color: rgb(237, 85, 59);
}
.wrapper.timelines {
  width: 18rem;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .text-struktur {
    font-size: 8pt;
  }
  .struktur-node {
    width: 8em !important;
    height: 10em !important;
  }
  .node.node-timeline {
    width: 100%;
  }
  .node.node-timeline {
    background-color: none !important;
    border: none !important;
  }
  #struktur-node {
    width: 40% !important;
  }
  .node.node-timeline .struk .row .col h3 {
    font-size: 10pt;
    padding: 1em 0 1em 0;
  }
  .node.node-timeline .struk .row .col h4 {
    font-size: 12 pt;
  }
}

.timelines {
  cursor: pointer;
}
#timelineModalBody {
  text-indent: 1.5em;
  overflow: scroll;
  overflow-y: scroll;
  max-height: 35%!;
  height: 45vh;
}