.immonex-energy-scale.bandtacho .gradient {
background: rgb(19,243,4); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzZjMwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2I1ZjcwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiZjcwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2Y0YTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjM3MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(19,243,4,1) 0%, rgba(181,247,6,1) 25%, rgba(251,247,10,1) 50%, rgba(244,167,0,1) 75%, rgba(255,55,10,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(19,243,4,1)), color-stop(25%,rgba(181,247,6,1)), color-stop(50%,rgba(251,247,10,1)), color-stop(75%,rgba(244,167,0,1)), color-stop(100%,rgba(255,55,10,1))); background: -webkit-linear-gradient(left, rgba(19,243,4,1) 0%,rgba(181,247,6,1) 25%,rgba(251,247,10,1) 50%,rgba(244,167,0,1) 75%,rgba(255,55,10,1) 100%); background: -o-linear-gradient(left, rgba(19,243,4,1) 0%,rgba(181,247,6,1) 25%,rgba(251,247,10,1) 50%,rgba(244,167,0,1) 75%,rgba(255,55,10,1) 100%); background: -ms-linear-gradient(left, rgba(19,243,4,1) 0%,rgba(181,247,6,1) 25%,rgba(251,247,10,1) 50%,rgba(244,167,0,1) 75%,rgba(255,55,10,1) 100%); background: linear-gradient(to right, rgba(19,243,4,1) 0%,rgba(181,247,6,1) 25%,rgba(251,247,10,1) 50%,rgba(244,167,0,1) 75%,rgba(255,55,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13f304', endColorstr='#ff370a',GradientType=1 ); line-height: 2em;
}
.immonex-energy-scale.bandtacho.energy-data-unavailable .gradient,
.immonex-energy-scale.bandtacho.energy-data-unavailable .scale-values {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.immonex-energy-scale.bandtacho .infotext-top {
margin-bottom: 8px;
font-size: 0.9em;
font-weight: bold;
}
.immonex-energy-scale.bandtacho.display-compact .infotext-top {
text-align: center;
}
.immonex-energy-scale.bandtacho .infotext {
width: 100%;
min-height: 3.375em; box-sizing: border-box;
font-size: 0.8em;
}
.immonex-energy-scale.bandtacho .infotext .infotext-inner-wrap {
display: table;
width: 100%;
height: 3.375em;
line-height: 1.5em;
}
.immonex-energy-scale.bandtacho .infotext .infotext-inner-wrap > div {
display: table-cell;
vertical-align: middle;
}
.immonex-energy-scale.bandtacho .infotext.left .infotext-inner-wrap > div {
padding-right: 0.4em;
}
.immonex-energy-scale.bandtacho .infotext.right .infotext-inner-wrap > div {
padding-left: 0.4em;
}
.immonex-energy-scale.bandtacho .infotext.left {
text-align: right;
}
.immonex-energy-scale.bandtacho .infotext.right {
text-align: left;
}
.immonex-energy-scale.bandtacho .infotext div {
font-size: 0.95em;
}
.immonex-energy-scale.bandtacho .infotext strong {
font-size: 1.2em;
}
.immonex-energy-scale.bandtacho .infotext-compact {
font-size: 0.9em;
text-align: center;
}
.immonex-energy-scale.bandtacho .class-beside-arrow {
font-size: 1.8em;
}
.immonex-energy-scale.bandtacho .final-energy,
.immonex-energy-scale.bandtacho .primary-energy {
position: relative;
}
.immonex-energy-scale.bandtacho .final-energy > p,
.immonex-energy-scale.bandtacho .primary-energy > p {
margin: 0;
}
.immonex-energy-scale.bandtacho .final-energy .rating,
.immonex-energy-scale.bandtacho .scale-values,
.immonex-energy-scale.bandtacho .primary-energy .gradient,
.gradient.top,
.gradient.bottom {
width: 100%;
height: 1.875em;
display: table;
overflow: hidden;
}
.immonex-energy-scale.bandtacho .final-energy .rating,
.immonex-energy-scale.non-residential .primary-energy .gradient,
.gradient.top {
-webkit-border-top-left-radius: 1.563em 100%;
-webkit-border-top-right-radius: 1.563em 100%;
-moz-border-radius-topleft: 1.563em 100%;
-moz-border-radius-topright: 1.563em 100%;
border-top-left-radius: 1.563em 100%;
border-top-right-radius: 1.563em 100%;
}
.immonex-energy-scale.bandtacho .final-energy .rating > div,
.immonex-energy-scale.bandtacho .scale-values > div {
height: 100%;
line-height: normal;
text-align: center;
vertical-align: middle;
display: table-cell;
font-size: 0.9em;
}
.immonex-energy-scale.bandtacho .final-energy .rating > div {
border-right: 1px solid #000;
}
.immonex-energy-scale.bandtacho .final-energy .rating > div:last-child {
padding-left: 0.1em;
border-right: none;
text-align: left;
}
.immonex-energy-scale.bandtacho .final-energy .rating > div.current-energy-class {
font-size: 1.25em;
font-weight: bold;
}
.immonex-energy-scale.bandtacho .final-energy .rating > div.current-energy-class:last-child {
font-size: 1.15em;
}
.immonex-energy-scale.bandtacho .scale-values > div {
font-size: 0.8em;
font-weight: bold;
}
.immonex-energy-scale.non-residential .scale-values > div {
width: 9%;
font-size: 0.8em;
}
.immonex-energy-scale.non-residential .scale-values > div:last-child {
width: 10%;
}
.immonex-energy-scale.bandtacho .scale-values > div:first-child {
text-align: left;
}
.immonex-energy-scale.non-residential .scale-values > div:first-child {
padding-left: 1em;
}
.immonex-energy-scale.bandtacho .scale-values > div:last-child {
text-align: right;
}
.immonex-energy-scale.residential .primary-energy .gradient,
.gradient.bottom {
-webkit-border-bottom-left-radius: 1.563em 100%;
-webkit-border-bottom-right-radius: 1.563em 100%;
-moz-border-radius-bottomleft: 1.563em 100%;
-moz-border-radius-bottomright: 1.563em 100%;
border-bottom-left-radius: 1.563em 100%;
border-bottom-right-radius: 1.563em 100%;
}
.immonex-energy-scale.bandtacho .arrow-up,
.immonex-energy-scale.bandtacho .arrow-down {
position: absolute;
margin-left: -0.938em;
width: 0;
height: 0;
}
.immonex-energy-scale.bandtacho .arrow-up::after,
.immonex-energy-scale.bandtacho .arrow-down::before {
content: "";
position: absolute;
left: -0.625em;
width: 1.25em;
height: 0.625em;
background-color: #404040;
}
.immonex-energy-scale.bandtacho .arrow-up {
top: 1.875em;
border-bottom: 1.875em solid #404040;
border-left: 0.938em solid transparent;
border-right: 0.938em solid transparent;
}
.immonex-energy-scale.bandtacho .arrow-up::after {
top: 1.775em;
}
.immonex-energy-scale.bandtacho .arrow-down {
bottom: 1.875em;
border-top: 1.875em solid #404040;
border-left: 0.938em solid transparent;
border-right: 0.938em solid transparent;
}
.immonex-energy-scale.bandtacho .arrow-down::before {
top: -2.4em;
}
.immonex-energy-scale.bandtacho .immonex-energy-scale-co2-emissions,
.immonex-energy-scale.bandtacho .immonex-energy-scale-fgee-data,
.immonex-energy-scale.bandtacho .immonex-energy-scale-remarks {
margin-top: 1em;
}
.immonex-energy-scale.bandtacho .immonex-energy-scale-fgee-data {
display: flex;
justify-content: space-between;
}
.immonex-energy-scale.bandtacho.display-compact .immonex-energy-scale-co2-emissions,
.immonex-energy-scale.bandtacho.display-compact .immonex-energy-scale-fgee-data > div {
font-size: 0.9em;
}
@media (max-width: 460px) {
.immonex-energy-scale.bandtacho .final-energy .rating,
.immonex-energy-scale.non-residential .primary-energy .gradient,
.gradient.top {
border-top-left-radius: .75em;
border-top-right-radius: .75em;
}
.immonex-energy-scale.residential .primary-energy .gradient,
.gradient.bottom {
border-bottom-left-radius: .75em;
border-bottom-right-radius: .75em;
}
.immonex-energy-scale.bandtacho .infotext-inner-wrap {
line-height: 1em;
}
}
@media (max-width: 640px) {
.immonex-energy-scale.bandtacho .infotext-value-title-ext {
display: none;
}
}
@media print {
.immonex-energy-scale.bandtacho .gradient {
border: .1rem solid #216e29;
background: #A0A0A0 !important;
}
}