visual_style.css

@media (min-width: 992px) {
  html, body {
    max-width: 100%;
    overflow-x: hidden;
  }
}
@media (min-width: 1440px) {
  .col-xxl-6{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
}
.node {
  cursor: pointer;
}

.node:hover {
  stroke: #000;
  stroke-width: 1.5px;
}

.node--leaf {
  fill: white;
  z-index:9999;
}

.label {
  font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-anchor: middle;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
}

.label,
.node--root{
  pointer-events: none;
}

#table-wrapper {
  /*sition:fixed;*/
  right:0px;
  top:100px;
  overflow-y:scroll;
  max-height:500px;
}

.tableFixHead          { overflow-y: auto; height: 500px; }
.tableFixHead thead th { position: sticky; top: -2px; background-color:white}

.js-col-12{
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.js-offset-3{
  margin-left: 25% !important;
}

.filterbox {
  flex: 0 0 35%;
}