.block-cell{
    border: 1px dashed #847c77;
    width: 100%;
    height: 358px;
}

.block-cell-2{
    border: none;
    width: 100%;
    height: 358px;
}

.block-cell-3{
    border: none;
    width: 100%;
}

.seg_boundary{
    position: absolute;
    width: 350px;          
    height: 350px;         
    border: 1px dashed #847c77;
    background: none;
}

#controls {
  position: absolute;
  width: 940px;
  padding: 10px;
  z-index: 1;
}

.dot {
  stroke: #000;
  stroke-width: 0.25px;
}

.area-outer {
  opacity: 0.2;
}

.area-inner {
  opacity: 0.3;
}

.line {
  fill: none;
}

.line-dashed {
  fill: none;
  opacity: 0.5;
  stroke-dasharray: 5, 5;
}

#graph {
  border: 1px 'black';
  background: 'grey';
}

div.tooltip { 
    position: absolute;     
    text-align: center;     
    width: 60px;          
    height: 28px;         
    padding: 2px;       
    font: 12px sans-serif;    
    background: lightsteelblue; 
    border: 0px;    
    border-radius: 8px;     
    pointer-events: none;     
}