:root {
  --Primary: #3d7edb;
  --black: #000000;
  --white: #ffffff;
  --Silver: #999999;
  --light-grey: #ececec;
  --yellow: #ffa100;
  --green: #34b233;
  --invalid: #ed2939;
  --black-40: rgba(0, 0, 0, 0.4);
}




@font-face {
  font-family: Arial;
  src: local(ArialMT),
    url(/path/to/ArialMT.woff2) format("woff2"),
    url(/path/to/ArialMT.woff) format("woff"),
    url(/path/to/ArialMT.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Arial;
  src: local(Arial-BoldMT),
    url(/path/to/Arial-BoldMT.woff2) format("woff2"),
    url(/path/to/Arial-BoldMT.woff) format("woff"),
    url(/path/to/Arial-BoldMT.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
.H1-black {
  font-family: Arial;
  font-size: 52px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  color: var(--black);
}
.H1-white {
  font-family: Arial;
  font-size: 52px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  color: var(--white);
}
.h2-white {
  font-family: Arial;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: var(--white);
}
.H2-black {
  font-family: Arial;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: var(--black);
}
.H3-black {
  font-family: Arial;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--black);
}
.h3-white {
  font-family: Arial;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--white);
}
.H4-black {
  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--black);
}
.h4-white {
  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--white);
}
.H5-black {
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--black);
}
.Eyebrow-white {
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--white);
}
.Eyebrow-black {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  color: var(--black);
}
.Primary-CTA {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: var(--Primary);
}
.Secondary-CTA {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--Primary);
}
.Eyebrow-blue {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  color: var(--Primary);
}
.Body-black {
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--black);
}
.Body-blue {
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--Primary);
}
.Body-grey {
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--Silver);
}
.Body-white {
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.3px;
  color: var(--white);
}
.Sidebar-inactive {
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: var(--black);
}
.H6-black {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--black);
}
.h6-white {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--white);
}
.font1_5x{
  font-size:1.5em;  
}
.font2x{
  font-size:2em;  
}
.font3x{
  font-size:3em;  
}
.measureRefreshBtn{
  float: right;
  padding: 10px;
}
.TSEbtn-Primary {
  color: #ffffff;
  border-color: #000000;
  background: #3d7edb }
  .TSEbtn-Primary:hover {
    color: #000;
    border-color: #000;
    background: #fff; }
  .TSEbtn-Primary:active {
    color: #000;
    border-color: #000;
    background: #fff; }
  .TSEbtn-Primary:focus {
    color: #000;
    border-color: #000;
    background: #fff; }
.green {
    color: #34b233;
}
.tseProgressBar {
  width: 0%;
  height: 10px;
  background-color: #3d7edb;        
}