.dpe_common {
    position: absolute;
    width: 55mm;
    height: 55mm;
    color: transparent;
}

.dpe_common img{
    position: absolute;
    width: 100%;
    left: -1mm;
    top: 0mm;
    z-index: 1;
}

.dpe_common .unite{
    position: absolute;
    top: 2mm;
    right: 4mm;
    color: #000;
    font-size: 2.7mm;
    font-weight: 600;
    z-index: 3;
}

.dpe_common .dpeTop,.dpe_common .dpeBottom {
    color: black;
    font-size: 2.7mm;
    font-weight: 600;
    font-style: italic;
    position: absolute;
    left: 0mm;
    display: block;
    width: 40mm;
    z-index: 2;
}

.dpe_common .dpeTop {
    top: 2mm;
}

.dpe_common .dpeBottom {
    bottom: -2mm;
}

/**
    DPE 2021
 */
.diagnostics {margin-top: 5px;}
.diagnostics .wrapper-diagnostic .dpeA {
    background:inherit;
    background-color: #00a774;
}
.diagnostics .wrapper-diagnostic .dpeB {
    background:inherit;
    background-color: #00bb54;
}
.diagnostics .wrapper-diagnostic .dpeC {
    background:inherit;
    background-color: #4ac57b;
}
.diagnostics .wrapper-diagnostic .dpeD {
    background:inherit;
    background-color: #fdeb00;
}
.diagnostics .wrapper-diagnostic .dpeE {
    background:inherit;
    background-color: #ffbc00;
}
.diagnostics .wrapper-diagnostic .dpeF {
    background:inherit;
    background-color: #ff882f;
}
.diagnostics .wrapper-diagnostic .dpeG {
    background:inherit;
    background-color: #ec0118;
}
.diagnostics .wrapper-diagnostic .gesA {
    background:inherit;
    background-color: #a3dbfc;
}
.diagnostics .wrapper-diagnostic .gesB {
    background:inherit;
    background-color: #8ab5d2;
}
.diagnostics .wrapper-diagnostic .gesC {
    background:inherit;
    background-color: #7692b1;
}
.diagnostics .wrapper-diagnostic .gesD {
    background:inherit;
    background-color: #5e708d;
}
.diagnostics .wrapper-diagnostic .gesE {
    background:inherit;
    background-color: #4d5272;
}
.diagnostics .wrapper-diagnostic .gesF {
    background:inherit;
    background-color: #393550;
}
.diagnostics .wrapper-diagnostic .gesG {
    background:inherit;
    background-color: #291b35;
}
.gradiant-wrapper {
    width: 100%;
    margin-top: 2mm;
    margin-bottom: 6mm;
    height: 2mm;
    align-items: center;
    float: left;
}
.diagnostics .wrapper-diagnostic .diagnostic-box.diagnostic-box-active {
    width: 12mm;
    height: 7mm;
    border-radius: 1mm;
    border: 1px solid #fff;
    margin-top: -2.4mm;
}

.diagnostics .wrapper-diagnostic .diagnostic-box {
    justify-content: center;
    align-items: center;
    margin: 0 0.7mm;
    width: 5mm;
    height: 2.6mm;
    color: #000;
    font-size: 5mm;
    font-weight: 600;
    text-align: center;
    float: left;
}
.diagnostics .wrapper-diagnostic .title-energy {
    font-size: 3mm;
    font-weight: 600;
    color: #000;
    text-align: left;
}
.diagnostics .wrapper-diagnostic .dpeG, .diagnostics .wrapper-diagnostic .gesD, .diagnostics .wrapper-diagnostic .gesE, .diagnostics .wrapper-diagnostic .gesF, .diagnostics .wrapper-diagnostic .gesG {
    color: #fff;
}
.diagnostics .wrapper-diagnostic .dpeA, .diagnostics .wrapper-diagnostic .gesA {
    border-radius: 0.5rem 0 0 0.5rem;
    height: 2.8mm;
}
.diagnostics .wrapper-diagnostic .dpeG, .diagnostics .wrapper-diagnostic .gesG {
    border-radius: 0 0.5rem 0.5rem 0;
    height: 2.8mm;
}
.energivore {
    display: none;
}