/*D*/
/*
.co2label                            { font-size: 11px; line-height: normal; font-family: "Arial"!important;}
.co2label.disabled                   { filter: grayscale(100%) opacity(50%); }
.co2label strong                     { font-size: 17px; margin-bottom: 5px; display: block; }
.co2label .co2label_wrapper                    { width: 100%; font-size: 15px; font-weight: bold;}
.co2label .co2label_wrapper > div              { margin: 6px 0px; position: relative; }
.co2label .co2label_wrapper > div > div        { position: relative; height: 18px; border-radius: 2px 1px 1px 2px; color: #fff; line-height: 18px; padding-left: 5px; }
.co2label .co2label_wrapper > div > div:before { content:''; position: absolute; right: -18px; width: 0px; height: 0px; border-width: 9px; border-style: solid; border-color: transparent; }
.co2label .co2label_wrapper > div:before       { display: none; content:''; position: absolute; right: 15%; width: 0px; height: 0px; border-width: 9px; border-style: solid; border-color: transparent; border-right-color: #000; }
.co2label .co2label_wrapper > div:after        { display: none; content:''; height: 18px; line-height: 18px; position: absolute; top: 0px; right: 18px;  width: 15%; text-align: right; right: 0px; border-radius: 1px 2px 2px 1px; background-color: #000; color: #fff; padding-right: 5px; }

.co2label .co2label_wrapper > div:nth-child(1):after        { content:'A';                     }
.co2label .co2label_wrapper > div:nth-child(2):after        { content:'B';                     }
.co2label .co2label_wrapper > div:nth-child(3):after        { content:'C';                     }
.co2label .co2label_wrapper > div:nth-child(4):after        { content:'D';                     }
.co2label .co2label_wrapper > div:nth-child(5):after        { content:'E';                     }
.co2label .co2label_wrapper > div:nth-child(6):after        { content:'F';                     }
.co2label .co2label_wrapper > div:nth-child(7):after        { content:'G';                     }

.co2label .co2label_wrapper > div:nth-child(1) > div        { background: #00ff00; width: 30%; }
.co2label .co2label_wrapper > div:nth-child(2) > div        { background: #4dff00; width: 35%; }
.co2label .co2label_wrapper > div:nth-child(3) > div        { background: #b3ff00; width: 40%; }
.co2label .co2label_wrapper > div:nth-child(4) > div        { background: #ffff00; width: 45%; }
.co2label .co2label_wrapper > div:nth-child(5) > div        { background: #ffb300; width: 50%; }
.co2label .co2label_wrapper > div:nth-child(6) > div        { background: #ff4d00; width: 55%; }
.co2label .co2label_wrapper > div:nth-child(7) > div        { background: #ff0000; width: 60%; }

.co2label .co2label_wrapper > div:nth-child(1) > div:before { border-left-color: #00ff00;      }
.co2label .co2label_wrapper > div:nth-child(2) > div:before { border-left-color: #4dff00;      }
.co2label .co2label_wrapper > div:nth-child(3) > div:before { border-left-color: #b3ff00;      }
.co2label .co2label_wrapper > div:nth-child(4) > div:before { border-left-color: #ffff00;      }
.co2label .co2label_wrapper > div:nth-child(5) > div:before { border-left-color: #ffb300;      }
.co2label .co2label_wrapper > div:nth-child(6) > div:before { border-left-color: #ff4d00;      }
.co2label .co2label_wrapper > div:nth-child(7) > div:before { border-left-color: #ff0000;      }

.co2label .co2label_wrapper.a  > div:nth-child(1):before,.co2label .co2label_wrapper.a  > div:nth-child(1):after { display: block; }
.co2label .co2label_wrapper.b  > div:nth-child(2):before,.co2label .co2label_wrapper.b  > div:nth-child(2):after { display: block; }
.co2label .co2label_wrapper.c  > div:nth-child(3):before,.co2label .co2label_wrapper.c  > div:nth-child(3):after { display: block; }
.co2label .co2label_wrapper.d  > div:nth-child(4):before,.co2label .co2label_wrapper.d  > div:nth-child(4):after { display: block; }
.co2label .co2label_wrapper.e  > div:nth-child(5):before,.co2label .co2label_wrapper.e  > div:nth-child(5):after { display: block; }
.co2label .co2label_wrapper.f  > div:nth-child(6):before,.co2label .co2label_wrapper.f  > div:nth-child(6):after { display: block; }
.co2label .co2label_wrapper.g  > div:nth-child(7):before,.co2label .co2label_wrapper.g  > div:nth-child(7):after { display: block; } 
*/


