.header-scroll-shadow-effect[data-v-2acc1c8f]{position:sticky;-webkit-position:sticky;z-index:1;top:-16px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.header-scroll-shadow-effect[data-v-2acc1c8f]:after,.header-scroll-shadow-effect[data-v-2acc1c8f]:before{content:"";display:block;height:16px;position:sticky;-webkit-position:sticky;box-sizing:border-box}.header-scroll-shadow-effect[data-v-2acc1c8f]:before{top:53px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.header-scroll-shadow-effect[data-v-2acc1c8f]: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-2acc1c8f]{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-2acc1c8f]{height:30px;width:30px}.layout-filters-select .dynamic-filter[data-v-2acc1c8f]{height:32px}.layout-filters-select .el-select[data-v-2acc1c8f]{width:150px}.layout-filters-select .el-select .el-input[data-v-2acc1c8f]{height:36px}.layout-filters-select .el-select .el-input__inner[data-v-2acc1c8f]{background-color:#f5f7fd!important;box-shadow:none!important;height:32px!important;font-size:12px}.layout-filters-select .el-select .el-select__tags[data-v-2acc1c8f]{max-width:none!important}.layout-filters-select .el-select .el-select__tags .el-tag[data-v-2acc1c8f]{padding:0}.layout-filters-select .el-select .el-select__tags .el-tag .el-select__tags-text[data-v-2acc1c8f]{max-width:50px}.group-selection .group-filter[data-v-2acc1c8f]{display:flex;flex-direction:column;float:left;margin-right:15px}.group-selection .group-filter label[data-v-2acc1c8f]{font-size:11px;font-weight:400}.group-selection .group-filter[data-v-2acc1c8f] .el-select{width:160px}.group-selection .group-filter[data-v-2acc1c8f] .el-select .el-input{height:36px}.group-selection .group-filter[data-v-2acc1c8f] .el-select .el-input--suffix .el-input__inner{height:32px;font-size:12px}.header-scroll-shadow-effect[data-v-6cd54787]{position:sticky;-webkit-position:sticky;z-index:1;top:-16px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.header-scroll-shadow-effect[data-v-6cd54787]:after,.header-scroll-shadow-effect[data-v-6cd54787]:before{content:"";display:block;height:16px;position:sticky;-webkit-position:sticky;box-sizing:border-box}.header-scroll-shadow-effect[data-v-6cd54787]:before{top:53px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.header-scroll-shadow-effect[data-v-6cd54787]: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-6cd54787]{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-6cd54787]{height:30px;width:30px}.layout-filters-select .dynamic-filter[data-v-6cd54787]{height:32px}.layout-filters-select .el-select[data-v-6cd54787]{width:150px}.layout-filters-select .el-select .el-input[data-v-6cd54787]{height:36px}.layout-filters-select .el-select .el-input__inner[data-v-6cd54787]{background-color:#f5f7fd!important;box-shadow:none!important;height:32px!important;font-size:12px}.layout-filters-select .el-select .el-select__tags[data-v-6cd54787]{max-width:none!important}.layout-filters-select .el-select .el-select__tags .el-tag[data-v-6cd54787]{padding:0}.layout-filters-select .el-select .el-select__tags .el-tag .el-select__tags-text[data-v-6cd54787]{max-width:50px}.layout-header[data-v-6cd54787]{height:8%;width:100%;display:flex;align-items:center;position:sticky;-webkit-position:sticky;z-index:1;top:-16px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.layout-header[data-v-6cd54787]:after,.layout-header[data-v-6cd54787]:before{content:"";display:block;height:16px;position:sticky;-webkit-position:sticky;box-sizing:border-box}.layout-header[data-v-6cd54787]:before{top:53px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.layout-header[data-v-6cd54787]:after{background:linear-gradient(#fff 10%,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,.4) 70%,transparent);top:0;z-index:2}.layout-header .generic-filters[data-v-6cd54787]{height:100%;width:auto}.layout-header .generic-filters div[data-v-6cd54787]{float:left}.layout-header .generic-filters .platform-selection[data-v-6cd54787],.layout-header .generic-filters .time-range-filter[data-v-6cd54787]{display:flex;flex-direction:column;margin-right:15px;height:100%}.layout-header .generic-filters .platform-selection[data-v-6cd54787] .dateRangeFilter,.layout-header .generic-filters .time-range-filter[data-v-6cd54787] .dateRangeFilter{margin:0;width:160px;height:32px}.layout-header .generic-filters .platform-selection[data-v-6cd54787] .dateRangeFilter .el-date-editor,.layout-header .generic-filters .time-range-filter[data-v-6cd54787] .dateRangeFilter .el-date-editor{width:160px!important;height:32px;font-size:12px}.layout-header .generic-filters .platform-selection label[data-v-6cd54787],.layout-header .generic-filters .time-range-filter label[data-v-6cd54787]{font-size:11px;font-weight:400}.layout-header .generic-filters .platform-selection[data-v-6cd54787] .el-select,.layout-header .generic-filters .time-range-filter[data-v-6cd54787] .el-select{width:160px}.layout-header .generic-filters .platform-selection[data-v-6cd54787] .el-select .el-input,.layout-header .generic-filters .time-range-filter[data-v-6cd54787] .el-select .el-input{height:36px}.layout-header .generic-filters .platform-selection[data-v-6cd54787] .el-select .el-input--suffix .el-input__inner,.layout-header .generic-filters .time-range-filter[data-v-6cd54787] .el-select .el-input--suffix .el-input__inner{height:32px;font-size:12px}.layout-header .generic-filters .platform-selection[data-v-6cd54787] .trends-filter,.layout-header .generic-filters .time-range-filter[data-v-6cd54787] .trends-filter{margin:0}.layout-header .generic-filters .platform-selection[data-v-6cd54787] .trends-filter .dynamic-filter,.layout-header .generic-filters .time-range-filter[data-v-6cd54787] .trends-filter .dynamic-filter{height:32px}.layout-header .generic-filters .filter-label .icon[data-v-6cd54787]{color:#40be46}.layout-header .generic-filters .filter-label span[data-v-6cd54787]{margin-left:5px}.layout-header .navigation-button[data-v-6cd54787]{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}.layout-header .navigation-button img[data-v-6cd54787]{height:30px;width:30px}.header-scroll-shadow-effect[data-v-9e0e6540]{position:sticky;-webkit-position:sticky;z-index:1;top:-16px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.header-scroll-shadow-effect[data-v-9e0e6540]:after,.header-scroll-shadow-effect[data-v-9e0e6540]:before{content:"";display:block;height:16px;position:sticky;-webkit-position:sticky;box-sizing:border-box}.header-scroll-shadow-effect[data-v-9e0e6540]:before{top:53px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.header-scroll-shadow-effect[data-v-9e0e6540]: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-9e0e6540]{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-9e0e6540]{height:30px;width:30px}.layout-filters-select .dynamic-filter[data-v-9e0e6540]{height:32px}.layout-filters-select .el-select[data-v-9e0e6540]{width:150px}.layout-filters-select .el-select .el-input[data-v-9e0e6540]{height:36px}.layout-filters-select .el-select .el-input__inner[data-v-9e0e6540]{background-color:#f5f7fd!important;box-shadow:none!important;height:32px!important;font-size:12px}.layout-filters-select .el-select .el-select__tags[data-v-9e0e6540]{max-width:none!important}.layout-filters-select .el-select .el-select__tags .el-tag[data-v-9e0e6540]{padding:0}.layout-filters-select .el-select .el-select__tags .el-tag .el-select__tags-text[data-v-9e0e6540]{max-width:50px}.list-graph-wrapper[data-v-9e0e6540]{width:100%;height:100%}.list-graph-wrapper .list-queries[data-v-9e0e6540]{width:45%;height:100%;box-shadow:2px 2px 10px #eaeaea;float:left;overflow-y:scroll;font-size:12px}.list-graph-wrapper .list-queries[data-v-9e0e6540]::-webkit-scrollbar{-webkit-appearance:none;width:18px}.list-graph-wrapper .list-queries[data-v-9e0e6540]::-webkit-scrollbar-thumb{border-radius:10px;width:10px;border:4px solid #fff;background-color:#f1f3f8;box-shadow:0 0 1px hsla(0,0%,100%,.5);-webkit-box-shadow:0 0 1px hsla(0,0%,100%,.5)}.list-graph-wrapper .list-queries .query-value[data-v-9e0e6540]{height:65px;width:100%;padding:10px;border-bottom:1px solid #f1f3f8;cursor:pointer}.list-graph-wrapper .list-queries .query-value.selected[data-v-9e0e6540],.list-graph-wrapper .list-queries .query-value[data-v-9e0e6540]:hover{background-color:#f5f7fd}.list-graph-wrapper .list-queries .query-value .query-label[data-v-9e0e6540],.list-graph-wrapper .list-queries .query-value .query-time[data-v-9e0e6540]{height:100%;float:left;display:flex;align-items:center}.list-graph-wrapper .list-queries .query-value .query-label[data-v-9e0e6540]{width:80%;justify-content:left}.list-graph-wrapper .list-queries .query-value .query-time[data-v-9e0e6540]{width:20%;font-weight:600;justify-content:flex-end}.list-graph-wrapper .graph-area[data-v-9e0e6540]{width:55%;height:100%;border:1px solid #f1f3f8;float:left;padding:20px;display:flex;align-items:center}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540]{height:100%;width:100%}.list-graph-wrapper .graph-area .graph-wrapper .legend-list-graph[data-v-9e0e6540]{height:50px;width:100%;display:flex;justify-content:center;font-size:12px;font-weight:400;color:#999db4}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb{height:calc(100% - 50px)}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-axis text{font-size:12px;fill:#888;text-transform:capitalize}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-axis .tick line{stroke:none!important}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-axis .tick text{fill:#888;font-size:12px}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-axis.axis-hidden{display:none}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-axis path{stroke:#c9d0e3}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-grid .bb-xgrids .bb-xgrid,.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-grid .bb-xgrids .bb-ygrid,.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-grid .bb-ygrids .bb-xgrid,.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-grid .bb-ygrids .bb-ygrid{stroke-dasharray:0 0;stroke:#bababa;opacity:.4!important;stroke-width:1px}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-grid .bb-xgrid-focus{stroke-width:2px;opacity:1;stroke:#888}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-grid .bb-xgrid-focus._mouseout_{visibility:hidden!important}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-grid .bb-xgrid-focus._mousein_{visibility:visible!important}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb svg g .bb-grid .bb-xgrid-focus._selected_{stroke:#000;display:block!important;visibility:visible!important}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb .bb-tooltip-container{padding:10px;background-color:#fff;border:2px solid #add8e6;border-radius:5px}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb .bb-tooltip-container table.bb-tooltip{box-shadow:none}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb .bb-tooltip-container table.bb-tooltip tr{border:none}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb .bb-tooltip-container table.bb-tooltip tr th{font-weight:800;border:none;color:#707070;background-color:hsla(0,0%,100%,.7);text-transform:capitalize;padding:0 5px}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb .bb-tooltip-container table.bb-tooltip tr td{border:none;background-color:hsla(0,0%,100%,.7);text-transform:capitalize;padding:0 6px 0 15px}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb .bb-tooltip-container table.bb-tooltip tr td .color-block{height:10px;width:10px;margin-right:6px}.list-graph-wrapper .graph-area .graph-wrapper[data-v-9e0e6540] .bb .bb-tooltip-container table.bb-tooltip tr td.value{text-align:left}.list-graph-wrapper .graph-area .empty-data-graph[data-v-9e0e6540]{height:100%;width:100%;background-image:url(../img/nodataavailble.a1cca567.svg);background-position:50%;background-repeat:no-repeat;background-size:50% 50%}.header-scroll-shadow-effect[data-v-6120e832]{position:sticky;-webkit-position:sticky;z-index:1;top:-16px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.header-scroll-shadow-effect[data-v-6120e832]:after,.header-scroll-shadow-effect[data-v-6120e832]:before{content:"";display:block;height:16px;position:sticky;-webkit-position:sticky;box-sizing:border-box}.header-scroll-shadow-effect[data-v-6120e832]:before{top:53px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.header-scroll-shadow-effect[data-v-6120e832]: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-6120e832]{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-6120e832]{height:30px;width:30px}.layout-filters-select .dynamic-filter[data-v-6120e832]{height:32px}.layout-filters-select .el-select[data-v-6120e832]{width:150px}.layout-filters-select .el-select .el-input[data-v-6120e832]{height:36px}.layout-filters-select .el-select .el-input__inner[data-v-6120e832]{background-color:#f5f7fd!important;box-shadow:none!important;height:32px!important;font-size:12px}.layout-filters-select .el-select .el-select__tags[data-v-6120e832]{max-width:none!important}.layout-filters-select .el-select .el-select__tags .el-tag[data-v-6120e832]{padding:0}.layout-filters-select .el-select .el-select__tags .el-tag .el-select__tags-text[data-v-6120e832]{max-width:50px}.filter-wrapper label[data-v-6120e832]{font-weight:600}.filter-wrapper .common-filters[data-v-6120e832]{width:100%;min-height:60px;background-color:#fff;margin-bottom:20px;border-radius:4px;box-shadow:2px 2px 10px #eaeaea;padding:14px 20px 10px 20px}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter{width:150px;max-width:150px;margin:0 2px}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .dynamic-filter{height:32px}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .el-select{width:150px}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .el-select .el-input{height:36px}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .el-select .el-input__inner{background-color:#f5f7fd!important;box-shadow:none!important;height:32px!important;font-size:12px}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .el-select .el-select__tags{max-width:none!important}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .el-select .el-select__tags .el-tag{padding:0}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .el-select .el-select__tags .el-tag .el-select__tags-text{max-width:50px}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .select-wrapper{width:400px}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .select-wrapper .sort-wrapper{float:left;position:relative;display:block;top:0;right:0;margin:0 10px}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .select-wrapper .sort-wrapper span{float:left;line-height:36px;text-transform:capitalize}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .select-wrapper .sort-wrapper .jf-switch{float:left;font-size:12px;margin-bottom:0;line-height:36px}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .select-wrapper .sort-wrapper .jf-switch .jf-switch-options{margin-bottom:0}.filter-wrapper .common-filters[data-v-6120e832] .trends-filters .trends-filter .select-wrapper .el-select{float:left}.header-scroll-shadow-effect[data-v-31fb13ff]{position:sticky;-webkit-position:sticky;z-index:1;top:-16px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.header-scroll-shadow-effect[data-v-31fb13ff]:after,.header-scroll-shadow-effect[data-v-31fb13ff]:before{content:"";display:block;height:16px;position:sticky;-webkit-position:sticky;box-sizing:border-box}.header-scroll-shadow-effect[data-v-31fb13ff]:before{top:53px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.header-scroll-shadow-effect[data-v-31fb13ff]: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-31fb13ff]{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-31fb13ff]{height:30px;width:30px}.layout-filters-select .dynamic-filter[data-v-31fb13ff]{height:32px}.layout-filters-select .el-select[data-v-31fb13ff]{width:150px}.layout-filters-select .el-select .el-input[data-v-31fb13ff]{height:36px}.layout-filters-select .el-select .el-input__inner[data-v-31fb13ff]{background-color:#f5f7fd!important;box-shadow:none!important;height:32px!important;font-size:12px}.layout-filters-select .el-select .el-select__tags[data-v-31fb13ff]{max-width:none!important}.layout-filters-select .el-select .el-select__tags .el-tag[data-v-31fb13ff]{padding:0}.layout-filters-select .el-select .el-select__tags .el-tag .el-select__tags-text[data-v-31fb13ff]{max-width:50px}.layout-graph[data-v-31fb13ff]{height:80%;margin-bottom:20px;position:relative}.layout-graph.list-view[data-v-31fb13ff]{height:55%}.layout-graph .header-section[data-v-31fb13ff]{height:30px;position:relative}.layout-graph .header-section label[data-v-31fb13ff]{font-weight:600}.layout-graph .header-section .next-run-details[data-v-31fb13ff]{position:absolute;right:0;top:0}.layout-graph .graph-section[data-v-31fb13ff],.layout-graph .list-graph[data-v-31fb13ff]{background-color:#fff;width:100%;height:calc(100% - 30px);position:relative}.layout-graph .graph-section .graph-display[data-v-31fb13ff],.layout-graph .list-graph .graph-display[data-v-31fb13ff]{box-shadow:2px 2px 10px #eaeaea;width:70%;float:left;height:100%}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff],.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff]{height:40px;margin:16px 10px}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter,.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter{width:150px;max-width:150px;margin:0 2px}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .dynamic-filter,.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .dynamic-filter{height:32px}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select,.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select{width:150px}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select .el-input,.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select .el-input{height:36px}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select .el-input__inner,.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select .el-input__inner{background-color:#f5f7fd!important;box-shadow:none!important;height:32px!important;font-size:12px}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select .el-select__tags,.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select .el-select__tags{max-width:none!important}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select .el-select__tags .el-tag,.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select .el-select__tags .el-tag{padding:0}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select .el-select__tags .el-tag .el-select__tags-text,.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .el-select .el-select__tags .el-tag .el-select__tags-text{max-width:50px}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .select-wrapper .sort-wrapper,.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .select-wrapper .sort-wrapper{top:-15px}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .select-wrapper .sort-wrapper span,.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .select-wrapper .sort-wrapper span{font-size:10px}.layout-graph .graph-section .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .select-wrapper .sort-wrapper .jf-switch,.layout-graph .list-graph .graph-display .graph-filters[data-v-31fb13ff] .trends-filters .trends-filter .select-wrapper .sort-wrapper .jf-switch{font-size:11px}.layout-graph .graph-section .graph-display .graph-filters.overflow-check[data-v-31fb13ff] .trends-filters .trends-filter,.layout-graph .list-graph .graph-display .graph-filters.overflow-check[data-v-31fb13ff] .trends-filters .trends-filter{width:140px;max-width:140px}.layout-graph .graph-section .graph-display .graph-filters.overflow-check[data-v-31fb13ff] .trends-filters .trends-filter .el-select,.layout-graph .list-graph .graph-display .graph-filters.overflow-check[data-v-31fb13ff] .trends-filters .trends-filter .el-select{width:140px}.layout-graph .graph-section .graph-display .graph-wrapper[data-v-31fb13ff],.layout-graph .list-graph .graph-display .graph-wrapper[data-v-31fb13ff]{height:calc(100% - 142px);display:flex}.layout-graph .graph-section .graph-display .graph-wrapper .main-graph[data-v-31fb13ff],.layout-graph .list-graph .graph-display .graph-wrapper .main-graph[data-v-31fb13ff]{display:flex;align-items:center;width:100%}.layout-graph .graph-section .graph-display .graph-wrapper .main-graph[data-v-31fb13ff] .graph-content,.layout-graph .list-graph .graph-display .graph-wrapper .main-graph[data-v-31fb13ff] .graph-content{width:100%;height:100%}.layout-graph .graph-section .graph-display .layout-legends[data-v-31fb13ff],.layout-graph .list-graph .graph-display .layout-legends[data-v-31fb13ff]{height:70px;display:flex;align-items:center;justify-content:center}.layout-graph .graph-section .graph-display .layout-legends .legends-box[data-v-31fb13ff],.layout-graph .list-graph .graph-display .layout-legends .legends-box[data-v-31fb13ff]{height:auto;width:auto;border-radius:4px;border:1px solid #c9d0e3;display:block;float:none;overflow:hidden}.layout-graph .graph-section .graph-display .layout-legends .legends-box[data-v-31fb13ff] .legend-item,.layout-graph .list-graph .graph-display .layout-legends .legends-box[data-v-31fb13ff] .legend-item{float:left;margin:5px}.layout-graph .graph-section .graph-display .layout-legends .legends-box[data-v-31fb13ff] .legend-item .legend-circle,.layout-graph .list-graph .graph-display .layout-legends .legends-box[data-v-31fb13ff] .legend-item .legend-circle{margin:5px 4px 5px 4px;border-radius:5px;border:5px solid;float:left;height:10px;width:10px}.layout-graph .graph-section .graph-display .layout-legends .legends-box[data-v-31fb13ff] .legend-item .legend-label,.layout-graph .list-graph .graph-display .layout-legends .legends-box[data-v-31fb13ff] .legend-item .legend-label{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;font-weight:400;margin:2px 2px 4px 2px}.layout-graph .graph-section .drilldown-section[data-v-31fb13ff],.layout-graph .list-graph .drilldown-section[data-v-31fb13ff]{border:1px solid #f1f3f8;width:30%;float:left;height:100%;display:flex;justify-content:center;padding:10px}.layout-graph .graph-section .drilldown-section div[data-v-31fb13ff],.layout-graph .list-graph .drilldown-section div[data-v-31fb13ff]{width:100%}.layout-graph .graph-section .empty-graph-content[data-v-31fb13ff],.layout-graph .list-graph .empty-graph-content[data-v-31fb13ff]{display:flex;align-items:center;justify-content:center;font-size:24px;position:absolute;background-color:#fff;height:100%;width:100%}.layout-wrapper[data-v-135242f5]{height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.layout-wrapper .layout-container[data-v-135242f5]{height:92%;padding-top:20px;overflow:auto}