div#page {
    overflow-x: hidden;
}
.zwa_dpe {
  margin-left: 10px;
  margin-right: 25px;
}
.zwa_dpe_graph{
  height: 36px;
  margin-bottom: 6px;
  padding: 0 7px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  transition: width .5s ease;
  min-width: 25px;
  box-sizing: border-box;
}
.zwa_dpe_graph:after {
  content: "";
  display: block;
  position: absolute;
  right: -15px;
  top: 0;
  border-top: 15px solid transparent;
  border-bottom: 14px solid transparent;
  border-left-width: 15px;
  border-left-style: solid;
}
.dpe_a{
  background-color: #009640;
}
.dpe_a:after {
  border-left-color: #009640;
}
.dpe_b{
  background-color: #52AE32;
}
.dpe_b:after {
  border-left-color: #52AE32;
}
.dpe_c{
  background-color: #C8D400;
}
.dpe_c:after {
  border-left-color: #C8D400;
}
.dpe_d{
  background-color: #FFED00;
}
.dpe_d:after {
  border-left-color: #FFED00;
}
.dpe_e{
  background-color: #F0B200;
}
.dpe_e:after {
  border-left-color: #F0B200;
}
.dpe_f{
  background-color: #EC6608;
}
.dpe_f:after {
  border-left-color: #EC6608;
}
.dpe_g{
  background-color: #E30613;
}
.dpe_g:after {
  border-left-color: #E30613;
}