body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App,.reactGridItem{font-family:Orbitron,sans-serif;text-align:center}.reactGridItem{align-items:center;background:rgba(0,0,0,.05);border-bottom:1px solid #999;border-right:1px solid #999;display:flex;justify-content:center;transition:all .2s ease;transition-property:left,top}.map{background-image:url(https://s3.ap-southeast-2.wasabisys.com/bgt/map.jpg);background-repeat:no-repeat;background-size:contain;height:100%;position:absolute;width:100%}.logo{display:inline-block;height:50px;margin:0 20px;vertical-align:top}.deleteButton{background:transparent;border:none;cursor:pointer;font-size:18px;left:92%;top:0}button{border:none;font-family:Orbitron,sans-serif;padding:6px}.topbar button{background:#f9f9f9;width:80px}.topbar{background:#f9f9f9;width:100%}button:hover{cursor:pointer;opacity:.5}.save{background:#e9e9e9;border:1px solid #666;position:fixed;right:2vw;top:5px}.reactGridItem{align-items:stretch;flex-direction:column;overflow:visible}.smartmeter-main{background:url(https://s3.ap-southeast-2.wasabisys.com/bgt/smartmeter.png);background-position:50%;background-repeat:no-repeat;background-size:contain;font-family:Orbitron,sans-serif;height:300px;margin:50% auto;position:relative;top:0;width:300px}.smartmeter-main .time{color:#000;margin:70% auto;position:absolute;width:100%}.smartmeter-main .demand{color:#fff;font-size:150%;margin:40% -5%;position:absolute;width:100%}.smartmeter-main .produce{color:#1cda19;font-size:70%;margin:32% 20%;position:absolute;width:100%}.flow{background:red;color:#fff;font-size:8px;height:15px;margin:55% 17%;position:absolute;width:50px}.flow.gain{background:#1cda19}.address-input{background:hsla(0,0%,100%,.9);bottom:0;font-size:8px;height:200px;margin:0 auto;position:fixed;width:100%;z-index:10}.address-input input{border:none;border-radius:5px;margin:6px;padding:6px;width:90%}.deleteButton{left:calc(100% - 25px);position:absolute;z-index:10}.smartmeter-main .rounded .center{padding-top:20%;vertical-align:middle}.topbar{border-bottom:1px solid #999;position:fixed;top:-30px;z-index:100}.topbar:hover{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:dropdown;animation-name:dropdown}.Trx{align-items:center;background:rgba(211,234,234,.5);display:flex;flex-direction:column;height:100%;overflow:hidden}.weather.one{background-image:url(https://s3.ap-southeast-2.wasabisys.com/bgt/night.jpg)}.weather.two{background-image:url(https://s3.ap-southeast-2.wasabisys.com/bgt/sunny.jpg)}.weather.three{background-image:url(https://s3.ap-southeast-2.wasabisys.com/bgt/rain.jpg)}.weather.four{background-image:url(https://s3.ap-southeast-2.wasabisys.com/bgt/cloudy.jpg)}.weather{background-size:cover;border-radius:6px;height:100%;width:100%}.Bill{align-items:center;background:rgba(227,236,227,.5);display:flex;flex-direction:column;height:100%}.Bill,table{overflow:hidden}table{border-collapse:collapse;font-size:80%;margin-top:20px;position:relative;table-layout:fixed;width:100%}thead th{background-color:#eee;font-weight:700}thead th:first-of-type{width:300px}.table tbody tr:first-child{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:new-row;animation-name:new-row}@-webkit-keyframes new-row{0%{background-color:#ff0}to{background-color:#fff}}@keyframes new-row{0%{background-color:#ff0}to{background-color:#fff}}@-webkit-keyframes dropdown{0%{top:-30px}to{top:0}}@keyframes dropdown{0%{top:-30px}to{top:0}}thead th:nth-of-type(2){width:100px}tbody tr,tbody tr td{max-height:10px}tbody tr:hover{background:#fff;opacity:.5}tbody td{word-wrap:break-word;border:1px solid #ddd;overflow-wrap:break-word;padding:8px}tbody{height:auto;overflow:auto}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.react-grid-item.resizing{will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid rgba(0,0,0,.4);border-right:2px solid rgba(0,0,0,.4);bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-resizable-handle-e{right:0;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
/*# sourceMappingURL=main.192ac5e4.css.map*/