.label,
.wrapper,
.score {
  position: relative;
  width: 100%;
  padding: 0;
  font-size: 0;
}
.label,
.score {
  height: 20px;
}
.arrow {
  position: absolute;
  top: 0;
  font-size: 12px;
}
.label25,
.label50,
.label75 {
  color: #333333;
}
.label25 {
  position: absolute;
  top: 0;
  font-size: 12px;
  left: calc(25% - 10px);
}
.label50 {
  position: absolute;
  top: 0;
  font-size: 12px;
  left: calc(50% - 10px);
}
.label75 {
  position: absolute;
  top: 0;
  font-size: 12px;
  left: calc(75% - 10px);
}

.under,
.middle,
.upper {
  display: inline-block;
  height: 5px;
}
.under,
.upper {
  width: 25%;
  background-image: -webkit-gradient(
    linear,
    0 0,
    100% 0,
    color-stop(0.5, white),
    color-stop(0.5, transparent),
    to(transparent)
  );
  -webkit-background-size: 5px;
  /* background: linear-gradient(90deg, white, green) */
}
.under {
  background-color: rgb(174, 235, 187);
}
.upper {
  background-color: rgb(6, 150, 6);
}
.middle {
  width: 50%;
  background: linear-gradient(90deg, rgb(174, 235, 187), rgb(6, 150, 6));
}
.vl {
  position: absolute;
  left: 50%;
  width: 1px;
  background-color: black;
  height: 15px;
}
.vl-a {
  position: absolute;
  top: 18px;
  left: 50%;
  width: 1px;
  background-color: black;
  height: 15px;
}
.half {
  text-align: center;
}
#kpi-table td:last-child {
  width: 250px;
}

#kpi-table td {
  /*padding: 12;*/
  padding-bottom: 0.25em;
}

/*@media print {*/
/*  !* tr {*/
/*    page-break-inside: avoid!important;*/
/*  } *!*/
/*  .break-before {*/
/*    height: 0px;*/
/*    display: block!important;*/
/*    page-break-after: always!important;*/
/*  }*/
/*  .last-child{*/
/*    page-break-after: auto;*/
/*  }*/