.usage-page-line{position:absolute;background-color:#f7f7fa;width:16px;height:100vh;top:0;left:0}.usage-title-search{margin-bottom:30px;display:flex;justify-content:space-between}.demand-info,.usage-info{float:left;display:flex;flex-direction:column;justify-content:space-between;margin:auto 0;width:37%}.usage-info{width:37%}.demand-comp,.usage-comp{padding-top:25px;margin:auto;width:90%}.demand-left,.usage-left{width:76%}.demand-right,.usage-right{width:24%;display:flex;flex-direction:column;align-items:center}.usage-top{gap:75px}.demand-top,.usage-top{display:flex;flex-direction:row;gap:60px}.demand-data-header,.usage-data-header{display:flex;justify-content:space-between;position:relative;align-items:center}.reset-download-buttons{height:auto;min-height:180px;flex-direction:column;justify-content:flex-start;width:100%;float:left;display:flex;align-items:flex-end;margin-top:12px;padding-left:20px;margin-bottom:20px}.reset-graph-button{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:120px;max-width:240px;margin-left:auto;padding:6px 10px;background:#ffffff;border:.5px solid #c5c6c7;border-radius:5px;opacity:1;transition:background-color .2s ease,color .2s ease;font-family:Proxima Nova,sans-serif;font-size:10px;line-height:16px;font-weight:400;letter-spacing:.8px;color:#152433}.reset-graph-button:hover{background:#d9dfe5;color:#022851}.reset-graph-button.investigation-mode{background:#f2f2f5;border:.5px solid #c5c6c7;border-radius:5px;color:#152433}.reset-graph-button.investigation-mode:hover{background:#d9dfe5;color:#022851}.graph-action-button-icon{width:14px;height:14px;-o-object-fit:contain;object-fit:contain}.graph-action-button-icon,.graph-action-button:hover .graph-action-button-icon{background:transparent;opacity:1}.data-download-button{font-weight:400;font-size:10px;border-radius:6px;height:30px;border:none}.info-tooltip-container{position:relative;display:inline-block;cursor:pointer;margin-top:3%}.info-icon{margin-left:50%;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.info-icon,.tooltip-text{background-color:#C5C6C7;color:#152433}.tooltip-text{visibility:hidden;width:600px;max-width:80vw;text-align:left;padding:10px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateY(17%);opacity:0;transition:opacity .3s ease}.info-tooltip-container:focus .tooltip-text,.info-tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.demand-bottom,.usage-bottom{padding-top:2%;display:flex;flex-direction:row;justify-content:space-around;border:2px solid #aaa;border-radius:4px;margin-bottom:40px;background-color:#FFFFFF}.demand-bottom-left,.usage-bottom-left{width:56%;padding-left:2%}.demand-bottom-right,.usage-bottom-right{width:40%}.total-energy-use{border-left:2px solid #aaa;margin-bottom:4%}.investigation-button{border:0;padding:10px 20px;border-radius:5px;margin-bottom:11.5px}@media (min-width:1400px){.investigation-button{font-size:18px}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.investigation-mode-dropdown{padding:10px 50px 10px 20px;background-color:#152433;border-radius:5px;border:1px solid #f7f7fa;color:white;background-image:url(/images/DropDownCarrot.png);background-size:60px;background-repeat:no-repeat;background-position:calc(100% + 4px)}.investigation-mode-svg{display:flex;justify-content:space-evenly;width:90%;margin:auto}.investigation-mode-text{display:flex;flex-direction:column;align-items:center;width:33%;text-justify:inter-word}.investigation-mode-vs{display:flex;flex-direction:column;justify-content:space-between}.investigation-mode-menu{color:white;margin-top:3%}.investigation-loading-text{margin:auto;color:white;position:relative;top:100px;font-weight:700}.investigation-loading-chart{width:57%}.investigation-loading-menu{width:43%}.investigation-loading-title{color:#4A5560;text-align:left;font-size:30px;font-weight:500}.rectangle{width:90%;height:12px;margin-bottom:25px;background-color:#4A5560}.investigation-search{position:relative;margin-left:-250px;margin-top:-200px}.graph-container{width:100%;margin:auto}.card-tiles-wrapper-usage{display:flex;overflow-x:auto;justify-content:space-between;gap:50px;margin-bottom:44px;width:55%}.card-tiles{height:auto;min-height:180px;flex-direction:column;justify-content:flex-start;width:100%;float:left;display:flex;gap:25px;align-items:flex-end;margin-top:12px;padding-left:20px;margin-bottom:20px}.card-container{position:relative;width:100%;min-width:120px;max-width:240px;border-radius:4px;text-align:center;flex:1}.card-info-style{margin-top:15px}.expanded-card{width:100%;max-width:240px;display:flex;flex-direction:column;align-items:flex-end}.electricity-card{background-color:#e9f2d6;border:2px solid #91bf36}.electricity-card-option3{background-color:#F2F2F5;border:1px solid #c5c6c7}.cooling-card{background-color:#d4f1fa;border:2px solid #29bbe3}.cooling-card-option4{background-color:#F2F2F5;border:1px solid #c5c6c7}.heating-card{background-color:#fff2d8;border:2px solid #ffbe3d}.heating-card-option4{background-color:#F2F2F5;border:1px solid #c5c6c7}.gas-card{background-color:#E3D5E2;border:2px solid #752b6d}.gas-card-option3{background-color:#F2F2F5;border:1px solid #c5c6c7}.solar-card{background-color:#f4f7d6;border:2px solid #c8d932}.solar-card-option3{background-color:#F2F2F5;border:1px solid #c5c6c7}.icon-image{height:40px;margin-top:-20px;margin-left:auto;margin-right:auto}.card-button{border-radius:5px;border:0;size:13px;width:90%;max-height:60px;text-align:center;letter-spacing:1.08px;color:#152433;font-size:13px;font-weight:700;margin:3% 5% 5%;padding:5%}@media (min-width:1200px){.card-button{width:80%}}.electricity-button{background-color:#91bf36}.cooling-button{background-color:#29bbe3}.heating-button{background-color:#ffbe3d}.always-show{margin:10px;size:12px;color:#717477;text-decoration:underline}.units{font-weight:800}.home-units{font:normal normal 700 20px/16px Proxima Nova}.total-energy,.total-usage{display:flex;flex-direction:row;margin-top:20px}.switch{position:relative;display:inline-block;width:30px;height:17px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#FFFFFF}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:11px;width:11px;left:3px;bottom:3px;background-color:var(--knob-color,#CCCCCC)}input:checked+.slider{background-color:var(--switch-fill,#2196f3)}input:focus+.slider{box-shadow:0 0 1px var(--knob-color,#2196f3)}input:checked+.slider:before{transform:translateX(13px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.csv-download-button{margin:20px 0}.download-btn{height:36px;border-radius:5px;border:none;background:#ECEFF2;display:inline-flex;width:146px;font-size:10px}.download-btn:hover{background:#ced1d3}.download-btn div{display:flex;align-items:center;margin:auto}.download-btn img{height:100%;padding-right:8px}.usage-page-sidebar{width:16px;height:100%;overflow-y:scroll;background-color:#f7f7fa;position:absolute;top:0;left:0;transition:width .3s ease;box-shadow:0 3px 6px #cdcdcf;overflow:hidden}.usage-page-sidebar.expanded{width:400px;overflow:visible;height:100%;overflow-y:scroll;overflow-x:hidden}.usage-page-sidebar-arrow{position:absolute;top:50vh;left:0;transform:translateY(-50%);padding-top:10px;padding-bottom:10px;background-color:#f7f7fa;box-shadow:3px 1px 6px #cdcdcf3c;border-radius:6px;border:.5px solid #eceff2;margin-left:2px;transition:margin-left .3s ease}.usage-page-sidebar-arrow.opposite{margin-left:400px}.usage-page-sidebar-container{padding-top:40px;padding-bottom:41px;width:90%;margin:auto}.searchField{display:flex;flex-direction:column}.searchField input{width:100%;background-image:url(/images/magnify.png);background-position:95% 50%;background-repeat:no-repeat;max-height:41px}.building-search-selections{position:absolute;top:100%;left:0;width:100%;border:1px solid #ccc;border-radius:4px;max-height:200px;overflow-y:auto;background-color:#fff;z-index:1000}.building-search-selections.empty{display:none}.building-search-selections>div{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee;cursor:pointer}.building-search-selections>div:last-child{border-bottom:none}.building-search-selections>div:hover{background-color:#f9f9f9}.search-item-inactive{color:#888!important;pointer-events:none}.search-item-inactive .search-item-left,.search-item-inactive .search-item-right{color:inherit}.search-item-left{font-size:14px;color:#333}.search-item-right{font-size:12px;font-weight:600}.search-item-right.lab{color:#022851}.search-item-right.housing{color:#1E6BBD}.search-item-right.classroom{color:#3EA0B7}.search-item-right.community{color:#107D4B}.search-item-right.office{color:#93BB45}.search-item-inactive .search-item-right{color:#888!important}@media (max-width:768px){.sidebar{width:100px}}.energystory-page.demand-comp{padding-top:0}.energystory-demand-card{height:auto;max-height:none;padding-bottom:5px;box-sizing:border-box}.energystory-demand-card-button{max-height:none;height:auto;line-height:1.3;white-space:normal;word-break:break-word;margin:3% 5% 5%;padding:8% 6%;font-size:11px;letter-spacing:.5px}@media (max-width:1400px){.energystory-demand-card-button{font-size:10px;letter-spacing:.35px;padding:7% 5%}}@media (max-width:1100px){.energystory-page .demand-right{min-width:175px}.energystory-demand-card{min-width:155px}.energystory-demand-card-button{font-size:9px;letter-spacing:.25px;padding:6% 4%}}