/*! * Copyright 2019 WeBank * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * */.circle-progress{position:relative;display:inline-block}.circle-progress .circle-progress__track{stroke:#e5e9f2;stroke-width:8;fill:none}.circle-progress .circle-progress__path{stroke-linecap:round;stroke-width:8;fill:none;stroke-dasharray:299.08px,299.08px;stroke-dashoffset:0;transition:stroke-dashoffset .6s ease 0s,stroke .6s ease 0s}.circle-progress .circle-progress__perent{position:absolute;top:calc(50% - 20px);width:100%;display:block;text-align:center;font-size:16px}.circle-progress .circle-progress__text{position:absolute;top:calc(50% + 4px);font-size:10px}.circle-progress .circle-progress__text,.circle-progress .circle-progress__title{width:100%;display:block;text-align:center} /*! * Copyright 2019 WeBank * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * *//*! * Copyright 2019 WeBank * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * *//*! * Copyright 2019 WeBank * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * */.resource-simple-content{height:400px}.resource-simple-content .queue-manager{position:relative;width:100%;height:100%}.resource-simple-content .queue-manager .queue-manager-select-warpper{position:absolute;top:0;right:0}.resource-simple-content .queue-manager .queue-manager-select-warpper .queue-manager-select{width:200px}.resource-simple-content .queue-manager .queue-manager-title{height:32px;line-height:32px;font-size:14px;font-weight:700;color:rgba(0,0,0,.85)}[data-theme=dark] .resource-simple-content .queue-manager .queue-manager-title{color:hsla(0,0%,100%,.85)}.resource-simple-content .queue-manager .queue-manager-used{margin-bottom:10px}.resource-simple-content .queue-manager .queue-manager-used .queue-manager-circle-warpper{color:rgba(0,0,0,.65);padding:20px;display:flex;justify-content:center}[data-theme=dark] .resource-simple-content .queue-manager .queue-manager-used .queue-manager-circle-warpper{color:hsla(0,0%,100%,.65)}.resource-simple-content .queue-manager .queue-manager-used .queue-manager-circle-warpper .queue-manager-circle{margin-right:30px}.resource-simple-content .queue-manager .queue-manager-top .queue-manager-top-content{height:180px;overflow-y:auto}.resource-simple-content .queue-manager .queue-manager-top .queue-manager-item{height:20px;line-height:20px;display:flex;margin:8px 0 8px 20px;color:rgba(0,0,0,.65)}[data-theme=dark] .resource-simple-content .queue-manager .queue-manager-top .queue-manager-item{color:hsla(0,0%,100%,.65)}.resource-simple-content .queue-manager .queue-manager-top .queue-manager-item span{display:inline-block}.resource-simple-content .queue-manager .queue-manager-top .queue-manager-item .queue-manager-name{width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-simple-content .queue-manager .queue-manager-top .queue-manager-item .queue-manager-total{margin-left:10px}.resource-simple-content .queue-manager .queue-manager-top .queue-manager-item .queue-manager-status{position:relative;width:400px;height:20px;display:flex;align-items:center;font-size:10px;background-color:#fff;border-radius:10px}[data-theme=dark] .resource-simple-content .queue-manager .queue-manager-top .queue-manager-item .queue-manager-status{background-color:#1e232d}.resource-simple-content .queue-manager .queue-manager-top .queue-manager-item .queue-manager-status .queue-manager-status-busy{position:absolute;left:0;background:#f90;height:100%;border-radius:10px;z-index:1}.resource-simple-content .queue-manager .queue-manager-top .queue-manager-item .queue-manager-status .queue-manager-status-idle{background:#19be6b;height:100%;border-radius:10px;position:absolute;z-index:0}.resource-simple-content .queue-manager .queue-manager-top .queue-manager-item .queue-manager-status .queue-manager-status-label{position:absolute;right:6px;color:#fff}.resource-simple-content .job-manager{height:400px;overflow-y:auto}.resource-simple-content .job-manager .job-manager-empty{display:flex;justify-content:center;align-items:center;height:100%;color:rgba(0,0,0,.65)}[data-theme=dark] .resource-simple-content .job-manager .job-manager-empty{color:hsla(0,0%,100%,.65)}.resource-simple-content .job-manager .job-manager-type .job-manager-title{height:32px;line-height:32px;font-size:14px;font-weight:700;color:rgba(0,0,0,.85)}[data-theme=dark] .resource-simple-content .job-manager .job-manager-type .job-manager-title{color:hsla(0,0%,100%,.85)}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper{display:flex;align-items:center;height:40px;line-height:40px;margin:2px 10px 2px 20px;position:relative;cursor:pointer;background-color:#fff;border:1px solid #fff;border-color:#dee4ec}[data-theme=dark] .resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper{background-color:#1e232d;border-color:hsla(0,0%,100%,.2)}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper:hover{background-color:#fff}[data-theme=dark] .resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper:hover{background-color:#252a35}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper.actived{background-color:#fff}[data-theme=dark] .resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper.actived{background-color:#252a35}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper .job-manager-item-icon{padding:10px}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper .job-manager-item-icon:before{font-size:24px}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper .job-manager-item-label{font-weight:700;width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper .job-manager-item-progress-label{position:absolute;right:40px}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper .job-manager-item-progress{display:inline-block;position:absolute;top:-1px;left:0;height:40px;background:rgba(45,140,240,.3)}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper .job-manager-item-active{background:rgba(0,128,0,.57);color:#fff;position:absolute;top:-1px;left:0}[data-theme=dark] .resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper .job-manager-item-active{color:hsla(0,0%,100%,.65)}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper .job-manager-item-active:before{font-size:10px}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper .job-manager-item-close{position:absolute;right:16px}.resource-simple-content .job-manager .job-manager-type .job-manager-item-wrapper .job-manager-item-close:hover{color:rgba(45,140,240,.3)}.task-manager{padding:0 10px}.task-manager .task-content{border:1px solid #e8eaec;border-color:#dee4ec;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);border-radius:10px;color:#515a6e;margin:5px 0;margin-bottom:15px;padding:0 0 10px}[data-theme=dark] .task-manager .task-content{border-color:hsla(0,0%,100%,.2)}.task-manager .task-content .item-title{font-size:14px;background-color:#2e92f7;padding:6px 20px;border-radius:10px 0;display:inline-block;color:#fff;color:rgba(0,0,0,.85)}[data-theme=dark] .task-manager .task-content .item-title{background-color:#4b8ff3;color:hsla(0,0%,100%,.65);color:hsla(0,0%,100%,.85)}.task-manager .manager-li{padding:6px 5px 6px 30px;display:flex;font-size:12px;margin:6px 0;align-items:center}.task-manager .manager-li:hover{background-color:#f7f7f7}[data-theme=dark] .task-manager .manager-li:hover{background-color:#252a35}.task-manager .manager-li .manager-li-title{text-align:center;margin-right:10px;line-height:32px;box-sizing:border-box;display:flex;align-items:center;border:1px solid #2e92f7;border-color:#2e92f7;border-left-width:10px;border-radius:4px;color:rgba(0,0,0,.85);cursor:pointer}[data-theme=dark] .task-manager .manager-li .manager-li-title{border-color:#4b8ff3;color:hsla(0,0%,100%,.85)}.task-manager .manager-li .manager-li-title.init{border-color:#808695}.task-manager .manager-li .manager-li-title.schedule{border-color:rgba(243,133,243,.753)}.task-manager .manager-li .manager-li-title .item-label{width:90px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;text-decoration:underline}.task-manager .manager-li .item-center{width:500px}.task-manager .manager-li .item-center .sql-text{max-width:550px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.task-manager .manager-li .item-delete{flex-basis:30px;font-weight:700;font-size:20px;text-align:center;margin-left:10px;cursor:pointer}.header-tab{display:flex;justify-content:center}.resource-simple-footer{display:flex;justify-content:flex-end;align-items:center}.resource-simple-footer.legendShow{justify-content:space-between}.resource-simple-footer .footer-legend .footer-legend-point{width:10px;height:10px;border-radius:50%;display:inline-block}.resource-simple-footer .footer-legend .point-init{background-color:#808695}.resource-simple-footer .footer-legend .point-schedule{background-color:rgba(243,133,243,.753)}.resource-simple-footer .footer-legend .point-running{background-color:#2e92f7}.resource-simple-footer .footer-legend .point-idle{background-color:#19be6b}.resource-simple-footer .footer-legend .point-busy{background-color:#f90}.resource-simple-footer .footer-legend .point-starting{background-color:#2e92f7}.resource-simple-footer .footer-legend .footer-legend-label{margin-right:10px;display:inline-block;color:rgba(0,0,0,.65)}[data-theme=dark] .resource-simple-footer .footer-legend .footer-legend-label{color:hsla(0,0%,100%,.65)}.engine-box{height:100%;overflow-y:auto;position:relative}.engine-box .no-data{display:flex;justify-content:center;align-items:center;height:100%;color:rgba(0,0,0,.65)}[data-theme=dark] .engine-box .no-data{color:hsla(0,0%,100%,.65)}.engine-box::-webkit-scrollbar{width:6px;height:1px}.engine-box::-webkit-scrollbar-thumb{border-radius:6px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#f7f7f7}.engine-box::-webkit-scrollbar-track{border-radius:6px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#fff}.engine-content{padding:0 15px}.engine-content .engine-header-bar{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:10px}.engine-content .engine-header-bar .data-type-title{font-size:18px;font-weight:700;color:rgba(0,0,0,.85)}[data-theme=dark] .engine-content .engine-header-bar .data-type-title{color:hsla(0,0%,100%,.85)}.engine-content .engine-header-bar .classify{flex-basis:30%;display:flex;justify-content:space-around;align-items:center}.engine-content .engine-header-bar .classify>span{margin-right:5px;width:40px;font-size:14px;color:rgba(0,0,0,.65)}[data-theme=dark] .engine-content .engine-header-bar .classify>span{color:hsla(0,0%,100%,.65)}.engine-content .engine-list{display:flex;align-items:center;padding-left:30px}.engine-content .engine-list .engline-name{flex-basis:62px;font-size:16px;margin-right:20px;color:rgba(0,0,0,.65)}[data-theme=dark] .engine-content .engine-list .engline-name{color:hsla(0,0%,100%,.65)}.engine-content .engine-list .engine-ul{flex:1;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.engine-content .engine-list .engine-ul .engine-li{border:1px solid #dee4ec;border-color:#dee4ec;border-radius:6px;padding:5px;position:relative;width:60px;height:60px;margin:8px 20px 8px 0;box-sizing:border-box;display:flex;justify-content:center;align-items:center}[data-theme=dark] .engine-content .engine-list .engine-ul .engine-li{border-color:hsla(0,0%,100%,.2)}.engine-content .engine-list .engine-ul .engine-li:hover{background-color:#f7f7f7;border-radius:6px;cursor:pointer}[data-theme=dark] .engine-content .engine-list .engine-ul .engine-li:hover{background-color:#252a35}.engine-content .engine-list .engine-ul .engine-li.active.yellow{border:1px solid #f4cf2a;background-color:#f7f7f7}[data-theme=dark] .engine-content .engine-list .engine-ul .engine-li.active.yellow{background-color:#252a35}.engine-content .engine-list .engine-ul .engine-li.active.green{border:1px solid #19be6b;background-color:#f7f7f7}[data-theme=dark] .engine-content .engine-list .engine-ul .engine-li.active.green{background-color:#252a35}.engine-content .engine-list .engine-ul .engine-li.active.blue{border:1px solid #2e92f7;background-color:#f7f7f7}[data-theme=dark] .engine-content .engine-list .engine-ul .engine-li.active.blue{background-color:#252a35}.engine-content .engine-list .engine-ul .engine-li .engine-icon:before{font-size:40px}.engine-content .engine-list .engine-ul .engine-li .engine-icon.yellow:before{color:#f4cf2a}.engine-content .engine-list .engine-ul .engine-li .engine-icon.green:before{color:#19be6b}.engine-content .engine-list .engine-ul .engine-li .engine-icon.blue:before{color:#2e92f7}.engine-content .engine-list .engine-ul .engine-li .engine-right{position:absolute;top:0;left:0;border-radius:0 0 5px 0;font-weight:700}.engine-content .engine-list .engine-ul .engine-li .engine-right:before{color:#f7f7f7}.engine-content .engine-list .engine-ul .engine-li .engine-right.yellow{background-color:#f4cf2a}.engine-content .engine-list .engine-ul .engine-li .engine-right.green{background-color:#19be6b}.engine-content .engine-list .engine-ul .engine-li .engine-right.blue{background-color:#2e92f7}