.real-time-pie{padding:1rem}.real-time-pie .pie-device-status{font-size:.6rem;font-weight:600;color:#bac3ce}.real-time-pie .real-time-pie-chart{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.real-time-pie .real-time-pie-chart .chart{-webkit-box-flex:1;-ms-flex:1;flex:1}.real-time-pie .real-time-pie-chart .device-info{width:36%}.real-time-pie .circle{display:inline-block;width:.6rem;height:.6rem;border-radius:.6rem}.real-time-pie .normal{background-color:#5ad8a6}.real-time-pie .fault{background-color:#e8684a}.real-time-pie .warning{background-color:#f6bd16}.real-time-pie .offline{background-color:#5b8ff9}.real-time-pie .device-info{font-size:.6rem;padding-top:1rem}.real-time-pie .device-info .device-info-item{width:100%;float:left;margin-bottom:1rem;padding-left:1rem}.real-time-pie .device-info .device-info-item *{color:#bac3ce}.real-time-pie .device-info .device-info-item .device-number{color:#f2f2f2;font-size:1rem;margin:.2rem 1rem;margin-bottom:.5rem}.h3{font-size:1.2rem;font-weight:600;margin-right:16px}.line-input-filter{margin-left:2rem}.line-input-filter input{border:none;border-bottom:1px solid #3c3c3c;font-size:.6rem;border-radius:0;height:2rem;line-height:2rem}.circle-input-filter{margin-left:2rem}.circle-input-filter input{font-size:.6rem;height:2rem;line-height:2rem;border-color:#2b3139;border-radius:1rem}::-webkit-scrollbar{width:1px;height:1px;background-color:transparent}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 #1f2732;border-radius:1px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #1f2732;background-color:transparent}.order-analyzes{padding:1rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.order-analyzes .order-analyze-list-filter .el-range-input{border:none}.order-analyzes .order-analyze-list-filter input{border:none;border-bottom:1px solid #3c3c3c;font-size:.6rem;border-radius:0}.order-analyzes .order-analyze-data-list{margin-top:1rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.order-analyzes .order-analyze-data-list .order-analyze-info-item{border:1px solid #2b3139;border-radius:.5rem;height:8rem;background-color:#30363e;padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.order-analyzes .order-analyze-data-list .order-analyze-info-item .h4{text-align:left;font-size:.8rem;font-weight:600;display:inline-block;margin-bottom:1rem;color:#bac3ce}.order-analyzes .order-analyze-data-list .order-analyze-info-item .analyze-info-result{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.order-analyzes .order-analyze-data-list .order-analyze-info-item .analyze-info-result .info-data{margin-bottom:1rem;color:#f2f2f2}.order-analyzes .order-analyze-data-list .order-analyze-info-item .analyze-info-result .info-data .info-data-number{font-size:1.6rem}.order-analyzes .order-analyze-data-list .order-analyze-info-item .analyze-info-result .info-data-calc{font-size:.6rem;color:#bac3ce}.order-analyzes .order-analyze-data-list .item-title{font-size:.8rem;font-weight:600;display:inline-block;margin-bottom:1rem;color:#bac3ce}.order-analyzes .order-analyze-data-list .chart-30{padding:1rem;background-color:#30363e;margin-top:1rem;border-radius:.5rem}.order-analyzes .order-analyze-data-list .chart-30 .chart{height:20rem}.order-analyzes .order-analyze-data-list .top10{padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#30363e;margin-top:1rem;border-radius:.5rem}.order-analyzes .order-analyze-data-list .top10 .top10-chart{height:20rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.order-analyzes .order-analyze-data-list .style{padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#30363e;margin-top:1rem;border-radius:.5rem}.order-analyzes .order-analyze-data-list .style .top10-chart{height:15rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.order-analyzes .order-analyze-data-list .seg{height:1rem;width:100%}.order-analyzes .order-analyze-data-list .seg-width{width:1rem;height:100%}