html,

head {
  border-style: solid;
  border-color: #ccece6;
  border-width: 10px;
  font-family: 'EB Garamond', serif;
}


.lfptime{
	 width: 100%;
	 height: 100%;
	 align-items: center;
	 justify-content: center;
     display: flex;
     flex:50;
  }

body {
  color: #000;
  background: #fff;
  width: 100%;
  height: 100%;
  font-family: 'EB Garamond', serif;
  margin: 35px;
  padding: 30px;
  border: 50px;
}

path.line
{
    fill: none;
    stroke: #000;
}

.dynscatter {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scattersubtitle {
 fill: #799c94;
 font-size: 16px;
 font-weight: bold;
text-align: center;
}

     
 #Button {
        cursor: pointer;
    
  }

      #Button rect:hover {
        fill:#B9C5C5;
    
      }
      #Button rect {
        fill: #C6D2D2;
        padding: 2px;
        fill:url(#gradientTS);
        
      }
      
      #Button text {
        font-family: 'EB Garamond', serif;
        font-size: 14px;
        text-align: center;
        fill: black;
      }

  #LabButton {
        cursor: pointer;
        border-radius: 50%;
    
      }

      #LabButton rect:hover {
        fill: #B9C5C5;
    
      }
      
      #LabButton rect {
        fill: #C6D2D2;
        padding: 2px;
        fill:url(#gradientLAB);
        
      }
      
      #LabButton text {
        font-family: 'EB Garamond', serif;
        font-size: 14px;
        text-align: center;
        fill: black;
      }


 #QualButton {
        cursor: pointer;
        border-radius: 50%;
    
      }

       #QualButton rect:hover {
        fill: #B9C5C5;
    
      }
      
      #QualButton rect {
        fill: #D3EAD3;
        padding: 2px;
        fill:url(#gradientQUAL);
        
      }
      
      #QualButton text {
        font-family: 'EB Garamond', serif;
        font-size: 14px;
        text-align: center;
        fill: black;
      }

   #GovButton {
        border-radius: 17px;
        cursor: pointer;
    
      }
   #GovButton rect:hover {
        fill: #B9C5C5;
    
      }
      
      #GovButton rect {
        fill: #EAE8E8;
        fill:url(#gradientGOV);
        
      }
      
      #GovButton text {
        font-family: 'EB Garamond', serif;
        font-size: 14px;
        text-align: center;
        fill: black;
      }

  .RoundedButton rect {
        rx:10px;
        ry:10px;
        x1:0%;
        y1:0%;
        x2:0%;
        y2:100%;
      }

}

 .RoundedButtonTS rect {
        rx:10px;
        ry:10px;
      }

 .RoundedButtonTS rect {
        rx:10px;
        ry:10px;
      }

.tooltip {
    position: absolute;
    font-family: 'EB Garamond', serif;
    z-index: 10;
    visibility: hidden;
    background-color: #B4CDCD;
    text-align: center;
    padding: 2px;
    opacity: 0.65;
    border-radius: 2px;
    font-weight: bold;
    font: 12px Garamond;
    color: white;
    pointer-events: none;
}

title, p, h1, h2, h3, h4, h5, h6 {
 font-family: 'EB Garamond';
 }
 title {font-size: 6em;}
 p  { font-size: 1.1em; }
 h1 { font-size: 2.9em;  color:#6D9A9A; opacity:.9; }
 h2 { font-size: 1.8em; }
 h3 { font-size: 1.1em ; }
 h4 { font-size: 1.0em; }
 h5 { font-size: 0.9em; }
 h6 { font-size: 0.8em; }


.node {
  border: solid 1px white;
  box-sizing: border-box;
  color: black;
  font-weight: bold;
  font: 13px EB Garamond;
  line-height: 1em;
  overflow: hidden;
  position: absolute;
  white-space: pre;
  background: #ddd;
  text-indent: 2px;
}

.node-label{
  color: white;
  },
.node-value {
  margin: 4px;
}

.node-value {
  margin-top: -2px;
}

.node-value {
  font-weight: bold;

}



.barchart {
            margin: 10px;
            padding-top: 10px;
        }

        .barchart .right {
            stroke: white;
          
        }

        .barchart .left {
            stroke: white;
          
        }

        .barchart text {
        }

        .barchart text.name {
            font: 14px EB Garamond;
        }

        .barchart text.title {
            font-weight: bold;
            fill: black;
            font: 16px EB Garamond;

        }
    .ticks {
      font-size: 14px;
    }

    .track,
    .track-inset,
    .track-overlay {
      stroke-linecap: round;
      padding: 0
    }

    .track {
      stroke: #000;
      stroke-opacity: 0.3;
      stroke-width: 10px;
    }

    .track-inset {
      stroke: #dcdcdc;
      stroke-width: 8px;
    }

    .track-overlay {
      pointer-events: stroke;
      stroke-width: 50px;
      stroke: transparent;
      cursor: crosshair;
    }

    .handle {
      fill: #fff;
      stroke: #000;
      stroke-opacity: 0.5;
      stroke-width: 1.25px;
    }