.immonex-energy-scale.stacked_bars {
font-size: 16px;
}
.immonex-energy-scale.stacked_bars .infotext-top {
margin-bottom: 8px;
font-size: 0.8em;
font-weight: bold;
}
.immonex-energy-scale.stacked_bars.display-compact .infotext-top {
text-align: center;
}
.immonex-energy-scale.stacked_bars .energy-class-bars {
margin-bottom: 0.25em;
}
.immonex-energy-scale.stacked_bars .energy-class-bars::after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.immonex-energy-scale.stacked_bars.energy-data-unavailable .energy-class-bars {
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
.immonex-energy-scale.stacked_bars .class-bar-wrap {
clear: both;
}
.immonex-energy-scale.stacked_bars .class-bar-wrap p {
margin: 0;
}
.immonex-energy-scale.stacked_bars .class-bar {
margin-right: 8px;
margin-bottom: 2px;
float: left;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar {
display: table;
}
.immonex-energy-scale.stacked_bars .class-bar > .class-label {
margin-right: 8px;
padding: 0 0 0 8px;
color: #FFF;
font-size: 1em;
font-weight: bold;
line-height: 1.25em;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
float: left;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar > .class-label {
display: table-cell;
margin-right: 0;
}
.immonex-energy-scale.stacked_bars .class-bar.is-active > .class-label {
font-size: 1.7em;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.immonex-energy-scale.stacked_bars .class-bar-a4 {
width: 18.5%;
background: #1e6325; background:
linear-gradient(to right, #1c5e4f 0%, #28855c 70%) top left,
linear-gradient(225deg, transparent 1em, #1c5e4f 0%, #28855c 80%) top right,
linear-gradient(315deg, transparent 1em, #1c5e4f 0%, #28855c 80%) bottom right,
linear-gradient(to right, #1c5e4f 0%, #28855c 70%) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-a4 {
width: 60%; }
.immonex-energy-scale.stacked_bars .class-bar-a-plus-plus,
.immonex-energy-scale.stacked_bars .class-bar-a3 {
width: 20%;
background: #216e29; background:
linear-gradient(to right, #216d5c 0%, #2c9366 70%) top left,
linear-gradient(225deg, transparent 1em, #216d5c 0%, #2c9366 80%) top right,
linear-gradient(315deg, transparent 1em, #216d5c 0%, #2c9366 80%) bottom right,
linear-gradient(to right, #216d5c 0%, #2c9366 70%) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-a-plus-plus,
.immonex-energy-scale.stacked_bars.display-compact .class-bar-a3 {
width: 64%; }
.immonex-energy-scale.stacked_bars .class-bar-a-plus,
.immonex-energy-scale.stacked_bars .class-bar-a2 {
width: 22.5%;
background: #216e29; background:
linear-gradient(to right, #216d5c 0%, #2c9366 70%) top left,
linear-gradient(225deg, transparent 1em, #216d5c 0%, #2c9366 80%) top right,
linear-gradient(315deg, transparent 1em, #216d5c 0%, #2c9366 80%) bottom right,
linear-gradient(to right, #216d5c 0%, #2c9366 70%) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-a-plus,
.immonex-energy-scale.stacked_bars.display-compact .class-bar-a2 {
width: 68%; }
.immonex-energy-scale.stacked_bars .class-bar-a,
.immonex-energy-scale.stacked_bars .class-bar-a1 {
width: 25%;
background: #216e29; background:
linear-gradient(to right, #216e29 0%, #2c9337 70%) top left,
linear-gradient(225deg, transparent 1em, #216e29 0%, #2c9337 80%) top right,
linear-gradient(315deg, transparent 1em, #216e29 0%, #2c9337 80%) bottom right,
linear-gradient(to right, #216e29 0%, #2c9337 70%) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-a,
.immonex-energy-scale.stacked_bars.display-compact .class-bar-a1 {
width: 72%; }
.immonex-energy-scale.stacked_bars .class-bar-b {
width: 30%;
background: #619121; background:
linear-gradient(to right, #619121 0%, #7ab82b 70%) top left,
linear-gradient(225deg, transparent 1em, #619121 0%, #7ab82b 80%) top right,
linear-gradient(315deg, transparent 1em, #619121 0%, #7ab82b 80%) bottom right,
linear-gradient(to right, #619121 0%, #7ab82b 70%) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-b {
width: 76%; }
.immonex-energy-scale.stacked_bars .class-bar-c {
width: 35%;
background: #8fa611; background:
linear-gradient(to right, #8fa611 0%, #b1cb14 70%) top left,
linear-gradient(225deg, transparent 1em, #8fa611 0%, #b1cb14 80%) top right,
linear-gradient(315deg, transparent 1em, #8fa611 0%, #b1cb14 80%) bottom right,
linear-gradient(to right, #8fa611 0%, #b1cb14 70%) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-c {
width: 80%; }
.immonex-energy-scale.stacked_bars .class-bar-d {
width: 40%;
background: #cfa913; background:
linear-gradient(to right, #cfa913 0%, #f8c61b 70%) top left,
linear-gradient(225deg, transparent 1em, #cfa913 0%, #f8c61b 80%) top right,
linear-gradient(315deg, transparent 1em, #cfa913 0%, #f8c61b 80%) bottom right,
linear-gradient(to right, #cfa913 0%, #f8c61b 70%) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-d {
width: 84%; }
.immonex-energy-scale.stacked_bars .class-bar-e {
width: 45%;
background: #c77c14; background:
linear-gradient(to right, #c77c14 0%, #ee9418 70%) top left,
linear-gradient(225deg, transparent 1em, #c77c14 0%, #ee9418 80%) top right,
linear-gradient(315deg, transparent 1em, #c77c14 0%, #ee9418 80%) bottom right,
linear-gradient(to right, #c77c14 0%, #ee9418 70%) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-e {
width: 88%; }
.immonex-energy-scale.stacked_bars .class-bar-f {
width: 50%;
background: #ba4120; background:
linear-gradient(to right, #ba4120 0%, #e04f25 70%) top left,
linear-gradient(225deg, transparent 1em, #ba4120 0%, #e04f25 80%) top right,
linear-gradient(315deg, transparent 1em, #ba4120 0%, #e04f25 80%) bottom right,
linear-gradient(to right, #ba4120 0%, #e04f25 70%) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-f {
width: 92%; }
.immonex-energy-scale.stacked_bars .class-bar-g {
width: 55%;
background: #911120; background:
linear-gradient(to right, #911120 0%, #b71629 70%) top left,
linear-gradient(225deg, transparent 1em, #911120 0%, #b71629 80%) top right,
linear-gradient(315deg, transparent 1em, #911120 0%, #b71629 80%) bottom right,
linear-gradient(to right, #911120 0%, #b71629 70%) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-g {
width: 96%; }
.immonex-energy-scale.stacked_bars .class-bar-h {
width: 60%;
background: #911120; background:
linear-gradient(to right, #921145 0%, #b81648 70%) top left,
linear-gradient(225deg, transparent 1em, #921145 0%, #b81648 80%) top right,
linear-gradient(315deg, transparent 1em, #921145 0%, #b81648 80%) bottom right,
linear-gradient(to right, #921145 0%, #b81648 70%) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-h {
width: 100%;
}
.immonex-energy-scale.stacked_bars .class-bar-wrap .final-energy-value {
line-height: 2.2em;
overflow: hidden;
}
.immonex-energy-scale.stacked_bars.display-compact .class-bar-wrap .final-energy-value {
display: table-cell;
height: 100%;
padding-right: 1em;
vertical-align: middle;
font-size: 0.7em;
line-height: 1.3em;
font-weight: bold;
color: #FFF;
overflow: hidden;
}
.immonex-energy-scale.stacked_bars .immonex-energy-scale-co2-emissions,
.immonex-energy-scale.stacked_bars .immonex-energy-scale-fgee-data,
.immonex-energy-scale.stacked_bars .immonex-energy-scale-remarks {
margin-top: 1em;
}
.immonex-energy-scale.stacked_bars .immonex-energy-scale-fgee-data {
display: flex;
justify-content: space-between;
}
@media print {
.immonex-energy-scale.stacked_bars .class-bar-a-plus-plus {
border: .1rem solid #216e29;
background: #216e29 !important;
}
.immonex-energy-scale.stacked_bars .class-bar-a-plus {
border: .1rem solid #216e29;
background: #216e29 !important;
}
.immonex-energy-scale.stacked_bars .class-bar-a {
border: .1rem solid #216e29;
background: #216e29 !important;
}
.immonex-energy-scale.stacked_bars .class-bar-b {
border: .1rem solid #619121;
background: #619121 !important;
}
.immonex-energy-scale.stacked_bars .class-bar-c {
border: .1rem solid #8fa611;
background: #8fa611 !important;
}
.immonex-energy-scale.stacked_bars .class-bar-d {
border: .1rem solid #cfa913;
background: #cfa913 !important;
}
.immonex-energy-scale.stacked_bars .class-bar-e {
border: .1rem solid #c77c14;
background: #c77c14 !important;
}
.immonex-energy-scale.stacked_bars .class-bar-f {
border: .1rem solid #ba4120;
background: #ba4120 !important;
}
.immonex-energy-scale.stacked_bars .class-bar-g {
border: .1rem solid #911120;
background: #911120 !important;
}
.immonex-energy-scale.stacked_bars .class-bar-h {
border: .1rem solid #911120;
background: #911120 !important;
}
}