.co2label {
  line-height: normal;
  margin-bottom: 1rem;
}

.co2label_container {
  display: flex;
  line-height: normal;
  font-size: 12px;
  font-family: "Arial" !important;
  color: #fff;
  font-weight: bold;
}

.co2label_container.desc {
  color: inherit !important;
  font-weight: normal !important;
}

.co2label_container>div>div {
  display: flex;
  align-items: center;
  padding: 0 .75rem;
  position: relative;
  height: 1.2rem;
  margin: .25rem 0 .25rem 10px;
}

.co2label_container>div>div:after {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
}

.co2label_left {
  width: 150px;
  margin-right: 2rem;
}

.co2label_left>div {
  margin-left: 0 !important;
}

.co2label_left>div:after {
  right: -20px;
}

.co2label_left>div:nth-child(1) {
  background: #00ff00;
  width: calc(40% - 20px);
}

.co2label_left>div:nth-child(2) {
  background: #4dff00;
  width: calc(50% - 20px);
}

.co2label_left>div:nth-child(3) {
  background: #b3ff00;
  width: calc(60% - 20px);
}

.co2label_left>div:nth-child(4) {
  background: #ffff00;
  width: calc(70% - 20px);
}

.co2label_left>div:nth-child(5) {
  background: #ffb300;
  width: calc(80% - 20px);
}

.co2label_left>div:nth-child(6) {
  background: #ff4d00;
  width: calc(90% - 20px);
}

.co2label_left>div:nth-child(7) {
  background: #ff0000;
  width: calc(100% - 20px);
}

.co2label_left>div:nth-child(1):after {
  border-left-color: #00ff00;
}

.co2label_left>div:nth-child(2):after {
  border-left-color: #4dff00;
}

.co2label_left>div:nth-child(3):after {
  border-left-color: #b3ff00;
}

.co2label_left>div:nth-child(4):after {
  border-left-color: #ffff00;
}

.co2label_left>div:nth-child(5):after {
  border-left-color: #ffb300;
}

.co2label_left>div:nth-child(6):after {
  border-left-color: #ff4d00;
}

.co2label_left>div:nth-child(7):after {
  border-left-color: #ff0000;
}

.co2label_middle {
  width: 80px;
}

.co2label_middle>div {
  visibility: hidden;
  background-color: #000;
  width: calc(100% - 40px);
  justify-content: end;
}

.co2label_middle>div:after {
  left: -20px;
  border-right-color: #000 !important;
}

.co2label_middle.a>div:nth-child(1),
.co2label_middle.b>div:nth-child(2),
.co2label_middle.c>div:nth-child(3),
.co2label_middle.d>div:nth-child(4),
.co2label_middle.e>div:nth-child(5),
.co2label_middle.f>div:nth-child(6),
.co2label_middle.g>div:nth-child(7) {
  visibility: visible;
}

.co2label_right {
  width: 115px;
  border-left: 1px solid #000;
  padding-left: 25px;
}

.co2label_right>div {
  visibility: hidden;
  background: #000;
  width: calc(100% - 50px);
  justify-content: end;
}

.co2label_right>div:after {
  left: -20px;
  border-right-color: #000 !important;
}

.co2label_right.a>div:nth-child(1),
.co2label_right.b>div:nth-child(2),
.co2label_right.c>div:nth-child(3),
.co2label_right.d>div:nth-child(4),
.co2label_right.e>div:nth-child(5),
.co2label_right.f>div:nth-child(6),
.co2label_right.g>div:nth-child(7) {
  visibility: visible;
}

.co2label_container.desc {
  margin-bottom: .5rem;
}

.co2label_container.desc .co2label_right {
  border-left: 1px solid transparent;
}