#stats {
  position: absolute;
  top:0;
  left: 0;
}

#r3d {
  background-color: #000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow:hidden;
}

#my-gui-container {
  position: fixed;
  top: 80px;
  right: 20px;
  z-index:1;
}

#VJSProbe {
  position: absolute;
  bottom:0;
  left: 0;
  height: 45px;
  font-family: monospace;
  padding: 2px;
  background-color: #F9F9F9;
  border: 1px solid #353535;
  z-index: 20;
}

.VJSWidgetVoxelProbe {
  position: absolute;
  bottom:0;
  left: 0;
  height: 45px;
  font-family: monospace;
  pointer-events: none;
}

.VJSWidgetVoxelProbe > .VJSVoxelMeasurements {
  padding: 2px;
  margin-top: -20px;
  color: #353535;
  background-color: #F9F9F9;
  border: 1px solid #00B0FF;
}

.VJSWidgetVoxelProbe.VJSVoxelProbeSelect > .VJSVoxelMeasurements {
  border: 1px solid #76FF03;
}

.VJSWidgetVoxelProbe.VJSVoxelProbeHover > .VJSVoxelMeasurements {
  border: 1px solid #F50057;
}


.VJSWidgetVoxelProbe.VJSVoxelProbeActive > .VJSVoxelMeasurements {
  border: 1px solid #FFEB3B;
}

.VJSVoxelProbeSVG {
  margin-left: -5px;
  margin-top: -5px;
}


/*update color and position, not shape...*/
.VJSVoxelProbeSVG > svg > path {
  fill: none;
  stroke: #00B0FF;
  stroke-width: 5;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 2s linear forwards;
}

.VJSWidgetVoxelProbe.VJSVoxelProbeSelect > .VJSVoxelProbeSVG > svg > path {
  stroke: #76FF03;
}

.VJSWidgetVoxelProbe.VJSVoxelProbeHover > .VJSVoxelProbeSVG > svg > path {
  stroke: #F50057;
}

.VJSWidgetVoxelProbe.VJSVoxelProbeActive > .VJSVoxelProbeSVG > svg > path {
  stroke: #FFEB3B;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}