@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);body,html{height:100%;margin:0;background-color:#03041c;font-family:"Chakra Petch",sans-serif;color:#fff}.container-full{height:calc(100vh - 75px);display:flex;flex-direction:column}.row-custom{flex:1}.column-a{width:450px;height:100%;padding:.5rem .5rem .5rem 1.3rem!important}.column-b{width:300px;height:100%;padding-left:0!important;padding-top:.5rem!important}.content{background-color:#11151e;display:flex;flex-direction:column}.top-bar{background-color:#0a2239;color:#fff;padding:3px 10px 3px 10px}.total-load-title{font-size:1.3rem;padding:0 .8rem 0 .8rem}.total-load-metric{color:#000;padding:3px 10px;background-color:#87a8d2;width:130px;text-align:end}.total-load-metric .total-load-metric-value{font-weight:500;font-size:1.1rem}.total-load-metric .total-load-metric-unit{font-size:.8rem}.demand-section,.predictions-section{color:#fff;align-items:center;justify-content:center;height:49%}.demand-section.inactive,.predictions-section.inactive{opacity:.1}.demand-section{background-color:#11151e}.demand-title{font-size:1.5rem;padding:.5rem .7rem 0 .7rem}.predictions-section{background-color:#1a2133}.text-bg-primary{background-color:#0770c8!important}.toast{width:500px}.toast-body{font-size:18px!important}nav.navbar{background-color:#092545}.org-row{padding:.3rem .7rem .2rem .7rem}.org-title{font-size:22px}.r3di-group{max-height:600px}.r3di-box{background-color:#144345;border:0;padding:7px;margin-bottom:.5rem;max-height:111px;min-height:91px}.r3di-box.alt{background-color:#08282a}.r3di-box.inactive{opacity:.2}.r3di-title{font-size:20px;padding-left:.5rem;padding-top:.05rem}.utility-box{background-color:#2b3746;border:0;height:100%}.r3di-metric-row.inactive{opacity:.3}.r3di-metric{color:#fff;padding:3px;background-color:#04081b;border:1px solid #2c7dbe;max-height:2.2rem}.r3di-metric .r3di-metric-value{font-size:1.1rem;padding-left:0;width:3rem;text-align:right}.r3di-metric .r3di-metric-unit{font-size:.8rem;padding-left:.2rem;padding-top:.32rem}.row-power-producer{height:calc(100vh - 139px);display:flex;flex-direction:column;justify-content:space-between}.row-power-r3di{height:calc(100vh - 139px);display:flex;flex-direction:column;justify-content:space-between}.col-power-producer{flex:1;background-color:#142b45;border:0;padding:4px}.col-power-producer.alt{background-color:#041425;align-items:center;justify-content:center}.col-power-producer.utility-box{background-color:#2b3746}.col-power-producer.inactive{opacity:.2}.col-power-producer.hard-inactive{opacity:.3}.power-producer-title{color:#fff;font-size:1.5rem;display:block;width:100%;text-align:center;padding:0 2px 2px 2px}.metric{background-color:#042741;color:#fff;border:2px solid #395b76;font-size:16px;margin-bottom:10px;min-width:270px;max-width:300px}.power-producer-icon.active .icon-active-highlight{fill:#b08215}.power-producer-icon.active .icon-active-bounce{transform-origin:center;animation:icon-bounce 2.5s ease-in-out infinite}.power-producer-icon.active .icon-active-twist{transform-origin:center;animation:icon-twist 2s ease-in-out infinite}.power-producer-icon.active .icon-active-bounce-twist{transform-origin:center;animation:icon-bounce-twist 4s ease-in-out infinite}.power-producer-icon.active .icon-active-rotate{transform-origin:center;animation:icon-rotate 12s linear infinite;animation-fill-mode:forwards}.power-producer-icon.active .icon-active-gradient-active{fill:url(#activeGradientVerticalDown)}.power-producer-icon.active .icon-active-highlight-active{fill:#b08215}.power-producer-icon.charging .icon-active-gradient-up{fill:url(#activeGradientVerticalUp)}.power-producer-icon.charging .icon-active-highlight-up{fill:#1bf707}.power-producer-icon.discharging .icon-active-gradient-down{fill:url(#activeGradientVerticalDown)}.power-producer-icon.discharging .icon-active-highlight-down{fill:#b08215}.battery-alert{fill:#f20505!important}.cluser-icon.icon-active-glow.active path{fill:#eba20e!important;filter:drop-shadow(0 0 30px rgba(235, 162, 14, .9));transition:filter .3s ease-in-out}.r3di-icon.icon-active-glow.active path{fill:#79be23;filter:drop-shadow(0 0 30px rgba(121, 190, 35, .9));transition:filter .3s ease-in-out}.icon-active-rotate-active{transform-origin:center;animation:icon-rotate 12s linear infinite;animation-fill-mode:forwards}@keyframes icon-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.5)}}@keyframes icon-twist{0%,100%{transform:rotate(0)}50%{transform:rotate(40deg)}}@keyframes icon-bounce-twist{0%,100%{transform:scale(1) rotate(0) translate(0,0)}50%{transform:scale(1.3) rotate(20deg) translate(3px,3px)}}@keyframes icon-rotate{from{transform-origin:center;transform:rotate(0)}to{transform-origin:center;transform:rotate(360deg)}}