@font-face {
    font-family: 'Verdana';
    src: url('/internal/common/fonts/Verdana.eot');
    src: url('/internal/common/fonts/Verdana.eot?#iefix') format('embedded-opentype'), url('/internal/common/fonts/Verdana.woff2') format('woff2'), url('/internal/common/fonts/Verdana.woff') format('woff'), url('/internal/common/fonts/Verdana.ttf') format('truetype'), url('/internal/common/fonts/Verdana.svg#Verdana') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Verdana';
    src: url('/internal/common/fonts/Verdana-Bold.eot');
    src: url('/internal/common/fonts/Verdana-Bold.eot?#iefix') format('embedded-opentype'), url('/internal/common/fonts/Verdana-Bold.woff2') format('woff2'), url('/internal/common/fonts/Verdana-Bold.woff') format('woff'), url('/internal/common/fonts/Verdana-Bold.ttf') format('truetype'), url('/internal/common/fonts/Verdana-Bold.svg#Verdana') format('svg');
    font-weight: bold;
    font-style: normal;
}

.font-verdana {
    font-family: "Verdana";
    font-weight: normal;
}

.font-verdana-bold {
    font-family: "Verdana";
    font-weight: bold;
}


/* Desactiver les lettres */
.icon-energy-left-ag .path4::before,
.icon-energy-left-ag .path5::before,
.icon-energy-left-ag .path6::before,
.icon-energy-left-ag .path7::before,
.icon-energy-left-ag .path8::before,
.icon-energy-left-ag .path9::before,
.icon-energy-left-ag .path10::before,
.icon-energy-left-ag .path11::before,
.icon-energy-left-ag .path12::before,
.icon-energy-left-ag .path13::before,
.icon-energy-left-ag .path14::before,
.icon-energy-left-ag .path15::before,
.icon-energy-left-ag .path16::before,
.icon-energy-left-ag .path17::before,
.icon-energy-left .path2::before,
.icon-energy-left .path3::before,
.icon-energy-left .path4::before,
.icon-energy-left .path5::before,
.icon-energy-left .path6::before,
.icon-energy-left .path7::before,
.icon-energy-left .path8::before {
    display: none;
}

/* Activer les lettres */
.icon-energy-left-ag.energy-a .path4::before,
.icon-energy-left-ag.energy-a .path5::before {
    display: inherit;
}
.icon-energy-left-ag.energy-a .path2::before {
    color: #00a651;
}

.icon-energy-left-ag.energy-b .path6::before,
.icon-energy-left-ag.energy-b .path7::before {
    display: inherit;
}
.icon-energy-left-ag.energy-b .path2::before {
    color: #50b848;
}

.icon-energy-left-ag.energy-c .path8::before,
.icon-energy-left-ag.energy-c .path9::before {
    display: inherit;
}
.icon-energy-left-ag.energy-c .path2::before {
    color: #bfd730;
}

.icon-energy-left-ag.energy-d .path10::before,
.icon-energy-left-ag.energy-d .path11::before {
    display: inherit;
}
.icon-energy-left-ag.energy-d .path2::before {
    color: #fff200;
}

.icon-energy-left-ag.energy-e .path12::before,
.icon-energy-left-ag.energy-e .path13::before {
    display: inherit;
}
.icon-energy-left-ag.energy-e .path2::before {
    color: #fdb913;
}

.icon-energy-left-ag.energy-f .path14::before,
.icon-energy-left-ag.energy-f .path15::before {
    display: inherit;
}
.icon-energy-left-ag.energy-f .path2::before {
    color: #f37021;
}

.icon-energy-left-ag.energy-g .path16::before,
.icon-energy-left-ag.energy-g .path17::before {
    display: inherit;
}
.icon-energy-left-ag.energy-g .path2::before {
    color: #ed1c24;
}

.icon-energy-left.energy-a .path2::before {
    display: inherit;
}
.icon-energy-left.energy-b .path3::before {
    display: inherit;
}
.icon-energy-left.energy-c .path4::before {
    display: inherit;
}
.icon-energy-left.energy-d .path5::before {
    display: inherit;
}
.icon-energy-left.energy-e .path6::before {
    display: inherit;
}
.icon-energy-left.energy-f .path7::before {
    display: inherit;
}
.icon-energy-left.energy-g .path8::before {
    display: inherit;
}

.icon-charger-infos {
    position: relative;
}


    .icon-charger-infos .path2::before {
        content: attr(data-power-range);
    }

    .icon-charger-infos .path3::before {
        content: attr(data-receptacle-type);
    }



.icon-charger-infos .path2::before,
.icon-charger-infos .path3::before {    
    color: #000000 !important;
    font-weight: 500;
    font-family: verdana !important;
    position: absolute;
    font-size: 11%;
    right: 0;
    width: 100%;
    padding-left: 0;
    text-align: center;
}


.icon-charger-infos .path2::before {
    top: 44%;
}
.icon-charger-infos .path3::before {
    top: 74%;
    font-size: .395rem;
}

.icon-energy-left {
    position: absolute;
    right: 0;
}

.icon-energy-left.energy-a {
    top: -5px;
}

.icon-energy-left.energy-b {
    top: 24px;
}

.icon-energy-left.energy-c {
    top: 53px;
}

.icon-energy-left.energy-d {
    top: 82px;
}

.icon-energy-left.energy-e {
    top: 111px;
}

.icon-energy-left.energy-f {
    top: 140px;
}

.icon-energy-left.energy-g {
    top: 170px;
}

.link-qr-code,
.link-qr-code:hover {
    color: #212529;
    text-decoration: none;
}

#energyLabelModal .modal-body {
    width: 320px;
    max-width: 100%;
    margin: auto;
}