:root{--default-spaceing: 20px;--info-width: 90px}body{margin:0;padding:0;background:#303030;color:white;font-family:'Open Sans'}text{font-family:'Open Sans'}.nodata{display:grid;width:100%;height:100%;align-items:center;justify-content:center;background-color:#4f4e4e;border:2px solid #808080}.wait{background-image:url(../gif/wait.gif);background-size:120px;height:100%;background-position:center;background-repeat:no-repeat;background-color:#4f4f4f}#energie_bewust .infoblock{text-align:right}#energie_bewust .infoblock small{font-size:65%}#eb_head{align-items:center;display:grid;grid-template-columns:60px 1fr 1fr;font-family:'Homenaje';font-size:20pt;padding:10px}#eb_head .grid_info{text-align:right}#eb_head .grid_info .infoblock{display:inline-block}#eb_head .grid_info .infoblock small{font-size:10pt}#eb_price{display:grid;grid-template-columns:1fr var(--info-width);min-height:25vh;padding:var(--default-spaceing)}#eb_price svg .bar_1{fill:#125c09}#eb_price svg .bar_2{fill:#40660d}#eb_price svg .bar_3{fill:#b0bb11}#eb_price svg .bar_4{fill:#bb5d11}#eb_price svg .bar_5{fill:#bb1111}#eb_price .grid_price_text{display:flex;flex-direction:column;justify-content:space-evenly}#eb_price .grid_price_text .infoblock{text-align:right}#eb_price .grid_price_text .infoblock small{font-size:65%}#eb_usage{display:grid;grid-template-columns:1fr var(--info-width);min-height:25vh;padding:var(--default-spaceing)}#eb_usage svg .bar_production{fill:#00622c}#eb_usage svg .bar_consumption{fill:#9c11bb}#eb_usage .grid_usage_text{display:flex;flex-direction:column;justify-content:space-evenly}#eb_usage .grid_usage_text .infoblock{text-align:right}#eb_usage .grid_usage_text .infoblock small{font-size:65%}#eb_financial{display:grid;grid-template-columns:1fr var(--info-width);min-height:25vh;padding:var(--default-spaceing)}#eb_financial svg .bar_costs{fill:blue}#eb_financial .grid_financial_text{display:flex;flex-direction:column;justify-content:space-evenly}#eb_financial .grid_financial_text .infoblock{text-align:right}#eb_financial .grid_financial_text .infoblock small{font-size:65%}#eb_date_navigator button{height:24px;width:24px;background-size:contain;background-color:transparent}#eb_date_navigator button.previous{background-image:url('../png/btn_previous.png')}#eb_date_navigator button.next{background-image:url('../png/btn_next.png')}line.axis{stroke:white;stroke-width:1px}text.axis{fill:white;font-size:7pt}text.xaxis{dominant-baseline:central;text-anchor:middle}text.yaxis{dominant-baseline:central;text-anchor:end}line.subaxis{stroke:#404040}.graph_cover{fill:#202122b5}