.field[data-name="chartType"] .label,.field[data-name="consumptionUnit"] .label{display:none}.field[data-name="chartType"] .options,.field[data-name="consumptionUnit"] .options{margin-top:0}.field[data-name="chartType"] .option,.field[data-name="consumptionUnit"] .option{position:relative;display:inline-block;cursor:pointer}.field[data-name="chartType"] .option+.option,.field[data-name="consumptionUnit"] .option+.option{margin-left:18px}.field[data-name="chartType"] .option input,.field[data-name="consumptionUnit"] .option input{position:absolute;z-index:-1;opacity:0}.field[data-name="chartType"] .option input:checked+.icon,.field[data-name="consumptionUnit"] .option input:checked+.icon{color:#f78d1e}.field[data-name="chartType"] .option input:focus+.icon,.field[data-name="consumptionUnit"] .option input:focus+.icon{outline:1px dotted}.field[data-name="chartType"] .option .icon,.field[data-name="consumptionUnit"] .option .icon{color:#c7c7c7}fieldset.components{clear:both}.field[data-name="component"] .option{padding-left:0;text-indent:0}.field[data-name="component"] .option+.option{margin-left:18px}.field[data-name="component"] .option .control{width:auto}.field[data-name="component"] .option input{position:absolute;z-index:-1;opacity:0}.field[data-name="component"] .option input:checked+span{color:#f78d1e}.field[data-name="component"] .option input:focus+span{outline:1px dotted}.chart{position:relative;height:384px;max-height:100vh}.chart .c3-regions{fill:#f3f3f3}.chart .c3-shape{cursor:auto !important}.chart .day-region rect{fill-opacity:.5 !important}.chart .weekend-region rect{fill:#e0e0e0;fill-opacity:1 !important;transform:translateX(-1.5%)}.chart .weekend-region text{fill:#4d4d4d;fill-opacity:1 !important;text-anchor:middle;font-size:.8em;transform:translateX(-3%)}.chart .weekend-region text.full{transform:translateX(-4.5%)}.chart .domain{display:none}.chart .c3-axis-y-label,.chart .c3-axis-y2-label{text-anchor:start !important}.chart .c3-axis .tick text,.chart .c3-ygrid-line text,.chart .c3-axis-y-label,.chart .c3-axis-y2-label{fill:#a8a8a8;font-size:.8em}.chart .c3-ygrid-line line{stroke-dasharray:none}.chart .c3-ygrid-line.maximumAllowedLoad{display:none}.chart .c3-ygrid-line.maximumAllowedLoad line{stroke:#f78d1e;stroke-dasharray:0;stroke-width:1px}.chart .c3-chart-line{fill:none;stroke-width:2}.chart .c3-area{opacity:0.2 !important}.chart .c3-bar{stroke-width:0}.chart .c3-grid line{stroke:#a8a8a8;stroke-dasharray:2 3}.chart .c3-target.c3-defocused{opacity:.1 !important}.chart .c3-tooltip-container{z-index:5;padding:0 12px;border:1px solid #e0e0e0;background:#fff}.chart .c3-tooltip-container p{font-size:.875rem;line-height:1.5rem;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0}@media all and (min-width: 984px) and (max-width: 983px){.chart .c3-tooltip-container p{font-size:1.125rem;line-height:1.5rem;padding-top:.25rem;padding-bottom:.5rem}}.chart .c3-tooltip-container .date{padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px;color:#5A5B5D;background:#f3f3f3}.chart .c3-tooltip-container .value{padding-left:24px;padding-right:30px;color:#5A5B5D}.chart .c3-tooltip-container .value span:not(.component){display:inline-block;width:10px;height:10px;margin-left:-24px;margin-right:8px;background:currentColor}.chart .c3-tooltip-container .value .component{padding-left:6px;padding-right:6px}.chart .c3-tooltip-container .value.average{margin-top:-6px}.chart .c3-tooltip-container .value.average span{border-radius:10px}.chart .c3-tooltip-container .modified{margin-top:-12px}.chart .c3-brush{clip-path:none}.chart .c3-brush .background{fill:#a8a8a8;visibility:visible !important}.chart .c3-brush .extent{fill:#a8a8a8}.chart .c3-brush .resize rect{fill:#f78d1e;visibility:visible !important}.chart .c3-brush+.c3-axis-x{visibility:hidden}.prices-checkboxes .checkbox-list:not(.hidden){padding:24px 0 12px}.prices-checkboxes .checkbox-list:not(.hidden) .custom-checkbox{float:left;position:relative}.prices-checkboxes .checkbox-list:not(.hidden) .custom-checkbox.field{margin-right:18px;margin-left:0}.prices-checkboxes .checkbox-list:not(.hidden) .custom-checkbox.field:last-of-type{margin-right:0}@media all and (max-width: 983px){.prices-checkboxes .checkbox-list:not(.hidden) .custom-checkbox.field{margin-left:0;clear:both}}.prices-checkboxes .checkbox-list:not(.hidden) .custom-checkbox input{visibility:hidden}.prices-checkboxes .checkbox-list:not(.hidden) .custom-checkbox p{padding-left:12px;font-size:14px;margin-top:-7px}.prices-checkboxes .checkbox-list:not(.hidden) .custom-checkbox input:checked+.custom-checkbox-style::after{opacity:1}.prices-checkboxes .checkbox-list:not(.hidden) .custom-checkbox input:not(:checked)+.custom-checkbox-style{background-color:#e0e0e0}.prices-checkboxes .checkbox-list:not(.hidden) .custom-checkbox .custom-checkbox-style{background-color:#f78d1e;border-radius:50%;cursor:pointer;height:19px;left:0;position:absolute;top:0;width:19px;float:left}.prices-checkboxes .checkbox-list:not(.hidden) .custom-checkbox .checkbox-translation{float:right}.prices-checkboxes .checkbox-list:not(.hidden) .custom-checkbox .custom-checkbox-style::after{border-style:none none solid solid;border-color:#fff;border-width:2px;content:"";height:5px;left:4px;opacity:0;position:absolute;top:5px;transform:rotate(-45deg);width:10px}.chart{height:inherit}.tablike{margin:0 -24px;padding-left:24px;margin-top:11px;margin-bottom:7px}.tablike li{width:28%;text-align:center}@media all and (min-width: 984px), print{.tablike li{width:29.3%}}.tablike li.active{border-bottom:1px solid #fff}.tablike a{padding-left:30px;padding-right:30px}.tablike .icon.interface,.tablike .icon.interface svg{width:26px;height:26px}.tablike .text{display:none}@media all and (min-width: 456px){.tablike li{width:auto;text-align:left}.tablike a{padding-left:24px;padding-right:24px}.tablike .icon.interface{display:none}.tablike .text{display:inline}}.period-select{margin:0 -24px;padding:0 24px 24px 24px;border-bottom:1px solid #e0e0e0}.period-select .period-type{width:192px;float:left}.period-select .period-submit{margin-bottom:6px;float:right;padding-top:42px}.graph{background-color:#fff;padding:24px}.legend{position:relative;display:block}.legend:after{content:" ";display:table;clear:both}.legend .item{display:inline-block;padding:3px 0;margin-right:18px;cursor:pointer;float:left;clear:both;font-size:13px}.legend .item .content{padding-left:24px;display:block}.legend .item .content span{display:inline-block;width:12px;height:12px;margin-left:-24px;margin-right:12px;background:currentColor}.clear{clear:both}.clear{clear:both}