svg.groupableTree {
      max-width: 100%;
      height: 100%;
    }
    .groupableTree .node circle {
      fill: #999;
    }
    
    .groupableTree .node a:hover {
      text-decoration: none;
    }

    .groupableTree .node text {
      font: 10.5pt sans-serif;
    }
    
    .groupableTree .link path {
      fill: none;
      stroke: #B0C0D0;
      stroke-opacity: 1;
    }
    
    .groupableTree .linklabel text,
    .groupableTree .node--leaf .distribution text {
      font: 7pt sans-serif;
      text-anchor: middle;
    }
    
    .groupableTree .nodebox {
      fill: #FFF;
      stroke: #B0C0D0;
    }

    .groupableTree .node--internal circle {
      fill: #555;
    }
    
    .groupableTree .node text,
    .groupableTree .linklabel text {
      text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
    }
    
    .groupableTree .selected path,
    .groupableTree .selected text,
    .groupableTree .selected rect {
      opacity: 0.3;
    }
    
    .groupableTree .distribution {
      fill: #B0C0D0;
    }
    
    .groupableTree .distribution text {
      fill: black;
      stroke: none;
    }
    
    .groupableTree .gantt {
      fill: none;
      stroke: #B0C0D0;
    }
    
    .groupableTree .axis * {
      fill: none;
      stroke: #B0C0D0;
      font-size: 0.9em;
    }
    
    .groupableTree #colNames {
      font-weight: bold;
    }
    
    .groupableTree .link:not(.active) .handle {
      display: none;
    }
    
    .groupableTree path.sgn_zero {
      stroke-dasharray: 5, 3;
    }
        
    .groupableTree .activePath > * {
      opacity: 1;
      stroke: #404040;
      touch-action: none;
    }