
  #progressing h2 {
    text-align: center;
    color: white;
  }
  .timer{
    display:flex;
    align-items:center;
    justify-content:center;
    /* background-color:#ccc; */
    height:100%;
    width:100%;
  }

  .highcharts-figure{
    width: 100%;
  }
  
  .highcharts-figure .meter{
    width: 300px;
    display: inline-block;
  }
  
  .highcharts-figure rect.highcharts-plot-border {
    stroke: #000 !important;
  }
  
  .highcharts-credits {
    display: none;
  }
  
  .infome {
      background: black;
      padding: 16px;
      color: white;
  }
  
  span.desc {
    width: 7em;
    display: inline-block;
  }
  
  .testnow {
    text-align: center;
    margin-top: 1em;
  }
  
  .testnow a {
    text-decoration: none;
    color: black;
    background: silver;
    margin: 0 auto;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 900;
  }
  
  .testnow a:hover{
    color: silver;
    background: rgb(27 126 34);
  }

  figure#sgmdGauge h3#testresult {
    background: none;
    color: black;
    display: block;
    text-align: center;
    font-weight: 900;
}

.highcharts-figure section.meter.testmeter {
  /* Hidden by default; JS will show when appropriate */
  display: none;
  margin: auto;
}