{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\VideoMonitor.vue?vue&type=style&index=0&id=1d0d7eb0&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\VideoMonitor.vue","mtime":1684458238481},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import './css/screen.scss';\r\n$border-color: #566a7e;\r\n$active-color: #409eff;\r\n$high-light-color: #ff7c40;\r\n$text-color:#b7c6d8;\r\n$text-color-dark:#8993a0;\r\n$dark-bg:#0b1926;\r\n$dark-bg-lighter: #1d3b57;\r\n.video-monitor {\r\n    overflow: hidden;\r\n    height: 100%;\r\n    width: 100%;\r\n    background: #060f18; //#ebeef5;\r\n    box-sizing: border-box;\r\n    // background-image: url('./../assets/img/waterbg5.jpg'); \r\n    background-image: url('../../assets/img/app-bg.jpg'); \r\n    background-repeat:no-repeat;\r\n    background-size:100% 100%;\r\n    color: $text-color;\r\n    position: relative;\r\n    display: flex;\r\n}\r\n#video-container{\r\n    width: calc(100% - 320PX);\r\n    height: 100%;\r\n    position: relative;\r\n}\r\n\r\n.video-iframe{\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width:100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n}\r\n.videoWindow{\r\n    width: calc(100% - 320PX);\r\n    height: 100%;\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    z-index: 1;\r\n}\r\n.site-tree{\r\n    width: 320PX;\r\n    height: 100%;\r\n    background: rgba(#314351, 0.4);\r\n    box-shadow: inset 0 0 100px rgba(#000, 0.3);\r\n    \r\n    /deep/ .el-tabs--card > .el-tabs__header {\r\n        border-bottom: 1px solid $border-color;\r\n        margin-bottom: 0;\r\n    }\r\n    /deep/ .el-tabs--card > .el-tabs__header .el-tabs__nav{\r\n        border: none;\r\n    }\r\n    /deep/ .el-tabs__item {\r\n        padding: 6PX 16PX;\r\n        height: auto;\r\n        box-sizing: border-box;\r\n        line-height: normal;\r\n        display: inline-block;\r\n        list-style: none;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: $text-color;\r\n        position: relative;\r\n        border-radius: 4PX 4PX 0 0;\r\n        border: 1px solid $border-color;\r\n        margin: 0 2PX;\r\n        border-bottom: 0;\r\n    }\r\n    /deep/ .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child{\r\n        padding-right: 16PX;\r\n    }\r\n    /deep/ .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2){\r\n        padding-left: 16PX;\r\n    }\r\n    /deep/ .el-tabs--card > .el-tabs__header .el-tabs__item:first-child {\r\n        border-left: 1px solid $border-color;\r\n    }\r\n    /deep/ .el-tabs__item:hover {\r\n        color: $active-color;\r\n        cursor: pointer;\r\n    }\r\n    /deep/ .el-tabs__item.is-active {\r\n        color: $active-color;\r\n    }\r\n    .tree-tabs{\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    /deep/ .el-tabs__content{\r\n        height: calc(100% - 28PX);\r\n    }\r\n    .tree-search-con{\r\n        margin:4PX 2PX;\r\n        >div{\r\n            width: calc(100% - 4PX);\r\n            margin: 0 2PX;\r\n        }\r\n        .helf-search{\r\n            width: calc(50% - 4PX);\r\n        }\r\n    }\r\n    .tree-controler-con{\r\n        width: calc(100% - 8px);\r\n        margin: 4px auto;\r\n        border-bottom: 1px solid $border-color;\r\n        i{\r\n            font-size: 16px;\r\n            padding:4px 8px 8px 8px;\r\n            cursor: pointer;\r\n            color: $active-color;\r\n        }\r\n        .light:hover{\r\n            color: $high-light-color;\r\n        }\r\n        .disable{\r\n            color:$text-color-dark;\r\n            cursor: default\r\n        }\r\n    }\r\n    .filter-tree-outer{\r\n        height: calc(100% - 40PX);\r\n    }\r\n    .filter-tree-outer.short{\r\n        height: calc(100% - 70PX);\r\n    }\r\n    /deep/ .el-select .el-input--suffix .el-input__inner,\r\n    /deep/ .el-input--mini .el-input__inner{\r\n        background-color: $dark-bg;\r\n        border: 1px solid $border-color;\r\n        color: $text-color;\r\n    }\r\n\r\n    /deep/ .el-select-dropdown{\r\n        background-color: $dark-bg;\r\n        border: solid 1px $border-color;\r\n    }\r\n    /deep/ .el-select-dropdown__item{\r\n        height: 28PX;\r\n        line-height: 28PX;\r\n    }\r\n    /deep/ .el-select-dropdown__item span {\r\n        color: $text-color;\r\n    }\r\n    /deep/ .el-select-dropdown__item.selected span {\r\n        color: $active-color !important;\r\n    }\r\n    /deep/ .el-select-dropdown__item.hover,\r\n    /deep/ .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {\r\n        background-color: $dark-bg-lighter  !important;\r\n    }\r\n    /deep/ .el-scrollbar__wrap{\r\n        margin-right: -8PX !important;\r\n    }\r\n    /deep/ .el-popper[x-placement^=\"bottom\"] .popper__arrow{\r\n        top: -7PX;\r\n        border-bottom-color: $border-color;\r\n    } \r\n    /deep/ .el-popper[x-placement^=\"bottom\"] .popper__arrow::after  {\r\n        border-bottom-color: $border-color;\r\n    } \r\n    \r\n    /deep/ .el-tree {\r\n        background: transparent;\r\n        color: $text-color;\r\n        border: none!important;\r\n    }\r\n    .editScroll{\r\n        width: 100%!important;\r\n        height: 100%!important;\r\n        overflow: auto;\r\n    }\r\n    /deep/ .el-tree-node:focus > .el-tree-node__content ,\r\n    /deep/ .el-tree-node__content:hover,\r\n    /deep/ .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content\r\n    {\r\n        background-color: $dark-bg-lighter;\r\n        color: $active-color;\r\n    }\r\n    /deep/ .el-tree-node > .el-tree-node__children {\r\n        overflow: visible;\r\n    }\r\n    .custom-tree-node{\r\n        flex: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: start;\r\n        font-size: 12px;\r\n        padding-right: 8px;\r\n    }\r\n    .videoWindow {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n}\r\n",null]}