.node {
  cursor: pointer;
}


.node circle {
  /*fill: #fff;*/
  stroke: #eee;
  stroke-width: 1.5px;
}


.node text {
  fill: #fff !important;;
  font: 12px sans-serif;
  stroke: #fff;
  stroke-width: 0.2px;
}


.linkpath {
  stroke: #333;
  fill: none;
  /*color: "#fff";*/
  stroke-width: 1.5px;
}



.row {
  height: 100%;
  display: table;
  /*display: table;*/
}


.column1 {
  /*display: block;*/
  float: left;
  width: 66.66%;
  height: 100%;
}



.column2 {
  display: inline-block;
  /*vertical-align: center;*/
  float: left;
  width: 33.3%;
  height: 100%;
}






/*$p: 2em;*/

/*html #theTidyTreePage {*/
  /* same as before */
/*  background: repeating-radial-gradient(circle, */
/*    var(--c0) 0 var(--pos, 0px), var(--c1) 0 $p);*/
/*}*/

/*@keyframes pos { 90%, 100% { --pos: #{$p} } }*/


#theTidyTreeImage {
  display: inline-block;
  float: left;
  /*vertical-align: middle!important;*/
  width: 33%;
}

spancolumn2a {
  display: block;
}


#theTidyTreeImage {
  margin-top: 300px;
  display: block;
}


#theTidyTreeImagetext p {
  fill: #fff !important;
  margin-top: 500px;
  font: 12px sans-serif;
  stroke: #fff;
  stroke-width: 0.2px;
  text-align: left;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  clear: both;
  z-index: -1;
}



.interactive9362:hover {
  width: 30%;
}


.interactive9375:hover {
  width: 50%;
}


.interactive9402:hover {
  width: 50%;
}


.interactive9404:hover {
  width: 80%;
}


.figurelabels {
  text-align:left;
  font-size: 0.7em;
}
.figurelabels text {
  /*text-align: inherit;*/
  vertical-align: top;
  line-height:1.2em;
  font-size: 0.7em;
  display: inline-block;
}

/*.figurelabels text br {*/
/*        line-height: 0px;*/
/*        margin-top: 0px;*/
/*        margin-bottom: 0px;*/
/*     }*/


/*.creativewaysOuterOuter {*/
/*  text-align:  center;*/
/*  justify-content: center;*/
/*}*/
/*.creativewaysOuter {*/
/*  display: inline-block;*/
/*}*/

.rowImages {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.columnImages {
  flex: 10%;
  max-width: 10%;
  padding: 0 6px;
}

.columnImages img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}