.graph-section[data-v-70391f20]{display:flex;flex-direction:row;flex-grow:1;position:relative;overflow:hidden}.graph-section .main-graph[data-v-70391f20]{width:100%;background-color:#fff;border:0;border-radius:2px;display:flex;flex-direction:column}.graph-section .empty-graph-content[data-v-70391f20]{display:flex;align-items:center;justify-content:center;font-size:24px;position:absolute;background-color:#fff;height:calc(100% - 20px);width:calc(100% - 20px)}.graph-section .drilldown[data-v-70391f20]{background-color:#fff;box-shadow:2px 2px 10px #eaeaea;position:absolute;right:0;overflow:hidden}.graph-section .drilldown-hidden[data-v-70391f20]{display:none}.header-scroll-shadow-effect[data-v-740ecb08]{position:sticky;-webkit-position:-webkit-sticky;z-index:1;top:-16px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.header-scroll-shadow-effect[data-v-740ecb08]:after,.header-scroll-shadow-effect[data-v-740ecb08]:before{content:"";display:block;height:16px;position:sticky;-webkit-position:-webkit-sticky;box-sizing:border-box}.header-scroll-shadow-effect[data-v-740ecb08]:before{top:53px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.header-scroll-shadow-effect[data-v-740ecb08]:after{background:linear-gradient(#fff 10%,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,.4) 70%,transparent);top:0;z-index:2}.header-navigation-button[data-v-740ecb08]{box-shadow:2px 2px 10px #eaeaea;height:40px;width:40px;background-color:#fff;border-radius:20px;position:absolute;right:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-navigation-button img[data-v-740ecb08]{height:30px;width:30px}[data-v-740ecb08] .el-select{min-width:230px;width:var(--select-width)}.header-scroll-shadow-effect[data-v-b548d422]{position:sticky;-webkit-position:-webkit-sticky;z-index:1;top:-16px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.header-scroll-shadow-effect[data-v-b548d422]:after,.header-scroll-shadow-effect[data-v-b548d422]:before{content:"";display:block;height:16px;position:sticky;-webkit-position:-webkit-sticky;box-sizing:border-box}.header-scroll-shadow-effect[data-v-b548d422]:before{top:53px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.header-scroll-shadow-effect[data-v-b548d422]:after{background:linear-gradient(#fff 10%,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,.4) 70%,transparent);top:0;z-index:2}.header-navigation-button[data-v-b548d422]{box-shadow:2px 2px 10px #eaeaea;height:40px;width:40px;background-color:#fff;border-radius:20px;position:absolute;right:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-navigation-button img[data-v-b548d422]{height:30px;width:30px}.graph-meta[data-v-b548d422]{width:100%;display:flex;flex-flow:row wrap}.graph-meta .header-selection[data-v-b548d422]{height:4.5vh;margin:16px 0 16px 0;width:100%}.graph-meta .header-selection .selection-dropdown[data-v-b548d422]{margin-left:40px;float:left;display:flex;line-height:4.5vh}.graph-meta .header-selection .selection-dropdown label[data-v-b548d422]{margin-right:15px}.graph-meta .header-selection .refresh-filters[data-v-b548d422]{float:right;margin-right:40px}.graph-meta .header-selection .refresh-filters .refresh-timestamps[data-v-b548d422]{float:right;padding-left:10px;margin-top:2px}.graph-meta .header-selection .refresh-filters .refresh-timestamps .last-refreshed-time[data-v-b548d422]{font-size:12px}.graph-meta .last-update[data-v-b548d422]{float:right;width:50%}.graph-filters[data-v-b548d422]{margin-top:10px;justify-content:space-between;border:0;border-radius:2px}.graph-filters .filter-collapse[data-v-b548d422]{width:100%;max-height:50px;display:flex;overflow:hidden;background-color:#f1f3f8;transition:all .4s ease-in-out;cursor:pointer}.graph-filters .filter-collapse.expanded[data-v-b548d422]{padding-bottom:15px;max-height:200px;flex-direction:column}.graph-filters .filter-collapse .collapse-header[data-v-b548d422]{height:50px;width:120px;padding:0 20px;font-weight:600;font-size:14px;color:#414857}.graph-filters .filter-collapse .collapse-header .title[data-v-b548d422]{height:50px;line-height:50px;font-size:16px;font-weight:600}.graph-filters .filter-collapse .collapse-header .title span[data-v-b548d422]{margin-left:10px}.graph-filters .filter-collapse .collapse-header .title i.icon-jfui-mc-filter[data-v-b548d422]{font-size:18px}.graph-filters .filter-collapse .collapse-content[data-v-b548d422]{padding-left:20px}.graph-filters .filter-collapse .toggle-filters[data-v-b548d422]{position:absolute;right:0;height:50px;padding:15px;cursor:pointer}.graph-filters .filter-collapse .toggle-filters .collapsed[data-v-b548d422]{transition:transform .4s ease-out;transform:rotate(0deg)}.graph-filters .filter-collapse .toggle-filters .down[data-v-b548d422]{transition:transform .4s ease-out;transform:rotate(90deg)}.mask-wrapper[data-v-4808a62a]{position:absolute;height:100%;width:100%;display:none;background-color:#fff;z-index:10;padding:5vh 10%;text-align:center;background-image:url(../img/nodataavailble.a1cca567.svg);background-position:50%;background-repeat:no-repeat;background-size:50% 50%}.mask-wrapper span[data-v-4808a62a]{font-size:22px;font-weight:400}@media only screen and (max-width:1350px){.mask-wrapper.side-bar-open[data-v-4808a62a]{display:block}}@media only screen and (max-width:1150px){.mask-wrapper.side-bar-collapsed[data-v-4808a62a]{display:block}}.header-scroll-shadow-effect[data-v-3639e087]{position:sticky;-webkit-position:-webkit-sticky;z-index:1;top:-16px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.header-scroll-shadow-effect[data-v-3639e087]:after,.header-scroll-shadow-effect[data-v-3639e087]:before{content:"";display:block;height:16px;position:sticky;-webkit-position:-webkit-sticky;box-sizing:border-box}.header-scroll-shadow-effect[data-v-3639e087]:before{top:53px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.header-scroll-shadow-effect[data-v-3639e087]:after{background:linear-gradient(#fff 10%,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,.4) 70%,transparent);top:0;z-index:2}.header-navigation-button[data-v-3639e087]{box-shadow:2px 2px 10px #eaeaea;height:40px;width:40px;background-color:#fff;border-radius:20px;position:absolute;right:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-navigation-button img[data-v-3639e087]{height:30px;width:30px}.dashboard-header[data-v-3639e087]{height:100%;position:relative}.dashboard-header label[data-v-3639e087]{font-size:11px;font-weight:400}.dashboard-header[data-v-3639e087] .el-select{width:160px}.dashboard-header[data-v-3639e087] .el-select .el-input{height:36px}.dashboard-header[data-v-3639e087] .el-select .el-input--suffix .el-input__inner{height:32px;font-size:12px}.dashboard-header .header-notification[data-v-3639e087]{box-shadow:2px 2px 10px #eaeaea;height:40px;width:40px;background-color:#fff;border-radius:20px;position:absolute;right:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.dashboard-header .header-notification img[data-v-3639e087]{height:30px;width:30px}.chart-container[data-v-3c884c76] .bb svg .bb-chart-arc text{font-size:15px}.data-widget[data-v-38bdb6c8]{display:flex;flex-direction:column;align-items:center;height:100%}.data-widget .icon-space[data-v-38bdb6c8]{height:50%;padding-top:3%}.data-widget .widget-space[data-v-38bdb6c8]{display:flex;align-items:center}.data-widget .widget-space .widget-value[data-v-38bdb6c8]{font-weight:600;font-size:60px}.data-widget .widget-space .widget-unavailable[data-v-38bdb6c8]{padding-top:12%}.data-widget .widget-label[data-v-38bdb6c8]{font-size:16px;line-height:152.34%;color:#556274}.data-widget .widget-button[data-v-38bdb6c8]{padding-top:2%}.dashboard-container[data-v-5914849e]{height:100%}.dashboard-container .header-section[data-v-5914849e]{height:8%}.dashboard-container .widget-section[data-v-5914849e]{margin:1% 0;height:90%;display:flex;flex-wrap:wrap;justify-content:center}.dashboard-container .widget-section .data-container[data-v-5914849e]{height:50%}.dashboard-container .widget-section .data-container.graph-widget[data-v-5914849e]{width:60%}.dashboard-container .widget-section .data-container.graph-widget .widget-area .graph-widget-container[data-v-5914849e]{position:relative;display:flex;align-items:center;padding:0 10px 0 0;border-radius:4px;height:100%}.dashboard-container .widget-section .data-container.graph-widget .widget-area .graph-widget-container .minimal-legends[data-v-5914849e]{height:auto;width:13%;border-radius:4px;border:1px solid #c9d0e3;display:block;float:none;overflow:hidden;padding:10px}.dashboard-container .widget-section .data-container.graph-widget .widget-area .graph-widget-container .minimal-legends[data-v-5914849e] .legend-item{float:left;width:100%;padding-left:5px}.dashboard-container .widget-section .data-container.graph-widget .widget-area .graph-widget-container .minimal-legends[data-v-5914849e] .legend-item .legend-circle{margin:4px 3px 9px 4px;border-radius:4px;border:4px solid;float:left;height:8px;width:8px}.dashboard-container .widget-section .data-container.graph-widget .widget-area .graph-widget-container .minimal-legends[data-v-5914849e] .legend-item .legend-label{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;margin:2px 2px 4px 2px}.dashboard-container .widget-section .data-container.graph-widget .widget-area .graph-widget-container .minimal-legends[data-v-5914849e]:empty{padding:0;border:none}.dashboard-container .widget-section .data-container.data-widget[data-v-5914849e],.dashboard-container .widget-section .data-container.pie-widget[data-v-5914849e]{width:40%}.dashboard-container .widget-section .data-container span[data-v-5914849e]{margin-left:5px;font-weight:700}.dashboard-container .widget-section .data-container .widget-area[data-v-5914849e]{margin:5px;background-color:#fff;box-shadow:2px 2px 10px #eaeaea;height:80%;position:relative}.dashboard-container .widget-section .data-container .widget-area .empty-data-wrapper[data-v-5914849e]{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;position:absolute;background-color:#fff;height:100%;width:100%}.dashboard-container .widget-section .data-container .widget-area .empty-data-wrapper .display-message[data-v-5914849e]{margin-bottom:10px}.dashboard-container .widget-section .data-container .widget-area .data-widget-container[data-v-5914849e]{height:100%}.dashboard-container .widget-section .data-container .widget-area .pie-widget-container[data-v-5914849e]{position:relative;display:flex;align-items:center;flex-direction:column;padding:13px 0;height:100%}.dashboard-container .widget-section .data-container .widget-area .pie-widget-container .chart-container[data-v-5914849e]{padding-top:10px;width:100%;height:90%}.dashboard-container .widget-section .data-container .widget-area .pie-widget-container[data-v-5914849e] .bottom-legend-container{display:inline-block;float:none;overflow:hidden;padding:3px 20px 0 5px;border-radius:4px;border:1px solid #c9d0e3}.dashboard-container .widget-section .data-container .widget-area .pie-widget-container[data-v-5914849e] .bottom-legend-container .legend-item{float:left;padding-left:15px}.dashboard-container .widget-section .data-container .widget-area .pie-widget-container[data-v-5914849e] .bottom-legend-container .legend-item .legend-circle{margin:5px 3px 9px 4px;border-radius:4px;border:4px solid;float:left;height:8px;width:8px}.dashboard-container .widget-section .data-container .widget-area .pie-widget-container[data-v-5914849e] .bottom-legend-container .legend-item .legend-label{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;margin:3px 2px 4px 2px}.dashboard-container .widget-section .data-container .widget-area .range-display[data-v-5914849e]{position:absolute;display:inline-block;right:12px;top:7px;color:#999db4;font-weight:400;font-size:12px}.dashboard-container .widget-section .data-container .widget-area .graph-layer[data-v-5914849e]{border-radius:4px;height:100%;width:100%;position:absolute;top:0;display:flex}.dashboard-container .widget-section .data-container .widget-area .graph-layer[data-v-5914849e]:hover{background-color:rgba(33,38,45,.15)}.dashboard-container .widget-section .data-container .widget-area .graph-layer .hover-button[data-v-5914849e]{color:#556274;background-color:#fff;display:block;margin:auto;padding:8px 40px;border:1px solid #c9d0e3;box-shadow:0 4px 8px rgba(0,0,0,.08);border-radius:4px;cursor:pointer;height:40px;font-weight:600}[data-v-123fd7c0] .content{margin:0 -30px 0 -30px;display:flex;flex-direction:column}