.vgreen {
  color: lime;
  border: lime solid;
}

.vyellow {
  color: yellow;
  border: yellow solid;
}

.vred {
  color: #f44336;
  border: #f44336 solid;
}

  #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: 6em;
    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;
}

.valueRS {font-weight: bolder;padding: 4px 21px;font-size: 2em;margin: 0 auto 20px;display: table;border-radius: 1em;}