@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);@import url(https://fonts.googleapis.com/css?family=Roboto:700);.m-24{margin:24px}.mt-24{margin-top:24px}.mr-24{margin-right:24px}.mb-24{margin-bottom:24px}.ml-24{margin-left:24px}.m-16{margin:16px}.mt-16{margin-top:16px}.mr-16{margin-right:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.m-12{margin:12px}.mt-12{margin-top:12px}.mr-12{margin-right:12px}.mb-12{margin-bottom:12px}.ml-12{margin-left:12px}.m-6{margin:6px}.mt-6{margin-top:6px}.mr-6{margin-right:6px}.mb-6{margin-bottom:6px}.ml-6{margin-left:6px}.m-0{margin:0!important}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.p-24{padding:24px}.pt-24{padding-top:24px}.pr-24{padding-right:24px}.pb-24{padding-bottom:24px}.pl-24{padding-left:24px}.p-16{padding:16px}.pt-16{padding-top:16px}.pr-16{padding-right:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.p-12{padding:12px}.pt-12{padding-top:12px}.pr-12{padding-right:12px}.pb-12{padding-bottom:12px}.pl-12{padding-left:12px}.p-6{padding:6px}.pt-6{padding-top:6px}.pr-6{padding-right:6px}.pb-6{padding-bottom:6px}.pl-6{padding-left:6px}.layout{display:flex;flex-direction:column}.layout .footer,.layout .header,.layout .page-header,.layout .sider{flex:0 0 auto}.layout .content{flex:auto;display:flex;flex-direction:column}.w-100{width:100%}.h-100{height:100%}.card .card-title{border-top-left-radius:.25rem;border-top-right-radius:.25rem;padding:12px;text-align:center;background-color:#343a40;font-size:1.2rem;font-weight:600;color:#df9f3a}.card .card-content{height:100%;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;padding:12px;font-size:1rem;color:#fff;background-color:rgba(51,51,51,.5);overflow-y:auto}.custom-form .form-item{margin-bottom:12px}.custom-form .form-item .field{display:flex;align-items:center}.custom-form .form-item .title{font-size:16px;font-weight:400;margin:0;flex:0 1 auto}.custom-form .form-item .require-mark:before{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:"*"}.custom-form .form-item .p-field{margin:0!important;flex:1 1}.custom-form .form-item .p-field *{line-height:24px;font-size:16px}.custom-form .form-item .p-field i{line-height:14px}.custom-form .form-item .p-password{display:block}.custom-form .form-item .p-password input{width:100%}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;color:#fff;font-family:"Noto Sans TC",sans-serif!important}#root,body,html{height:100%}.hiddenText{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.leaflet-popup-tip,.leaflet-tooltip{background-color:#fff}.leaflet-popup-close-button{top:6px!important;right:6px!important}.leaflet-popup-content{margin:12px 16px}.leaflet-popup-content-wrapper,.leaflet-tooltip-pane{background-color:rgba(0,0,0,.7);border-radius:5px}.leaflet-popup-content-wrapper *,.leaflet-tooltip-pane *{color:#000}.leaflet-bar{border:0}.leaflet-bar a,.leaflet-bar a.leaflet-disabled,.leaflet-bar a.leaflet-disabled:hover,.leaflet-bar a:hover{background-color:rgba(0,0,0,.7);border:0;color:#fff}.leaflet-bottom,.leaflet-control,.leaflet-pane,.leaflet-top{z-index:0!important}#AuthLayout{min-height:100vh;background-image:url(/dashboard/static/media/background.f5aebe3e.png);background-position:top}#AuthLayout .header{width:100%;height:120px;color:#ffc61a;font-size:xx-large;font-weight:500;display:flex;align-items:center;justify-content:center}#Layout{min-height:100vh;background:linear-gradient(90deg,#050411,#3a6073,#050411)}#Layout .header{background-color:hsla(0,0%,100%,0);margin:0 30px 20px;border-bottom:none;z-index:100}#Layout .header-title{display:flex;justify-content:center;margin:20px 0 10px;color:#ffc61a;font-size:30px;font-family:Microsoft JhengHei;font-weight:700}#Layout .header-content{display:flex;padding:0 10px;border-bottom:5px solid #066}#Layout .header-content .menu{display:flex;flex-wrap:wrap}#Layout .header-content .menu .menuButton{height:40px;padding:0 7px;margin-right:1px;display:flex;align-items:center;justify-content:center;font-size:small;color:#fdfdfd;background-color:#2e3b5e;border-radius:10px 10px 0 0;text-align:center;font-weight:400}#Layout .header-content .menu .menuButton .icon{height:16px;width:16px}#Layout .header-content .menu .menuButton:hover{font-weight:600}#Layout .header-content .menu .menuBtnDropdown{padding:3px 10px}#Layout .header-content .menu .menuBtnDropdown:hover{font-weight:700}#Layout .header-content .menu .userButton{height:40px;padding:0 8px;margin-right:1px;display:flex;align-items:center;justify-content:center;font-size:small;color:#fdfdfd;text-align:center;font-weight:400}#Layout .header-content .menu .userBtnDropdown{padding:3px 10px}#Layout .header-content .menu .mantine-Button-leftIcon{margin-right:5px}#Layout .header-content .menu .mantine-Button-rightIcon{margin-left:5px}#Layout .pageTitle{margin:0 30px 20px;padding:8px 15px;border-bottom:1px dashed grey}#Layout .pageTitle .mainTitle{font-size:medium;color:#fff}#Layout .pageTitle .subTitle{color:grey}@media(max-width:768px){#Layout .header-content .menu{display:none}}#Home{display:flex;flex-direction:column;align-items:center;justify-content:center}#Home .title{width:1000px;font-size:xx-large;margin-bottom:15px}#Home .block{width:270px;height:120px;font-size:medium;cursor:pointer;background-color:#001f2c;margin:5px 30px;flex-direction:column;border:0 solid hsla(0,0%,100%,.3)}#Home .block,#Home .block .iconBorder{display:flex;align-items:center;justify-content:center}#Home .block .iconBorder{height:75px;width:75px;border-radius:100%;border:1px solid hsla(0,0%,100%,.3);margin-bottom:5px}#Home .block .iconBorder .icon{height:50px;width:50px}#Home .block:hover{border-width:1px;transform:translate(2px,2px);transition-duration:.4s}#Home .block:hover .iconBorder{background-color:hsla(0,0%,100%,.15);transition-duration:.4s}@media(max-width:1200px){#Home .title{width:800px}#Home .block{width:210px}}@media(max-width:992px){#Home .title{width:100%;padding-left:40px}#Home .block{width:85vw}}#login{width:100%;height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center}#login .loginBlock{width:30%;min-width:400px;height:280px;border-radius:5px;padding:20px 30px;margin-bottom:40px;background-color:#001a1a}#login .loginBlock .loginTitle{font-size:x-large;font-weight:600;display:flex;align-items:center;justify-content:center}#login .loginBlock .loginInput{margin:25px 0}#login .loginBlock .loginInput .icon{width:90%;height:90%;border-radius:4px 0 0 4px}#login .loginBlock .loginButton{width:100%;background-color:#1e79c9}#login .loginBlock .loginButton:hover{background-color:#228be6}.CRUDTable-outer{overflow:auto}.CRUDTable-outer .CRUDTable{table-layout:fixed;width:100%;border:1px solid #fff}.CRUDTable-outer .CRUDTable .inside{width:100%}.CRUDTable-outer .CRUDTable th{position:sticky;z-index:1;background:linear-gradient(#004d99,#001a33);top:0;color:#77c2ee;border:1px solid #fff}.CRUDTable-outer .CRUDTable tr{background-color:#021d30}.CRUDTable-outer .CRUDTable tr td{color:#fff;border:1px solid #fff}.CRUDTable-outer .CRUDTable tr:hover{background-color:#122d46}.CRUDTable-outer .CRUDTable .selected,.CRUDTable-outer .CRUDTable .selected:hover{background-color:#039be5}#empty{min-height:300px;display:flex;align-items:center;justify-content:center;color:#333}#empty .title{font-size:80px;font-weight:800}#empty .subtitle,#empty .title{text-align:center;font-family:"Roboto",sans-serif}#empty .subtitle{font-size:32px;font-weight:600}#empty .descript{text-align:center;font-family:"Roboto",sans-serif;font-size:18px}.waterWave{position:relative;display:inline-block;transform-origin:left}.waterWave .text{position:absolute;top:10%;left:2px;width:100%;text-align:center}.waterWave .waterWaveCanvasWrapper{transform:scale(.5);transform-origin:0 0}.waterWave .text>h4,.waterWave .text>span{color:#fff;font-size:40px}.waterWave .text>span{line-height:22px}#loading{height:100%;width:100%;font-size:xx-large;display:flex;align-items:center;justify-content:center}#A01_dashboard{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#A01_dashboard .line{width:100%;display:flex;height:45%;margin:1% 0}#A01_dashboard .block{width:49%;margin:0 .5%;border:1px solid #fff}#A01_dashboard .block .title{width:100%;height:40px;font-size:large;font-weight:700;background-color:#2e856e;border-bottom:1px solid #fff;display:flex;align-items:center;justify-content:center}#A01_dashboard .block .subTitle{margin:5px 0 0 10px;display:flex;align-items:center;justify-content:space-between}#A01_dashboard .block .subTitle .mantine-Group-root{padding:0}#A01_dashboard .block .subTitle .mantine-Group-root label{color:#fff}#A01_dashboard .block .data{width:100%;height:calc(100% - 70px);display:flex;align-items:center;justify-content:space-evenly}#A01_dashboard .block .data .table1{width:60%}#A01_dashboard .block .data .table2{width:80%;height:calc(100% - 40px);overflow-y:auto}#A01_dashboard .block .data .echart,#A01_dashboard .block .data .table3{width:80%}#SearchLineForm .mantine-DatePicker-label,#SearchLineForm .mantine-MultiSelect-label,#SearchLineForm .mantine-Select-label{color:#fff}#SearchLineForm .mantine-Grid-col{display:flex;align-items:center;justify-content:center}#SearchLineForm .mantine-Grid-col .mantine-InputWrapper-root{width:100%;padding:0 10px}#SearchLineForm .mantine-Grid-col .button{padding:0 10px;width:100%;display:flex;align-items:center;justify-content:flex-start}#SearchLineForm .mantine-CheckboxGroup-label{color:#fff}#SearchLineForm .mantine-Checkbox-label{color:#fff;padding:0;margin:0 15px 0 3px}#SearchLineForm .mantine-DateTimePicker-label{color:#fff}#A02_table{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#A02_table .data{padding:0 10px;margin-top:20px}#B01_api{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#B01_api .data{padding:0 10px;margin-top:50px}#B02_data{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#B02_data .data{padding:0 10px;margin-top:50px}#C01_overview{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#C01_overview .data{padding:0 10px;margin-top:50px}#C01_overview .btn-info{padding:0 8px;border-width:0}#C01_overview .btn-info div{height:10px}#C01_overview .btn-info span{margin:0}#C01_overview .btn-info:hover{background-color:inherit}#C02_roaddevice{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto;padding:10px;border:1px solid #fff}#C02_roaddevice .mantine-Tabs-tab{margin-right:1px}#C02_roaddevice .mantine-Tabs-tab .mantine-Tabs-tabLabel{color:#fff}#C02_roaddevice .mantine-Tabs-tab:hover{background-color:#e0e0e0}#C02_roaddevice .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#C02_roaddevice .tabopened{background-color:#fff}#C02_roaddevice .tabopened .mantine-Tabs-tabLabel{color:#000}#C02_roaddevice .MapButton{padding:0 10px;background-color:hsla(0,0%,100%,0)}#C02_roaddevice .MapButton .mantine-Button-leftIcon{margin-right:0;font-size:larger;color:#fff}#C03_holiday{height:calc(100vh - 220px)}#C03_holiday,#C04_prediction{width:calc(100% - 60px);margin:0 30px;overflow-y:auto}#C04_prediction{height:calc(100vh - 100px)}#C04_prediction .block{display:flex;justify-content:space-around;width:100%;height:75%;margin-top:20px}#C04_prediction .block .detail{display:flex;flex-direction:column;width:25%;border:1px solid #fff;border-radius:5px}#C04_prediction .block .detail .title{display:flex;align-items:center;justify-content:center;width:100%;height:40px;background:linear-gradient(#004d99,#001a33);border-bottom:1px solid #fff;padding:0 10px;font-weight:500}#C04_prediction .block .detail .top{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;height:55%;padding:10px 0}#C04_prediction .block .detail .top .picture{width:90%;height:100%}#C04_prediction .block .detail .top img{height:100%}#C04_prediction .block .detail .top .text{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:95%;height:94%;z-index:1}#C04_prediction .block .detail .top .section_end,#C04_prediction .block .detail .top .section_start{display:flex;align-items:center;justify-content:center;width:100%;font-size:20px}#C04_prediction .block .detail .top .direction{display:flex;align-items:center;justify-content:space-between;width:95%}#C04_prediction .block .detail .top .direction p{width:30%;text-align:center}#C04_prediction .block .detail .top img{width:100%}#C04_prediction .block .detail .traveltime{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:65%;padding:0 10px}#C04_prediction .block .detail .traveltime span{display:flex;align-items:center;justify-content:center;width:100%;height:25px;background:linear-gradient(#1067be,#014788,#004d99);padding:0 10px;font-weight:500}#C04_prediction .echart{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:30px 0 0 55px}.CMSpreview .line .block{border:1px solid #ccc}#D01_monitor{width:calc(100% - 60px);height:calc(100vh - 250px);margin:0 30px;display:flex}#D01_monitor .CMSBox{width:300px;margin:0 10px}#D01_monitor .CMSBox .titleLine{display:flex;align-items:center}#D01_monitor .CMSBox .titleLine .status{width:56px;height:32px;font-weight:700;border-radius:5px 0 0;background:#26734d;display:flex;align-items:center;justify-content:center;margin-right:5px}#D01_monitor .CMSBox .titleLine .title{display:flex;align-items:center}#D01_monitor .CMSBox .titleLine .menuLabel{font-size:14px;color:#77c2ee;background:linear-gradient(#004d99,#001a33);padding:3px 20px}#D01_monitor .CMSBox .cmsBorder{border:1px solid #fff}#todaySchedule{width:100%;height:100%;padding:10px 25px}#todaySchedule .listTitle{width:100%;font-weight:500;background-color:#337ab7;padding:10px 15px;border-bottom:1px solid #fff;border-radius:3px 3px 0 0}#todaySchedule .scheduleBox{border:1px solid #fff;border-top:none;font-size:14px;display:flex}#todaySchedule .scheduleBox .text{width:50%;border-right:1px solid #fff;padding:8px}#todaySchedule .scheduleBox .text .line1{height:30px}#todaySchedule .scheduleBox .text .line2{height:30px;display:flex;justify-content:space-between;padding:0 15px}#todaySchedule .scheduleBox .bar{width:50%;padding:8px}#todaySchedule .scheduleBox .bar .blockLine{display:flex;align-items:center;justify-content:space-between;padding-left:7px}#todaySchedule .scheduleBox .bar .blockLine .block{width:4.2%;height:36px;border:1px solid #fff;border-left:none}#todaySchedule .scheduleBox .bar .numLine{display:flex;align-items:center;justify-content:space-between;padding-right:7px}#todaySchedule .scheduleBox .bar .numLine .num{width:4%}#D01Urgent .MuiStack-root{padding:0}#D01Urgent .MuiStack-root .MuiTextField-root{overflow-y:hidden}#D01Urgent .MuiStack-root .MuiTextField-root .MuiOutlinedInput-root{height:36px;background-color:#fff;color:#000;font-weight:400}#D02_schedule{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto;display:flex}#D02_schedule .leftSider{width:25%;padding:0 1%}#D02_schedule .leftSider .buttonList{width:100%;height:54px;display:flex;align-items:center;justify-content:center;background-color:#021d30;margin-bottom:20px}#D02_schedule .leftSider .buttonList,#D02_schedule .leftSider .scheduleBox{border:1px solid #fff;border-radius:5px}#D02_schedule .leftSider .scheduleBox .search{margin:10px}#D02_schedule .leftSider .scheduleBox .search .mantine-Button-root{padding:0;border-radius:0 5px 5px 0;background-color:#eee;color:#555}#D02_schedule .leftSider .scheduleBox .search .mantine-Button-root .mantine-Button-rightIcon{margin:0 10px}#D02_schedule .leftSider .scheduleBox .scheduleList{margin:10px}#D02_schedule .leftSider .scheduleBox .scheduleList .option{width:100%;height:35px;padding:0 10px;font-size:14px;color:#555;background-color:#fff;border:1px solid #000;display:flex;align-items:center;justify-content:space-between;cursor:pointer}#D02_schedule .leftSider .scheduleBox .scheduleList .option .mantine-Button-root{padding:0;height:22px;width:24px;color:#000;background-color:#fff;border:1px solid #ccc}#D02_schedule .leftSider .scheduleBox .scheduleList .option .mantine-Button-root .mantine-Button-rightIcon{margin:0}#D02_schedule .leftSider .scheduleBox .scheduleList .option .mantine-Button-root:hover{background-color:#eee}#D02_schedule .rightSider{width:75%;padding:0 3%}#D02_schedule .rightSider .box{border:1px solid #fff;border-radius:5px;background-color:#001a33}#D02_schedule .rightSider .box .content{width:100%}#D02_schedule .title{height:40px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#004d99,#001a33);border-bottom:1px solid #fff;padding:0 10px}#D02_schedule .title .mantine-Checkbox-label{color:#6897bb}#D03_message{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto;display:flex}#D03_message .MessageGroup{width:25%;padding:0 1%}#D03_message .Message{width:30%;padding:0 1%}#D03_message .buttonList{width:100%;height:54px;display:flex;align-items:center;justify-content:center;background-color:#021d30;margin-bottom:20px}#D03_message .buttonList,#D03_message .MessageBox,#D03_message .MessageGroupBox{border:1px solid #fff;border-radius:5px}#D03_message .MessageBox .search,#D03_message .MessageGroupBox .search{margin:10px}#D03_message .MessageBox .search .mantine-Button-root,#D03_message .MessageGroupBox .search .mantine-Button-root{padding:0;border-radius:0 5px 5px 0;background-color:#eee;color:#555}#D03_message .MessageBox .search .mantine-Button-root .mantine-Button-rightIcon,#D03_message .MessageGroupBox .search .mantine-Button-root .mantine-Button-rightIcon{margin:0 10px}#D03_message .MessageBox .emptyList,#D03_message .MessageGroupBox .emptyList{display:flex;justify-content:center}#D03_message .MessageBox .MessageGroupList,#D03_message .MessageBox .MessageList,#D03_message .MessageGroupBox .MessageGroupList,#D03_message .MessageGroupBox .MessageList{margin:10px}#D03_message .MessageBox .MessageGroupList .option,#D03_message .MessageBox .MessageList .option,#D03_message .MessageGroupBox .MessageGroupList .option,#D03_message .MessageGroupBox .MessageList .option{width:100%;height:40px;padding:0 10px;color:#555;background-color:#fff;border:1px solid #000;display:flex;align-items:center;justify-content:space-between;cursor:pointer}#D03_message .MessageBox .MessageGroupList .option .mantine-Button-root,#D03_message .MessageBox .MessageList .option .mantine-Button-root,#D03_message .MessageGroupBox .MessageGroupList .option .mantine-Button-root,#D03_message .MessageGroupBox .MessageList .option .mantine-Button-root{padding:0;height:22px;width:24px;color:#000;background-color:#fff;border:1px solid #ccc}#D03_message .MessageBox .MessageGroupList .option .mantine-Button-root .mantine-Button-rightIcon,#D03_message .MessageBox .MessageList .option .mantine-Button-root .mantine-Button-rightIcon,#D03_message .MessageGroupBox .MessageGroupList .option .mantine-Button-root .mantine-Button-rightIcon,#D03_message .MessageGroupBox .MessageList .option .mantine-Button-root .mantine-Button-rightIcon{margin:0}#D03_message .MessageBox .MessageGroupList .option .mantine-Button-root:hover,#D03_message .MessageBox .MessageList .option .mantine-Button-root:hover,#D03_message .MessageGroupBox .MessageGroupList .option .mantine-Button-root:hover,#D03_message .MessageGroupBox .MessageList .option .mantine-Button-root:hover{background-color:#eee}#D03_message .rightSider{width:75%;padding:0 3%}#D03_message .rightSider .box{border:1px solid #ddd;border-radius:5px;background-color:#fff}#D03_message .rightSider .box .content{width:100%;color:#212529;font-weight:500}#D03_message .title{height:40px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#004d99,#001a33);border-bottom:1px solid #fff;padding:0 10px;font-weight:500}#D03_message .title .mantine-Checkbox-label{color:#6897bb}#D03_message .white{color:#333;background:#f5f5f5;border-bottom:1px solid #ddd}#D04_displaytime{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto;display:flex;justify-content:center}#D04_displaytime .setBlock{width:500px;height:250px;border:1px solid #fff;background-color:#021d30;display:flex;flex-direction:column;align-items:center}#D04_displaytime .setBlock .title{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#004d99,#001a33);border-bottom:1px solid #fff;padding:0 10px;font-weight:500}#D04_displaytime .setBlock .select{width:300px;margin:60px 0 30px}#D04_displaytime .setBlock .button{width:150px;display:flex;justify-content:space-between}#D05_brightness,#D06_log{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#D06_log .data{margin-top:20px}#D06_log .data .notFound{margin-top:100px;display:flex;justify-content:center;font-size:xx-large;font-weight:700}#E01_list{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#E01_list .data{padding:0 10px;margin-top:50px;table-layout:fixed;word-break:break-all}#E02_map{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow:hidden}#E02_map .data{margin-top:8px}#E02_map .data .detailVisible{width:440px;height:280px;border:1px solid #fff;border-radius:10px;margin-left:5px;background-color:#021d30}#E02_map .data .detailVisible .detailTop .detailtitle{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;background:linear-gradient(#004d99,#001a33);color:#77c2ee;border:1px solid #fff;border-top-right-radius:9px;border-top-left-radius:9px;height:40px}#E02_map .data .detailVisible .detailBottom .cctv{width:435px;height:300px;border:1px solid #fff;margin-top:60px;background-color:#021d30}#E02_map .data .detailVisible .detailBottom .cctv .cctvtitle{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;background:linear-gradient(#004d99,#001a33);color:#77c2ee;border:1px solid #fff;height:40px}#E02_map .data .detailVisible .detailBottom .cctv .cctvdata{margin:5px 10px;height:250px}#E02_map .data .detailVisible .detailBottom .cms{width:435px;margin-top:60px}#E02_map .data .detailVisible .detailBottom .cms .cmsTable{height:340px;overflow-y:auto}#E02_map .data .detailVisible .detailBottom .cms .cmsTable th{text-align:center;color:#77c2ee;background:linear-gradient(#004d99,#001a33)}#E02_map .data .detailVisible .detailBottom .cms .cmsTable td{background-color:#021d30;color:#fff}#E02_map .data .detailVisible .detailBottom .eTag,#E02_map .data .detailVisible .detailBottom .vd{width:435px;border:1px solid #fff;margin-top:60px;background-color:#021d30}#E02_map .data .detailVisible .detailBottom .tc{width:435px;margin-top:50px}#E02_map .data .detailVisible .detailBottom .tc .box{width:90px;height:90px;font-size:60px;color:#fff;background-color:#000;display:flex;justify-content:center;align-items:center;position:relative;left:40%;margin:10px 0;border-radius:5px}#E02_map .data .detailVisible .detailBottom .tc .TCtable th{text-align:center;color:#77c2ee;background:linear-gradient(#004d99,#001a33)}#E03_live{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto;border:1px solid #fff;padding:10px 0}#E03_live .E03data .data{padding:0 10px;margin-top:50px}#E03_live .mantine-Tabs-tab{margin-left:3px;margin-right:1px}#E03_live .mantine-Tabs-tab .mantine-Tabs-tabLabel{color:#fff}#E03_live .mantine-Tabs-tab:hover{background-color:#e0e0e0}#E03_live .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#E03_live .tabopened{background-color:#fff}#E03_live .tabopened .mantine-Tabs-tabLabel{color:#000}#E03_live .immediateData{display:flex;justify-content:space-around}#E03_live .immediateData .immediateEchart{margin-left:20px;width:25%;height:220px;background-color:#fff}#E03_live .immediateData .immediateEchart span{display:flex;justify-content:center;align-items:center;position:relative;top:-58%;color:grey;font-size:24px}#E03_live .immediateData .immediateList{padding:20px;width:70%}#E03_live .detail{margin:20px 35px;overflow-y:auto}#E03_live .detail Table th{position:sticky;z-index:1;background:linear-gradient(#004d99,#001a33);top:0;color:#77c2ee;border:1px solid #fff;text-align:center}#E03_live .detail Table tr{background-color:#021d30}#E03_live .detail Table tr td{color:#fff;border:1px solid #fff;text-align:center}#F01_member,#F02_role{margin:0 30px}#F01_member,#F02_role,#F03_log{width:calc(100% - 60px);height:calc(100vh - 220px);overflow-y:auto}#F03_log{padding:10px 60px;overflow-x:hidden}#G01_latestlocal,#G02_latestforeign{height:calc(100vh - 200px);padding:0 150px;overflow-y:auto}#G02_latestforeign .data{margin-top:10px}#G02_latestforeign .data .p-datatable{width:100%;font-size:14px}#G02_latestforeign .data .p-datatable-table{width:100%;border-collapse:collapse}#G02_latestforeign .data .p-column-header-content{padding:5px 10px;text-align:left;color:#77c2ee;background:linear-gradient(#004d99,#001a33)}#G02_latestforeign .data tbody tr{border:none;border-bottom:1px solid #dee2e6;background-color:#021d30}#G02_latestforeign .data tbody tr td{padding:7px 10px;color:#fff;border:1px solid #dee2e6}#G02_latestforeign .data tbody tr:hover{background-color:#193b5c}#G02_latestforeign .data .p-column-header-content{cursor:pointer}#G02_latestforeign .data .p-column-header-content .p-sortable-column-badge{display:none}#G02_latestforeign .data .p-paginator{display:flex;align-items:center;justify-content:center;width:100%;padding-top:15px}#G02_latestforeign .data .p-button-icon{display:flex;align-items:center;justify-content:center;padding:1.5px 0}#G02_latestforeign .data .p-button{cursor:pointer;margin:0 2px;padding:4px 8px;border:1px solid #e2e2e2;color:#000;background-color:#fff;border-radius:5px;font-size:14px}#G03_police{height:calc(100vh - 200px);padding:0 150px;overflow-y:auto}#G03_police .searchType{margin-left:-9px;margin-bottom:10px}#G03_police .tableData .p-datatable{width:100%;font-size:14px}#G03_police .tableData .p-datatable-table{width:100%;border-collapse:collapse}#G03_police .tableData .p-column-header-content{padding:5px 10px;text-align:left;color:#77c2ee;background:linear-gradient(#004d99,#001a33)}#G03_police .tableData tbody tr{border:none;border-bottom:1px solid #dee2e6;background-color:#021d30}#G03_police .tableData tbody tr td{padding:7px 10px;color:#fff;border:1px solid #dee2e6}#G03_police .tableData tbody tr:hover{background-color:#193b5c}#G03_police .tableData .p-column-header-content{cursor:pointer}#G03_police .tableData .p-column-header-content .p-sortable-column-badge{display:none}#G03_police .tableData .p-paginator{display:flex;align-items:center;justify-content:center;width:100%;padding-top:15px}#G03_police .tableData .p-button-icon{display:flex;align-items:center;justify-content:center;padding:1.5px 0}#G03_police .tableData .p-button{cursor:pointer;margin:0 2px;padding:4px 8px;border:1px solid #e2e2e2;color:#000;background-color:#fff;border-radius:5px;font-size:14px}#G04_cctv{height:calc(100vh - 200px);overflow-y:auto;padding:0 150px}#G04_cctv .searchButton{display:flex;color:grey;align-items:center;margin:15px}#G04_cctv .searchButton .searchText{margin-right:8px}#G04_cctv .p-datatable{width:100%;font-size:14px}#G04_cctv .p-datatable-table{width:100%;border-collapse:collapse}#G04_cctv .p-column-header-content{padding:5px 10px;text-align:left;color:#77c2ee;background:linear-gradient(#004d99,#001a33)}#G04_cctv tbody tr{border:none;border-bottom:1px solid #dee2e6;background-color:#021d30}#G04_cctv tbody tr td{padding:7px 10px;color:#fff;border:1px solid #dee2e6}#G04_cctv tbody tr:hover{background-color:#193b5c}#G04_cctv .p-column-header-content{cursor:pointer}#G04_cctv .p-column-header-content .p-sortable-column-badge{display:none}#G04_cctv .p-paginator{width:100%;padding-top:15px}#G04_cctv .p-button-icon,#G04_cctv .p-paginator{display:flex;align-items:center;justify-content:center}#G04_cctv .p-button-icon{padding:1.5px 0}#G04_cctv .p-button{cursor:pointer;margin:0 2px;padding:4px 8px;border:1px solid #e2e2e2;color:#000;background-color:#fff;border-radius:5px;font-size:14px}#G04_cctv .p-button:active{transform:scale(.95)}#G04_cctv .p-button-icon-only:focus{background-color:#fff;color:#000}#G04_cctv .searchBox{position:relative}#G04_cctv .searchBox .p-inputtext{height:36px;padding:1px 30px 1px 25px;border:1px solid #e2e2e2;border-radius:5px;outline-color:#15bf81;margin-right:10px}#G04_cctv .searchBox .pi-search:before{position:absolute;top:12px;left:5px;color:#858585}#G04_cctv .searchBox .p-button{height:36px;cursor:pointer;padding:1px 30px 1px 36px;font-weight:700;color:#228be6;border:1px solid transparent;background-color:#e7f5ff}#G05_cctvcarousel{height:calc(100vh - 200px);overflow-y:auto;padding:0 150px}#G05_cctvcarousel .searchBar{display:flex;color:grey;align-items:center;margin:15px}#G05_cctvcarousel .searchBar .searchText{margin-right:8px}#G06_controlinfo{height:calc(100vh - 200px);overflow-y:auto;padding:0 5%}#G06_controlinfo .searchBar{display:flex;color:#de1414;align-items:center;margin:15px}#G06_controlinfo .searchBar .searchText{margin-right:8px}#G07_controlinfo{height:calc(100vh - 200px);overflow-y:auto;padding:0 5%}#G07_controlinfo .searchBar{display:flex;color:#de1414;align-items:center;margin:15px}#G07_controlinfo .searchBar .searchText{margin-right:8px}.cctvTooltip,.cmsTooltip,.vdTooltip{background-color:#fff;color:#000}.vdPopup .leaflet-popup-content-wrapper{background-color:#fff;width:220px}.EventTooltip,.pbTooltip,.vdPopup .leaflet-popup-tip{background-color:#fff}.EventTooltip{color:#000}#Legends{position:absolute;bottom:.5rem;left:.5rem;z-index:9999;border:1px solid grey;background-color:#fff;pointer-events:stroke}.CMSpreview .line{display:flex}.CMSpreview .line .block{max-width:50px;max-height:50px;background-color:#000;border:0 solid #ccc;display:flex;align-items:center;justify-content:center}#GreenTop{display:flex;width:98vw;overflow:hidden}#GreenTop .leftBlock{display:flex;position:relative;height:55vh;width:69vw}#GreenTop .leftBlock .leftBlockTopLeft{width:25vw;height:55vh;font-size:larger}#GreenTop .leftBlock .leftBlockTopLeft .CCTV{text-align:center;height:265px}#GreenTop .leftBlock .leftBlockTopLeft .CMS{display:flex;justify-content:center;align-items:center}#GreenTop .leftBlock .leftBlockTopRight{width:45vw;height:55vh}#GreenTop .leftBlock .leftBlockTopRight .greenTooltip{background-color:#fff;color:#000}#GreenTop .leftBlock .leftBlockTopRight .roadPerformanceTooltip{background-color:#fff}#GreenTop .leftBlock .leftBlockBottom{display:flex;position:absolute;bottom:10px;left:2px;width:100vw;height:calc(45vh - 200px);font-size:larger}#GreenTop .leftBlock .leftBlockBottom .traveltime{width:39vw}#GreenTop .leftBlock .leftBlockBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#GreenTop .leftBlock .leftBlockBottom .vd{width:60vw;padding:5px}#GreenTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tabLabel{color:#fff}#GreenTop .leftBlock .leftBlockBottom .vd .tabsStyle{background-color:#fff}#GreenTop .leftBlock .leftBlockBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#GreenTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#GreenTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#GreenTop .rightBlock{width:29vw;height:55vh;position:relative}#GreenTop .rightBlock .rightBlockTop{height:30vh;overflow-y:auto}#GreenTop .rightBlock .rightBlockTop thead tr{background-color:grey}#GreenTop .rightBlock .rightBlockTop thead tr th{color:#fff}#GreenTop .rightBlock .rightBlockTop tbody tr{background-color:#fff}#GreenTop .rightBlock .rightBlockBottom{height:145px;overflow-y:auto}#GreenTop .rightBlock .rightBlockBottom thead tr{background-color:grey}#GreenTop .rightBlock .rightBlockBottom thead tr th{color:#fff}#GreenTop .rightBlock .rightBlockBottom tbody tr{background-color:#fff}#GreenTop .TCIcon{width:40px;height:40px;justify-content:center}#GreenTop .TCIcon,#GreenTop .TCLight{z-index:199;font-size:30px;background-color:rgba(0,0,0,.7);display:flex;align-items:center}#GreenTop .TCLight{width:150px;height:50px;border:2px solid #add8e6;justify-content:space-between;padding:0 15px}#GreenTop .TCLight .light{width:30px;height:30px;border-radius:100%}#GreenTop .TCLight .light .lightImg{width:32px;height:32px;margin:-1px 0 2px -.5px}#GreenBottom{display:flex;overflow:hidden}#GreenBottom .traveltime{width:39vw}#GreenBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#GreenBottom .vd{width:60vw;padding:5px}#GreenBottom .vd .mantine-Tabs-tabLabel{color:#fff}#GreenBottom .vd .tabsStyle{background-color:#fff}#GreenBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#GreenBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#GreenBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#H01_green{flex-direction:column}#BeigangTop,#H01_green{width:98vw;display:flex;overflow:hidden}#BeigangTop .leftBlock{display:flex;position:relative;height:55vh;width:69vw}#BeigangTop .leftBlock .leftBlockTopLeft{width:25vw;height:55vh;font-size:larger}#BeigangTop .leftBlock .leftBlockTopLeft .CCTV{text-align:center;height:265px}#BeigangTop .leftBlock .leftBlockTopLeft .CMS{display:flex;justify-content:center;align-items:center}#BeigangTop .leftBlock .leftBlockTopRight{width:45vw;height:55vh}#BeigangTop .leftBlock .leftBlockTopRight .greenTooltip{background-color:#fff;color:#000}#BeigangTop .leftBlock .leftBlockTopRight .roadPerformanceTooltip{background-color:#fff}#BeigangTop .leftBlock .leftBlockBottom{display:flex;position:absolute;bottom:10px;left:2px;width:100vw;height:calc(45vh - 200px);font-size:larger}#BeigangTop .leftBlock .leftBlockBottom .traveltime{width:39vw}#BeigangTop .leftBlock .leftBlockBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#BeigangTop .leftBlock .leftBlockBottom .vd{width:60vw;padding:5px}#BeigangTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tabLabel{color:#fff}#BeigangTop .leftBlock .leftBlockBottom .vd .tabsStyle{background-color:#fff}#BeigangTop .leftBlock .leftBlockBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#BeigangTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#BeigangTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#BeigangTop .rightBlock{width:29vw;height:55vh;position:relative}#BeigangTop .rightBlock .rightBlockTop{height:30vh;overflow-y:auto}#BeigangTop .rightBlock .rightBlockTop thead tr{background-color:grey}#BeigangTop .rightBlock .rightBlockTop thead tr th{color:#fff}#BeigangTop .rightBlock .rightBlockTop tbody tr{background-color:#fff}#BeigangTop .rightBlock .rightBlockBottom{height:145px;overflow-y:auto}#BeigangTop .rightBlock .rightBlockBottom thead tr{background-color:grey}#BeigangTop .rightBlock .rightBlockBottom thead tr th{color:#fff}#BeigangTop .rightBlock .rightBlockBottom tbody tr{background-color:#fff}#BeigangTop .TCIcon{width:40px;height:40px;justify-content:center}#BeigangTop .TCIcon,#BeigangTop .TCLight{z-index:199;font-size:30px;background-color:rgba(0,0,0,.7);display:flex;align-items:center}#BeigangTop .TCLight{width:150px;height:50px;border:2px solid #add8e6;justify-content:space-between;padding:0 15px}#BeigangTop .TCLight .light{width:30px;height:30px;border-radius:100%}#BeigangTop .TCLight .light .lightImg{width:32px;height:32px;margin:-1px 0 2px -.5px}#BeigangBottom{display:flex;overflow:hidden}#BeigangBottom .traveltime{width:39vw}#BeigangBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#BeigangBottom .vd{width:60vw;padding:5px}#BeigangBottom .vd .mantine-Tabs-tabLabel{color:#fff}#BeigangBottom .vd .tabsStyle{background-color:#fff}#BeigangBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#BeigangBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#BeigangBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#H02_beigang{flex-direction:column}#H02_beigang,#HsrTop{width:98vw;display:flex;overflow:hidden}#HsrTop .leftBlock{display:flex;position:relative;height:55vh;width:69vw}#HsrTop .leftBlock .leftBlockTopLeft{width:25vw;height:55vh;font-size:larger}#HsrTop .leftBlock .leftBlockTopLeft .CCTV{text-align:center;height:265px}#HsrTop .leftBlock .leftBlockTopLeft .CMS{display:flex;justify-content:center;align-items:center}#HsrTop .leftBlock .leftBlockTopRight{width:45vw;height:55vh}#HsrTop .leftBlock .leftBlockTopRight .greenTooltip{background-color:#fff;color:#000}#HsrTop .leftBlock .leftBlockTopRight .roadPerformanceTooltip{background-color:#fff}#HsrTop .leftBlock .leftBlockBottom{display:flex;position:absolute;bottom:10px;left:2px;width:100vw;height:calc(45vh - 200px);font-size:larger}#HsrTop .leftBlock .leftBlockBottom .traveltime{width:39vw}#HsrTop .leftBlock .leftBlockBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#HsrTop .leftBlock .leftBlockBottom .vd{width:60vw;padding:5px}#HsrTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tabLabel{color:#fff}#HsrTop .leftBlock .leftBlockBottom .vd .tabsStyle{background-color:#fff}#HsrTop .leftBlock .leftBlockBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#HsrTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#HsrTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#HsrTop .rightBlock{width:29vw;height:55vh;position:relative}#HsrTop .rightBlock .rightBlockTop{height:30vh;overflow-y:auto}#HsrTop .rightBlock .rightBlockTop thead tr{background-color:grey}#HsrTop .rightBlock .rightBlockTop thead tr th{color:#fff}#HsrTop .rightBlock .rightBlockTop tbody tr{background-color:#fff}#HsrTop .rightBlock .rightBlockBottom{height:145px;overflow-y:auto}#HsrTop .rightBlock .rightBlockBottom thead tr{background-color:grey}#HsrTop .rightBlock .rightBlockBottom thead tr th{color:#fff}#HsrTop .rightBlock .rightBlockBottom tbody tr{background-color:#fff}#HsrTop .TCIcon{width:40px;height:40px;justify-content:center}#HsrTop .TCIcon,#HsrTop .TCLight{z-index:199;font-size:30px;background-color:rgba(0,0,0,.7);display:flex;align-items:center}#HsrTop .TCLight{width:150px;height:50px;border:2px solid #add8e6;justify-content:space-between;padding:0 15px}#HsrTop .TCLight .light{width:30px;height:30px;border-radius:100%}#HsrTop .TCLight .light .lightImg{width:32px;height:32px;margin:-1px 0 2px -.5px}#HsrBottom{display:flex;overflow:hidden}#HsrBottom .traveltime{width:39vw}#HsrBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#HsrBottom .vd{width:60vw;padding:5px}#HsrBottom .vd .mantine-Tabs-tabLabel{color:#fff}#HsrBottom .vd .tabsStyle{background-color:#fff}#HsrBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#HsrBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#HsrBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#CaolingTop{display:flex;width:98vw;overflow:hidden}#CaolingTop .leftBlock{display:flex;position:relative;height:55vh;width:69vw}#CaolingTop .leftBlock .leftBlockTopLeft{width:25vw;height:55vh;font-size:larger}#CaolingTop .leftBlock .leftBlockTopLeft .CCTV{text-align:center;height:265px}#CaolingTop .leftBlock .leftBlockTopLeft .CMS{display:flex;justify-content:center;align-items:center}#CaolingTop .leftBlock .leftBlockTopRight{width:45vw;height:55vh}#CaolingTop .leftBlock .leftBlockTopRight .greenTooltip{background-color:#fff;color:#000}#CaolingTop .leftBlock .leftBlockTopRight .roadPerformanceTooltip{background-color:#fff}#CaolingTop .leftBlock .leftBlockBottom{display:flex;position:absolute;bottom:10px;left:2px;width:100vw;height:calc(45vh - 200px);font-size:larger}#CaolingTop .leftBlock .leftBlockBottom .traveltime{width:39vw}#CaolingTop .leftBlock .leftBlockBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#CaolingTop .leftBlock .leftBlockBottom .vd{width:60vw;padding:5px}#CaolingTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tabLabel{color:#fff}#CaolingTop .leftBlock .leftBlockBottom .vd .tabsStyle{background-color:#fff}#CaolingTop .leftBlock .leftBlockBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#CaolingTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#CaolingTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#CaolingTop .rightBlock{width:29vw;height:55vh;position:relative}#CaolingTop .rightBlock .rightBlockTop{height:30vh;overflow-y:auto}#CaolingTop .rightBlock .rightBlockTop thead tr{background-color:grey}#CaolingTop .rightBlock .rightBlockTop thead tr th{color:#fff}#CaolingTop .rightBlock .rightBlockTop tbody tr{background-color:#fff}#CaolingTop .rightBlock .rightBlockBottom{height:145px;overflow-y:auto}#CaolingTop .rightBlock .rightBlockBottom thead tr{background-color:grey}#CaolingTop .rightBlock .rightBlockBottom thead tr th{color:#fff}#CaolingTop .rightBlock .rightBlockBottom tbody tr{background-color:#fff}#CaolingTop .TCIcon{width:40px;height:40px;justify-content:center}#CaolingTop .TCIcon,#CaolingTop .TCLight{z-index:199;font-size:30px;background-color:rgba(0,0,0,.7);display:flex;align-items:center}#CaolingTop .TCLight{width:150px;height:50px;border:2px solid #add8e6;justify-content:space-between;padding:0 15px}#CaolingTop .TCLight .light{width:30px;height:30px;border-radius:100%}#CaolingTop .TCLight .light .lightImg{width:32px;height:32px;margin:-1px 0 2px -.5px}#CaolingBottom{display:flex;overflow:hidden}#CaolingBottom .traveltime{width:39vw}#CaolingBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#CaolingBottom .vd{width:60vw;padding:5px}#CaolingBottom .vd .mantine-Tabs-tabLabel{color:#fff}#CaolingBottom .vd .tabsStyle{background-color:#fff}#CaolingBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#CaolingBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#CaolingBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#MailiaoTop{display:flex;width:98vw;overflow:hidden}#MailiaoTop .leftBlock{display:flex;position:relative;height:55vh;width:69vw}#MailiaoTop .leftBlock .leftBlockTopLeft{width:25vw;height:55vh;font-size:larger}#MailiaoTop .leftBlock .leftBlockTopLeft .CCTV{text-align:center;height:265px}#MailiaoTop .leftBlock .leftBlockTopLeft .CMS{display:flex;justify-content:center;align-items:center}#MailiaoTop .leftBlock .leftBlockTopRight{width:45vw;height:55vh}#MailiaoTop .leftBlock .leftBlockTopRight .greenTooltip{background-color:#fff;color:#000}#MailiaoTop .leftBlock .leftBlockTopRight .roadPerformanceTooltip{background-color:#fff}#MailiaoTop .leftBlock .leftBlockBottom{display:flex;position:absolute;bottom:10px;left:2px;width:100vw;height:calc(45vh - 200px);font-size:larger}#MailiaoTop .leftBlock .leftBlockBottom .traveltime{width:39vw}#MailiaoTop .leftBlock .leftBlockBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#MailiaoTop .leftBlock .leftBlockBottom .vd{width:60vw;padding:5px}#MailiaoTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tabLabel{color:#fff}#MailiaoTop .leftBlock .leftBlockBottom .vd .tabsStyle{background-color:#fff}#MailiaoTop .leftBlock .leftBlockBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#MailiaoTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#MailiaoTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#MailiaoTop .rightBlock{width:29vw;height:55vh;position:relative}#MailiaoTop .rightBlock .rightBlockTop{height:30vh;overflow-y:auto}#MailiaoTop .rightBlock .rightBlockTop thead tr{background-color:grey}#MailiaoTop .rightBlock .rightBlockTop thead tr th{color:#fff}#MailiaoTop .rightBlock .rightBlockTop tbody tr{background-color:#fff}#MailiaoTop .rightBlock .rightBlockBottom{height:145px;overflow-y:auto}#MailiaoTop .rightBlock .rightBlockBottom thead tr{background-color:grey}#MailiaoTop .rightBlock .rightBlockBottom thead tr th{color:#fff}#MailiaoTop .rightBlock .rightBlockBottom tbody tr{background-color:#fff}#MailiaoTop .TCIcon{width:40px;height:40px;justify-content:center}#MailiaoTop .TCIcon,#MailiaoTop .TCLight{z-index:199;font-size:30px;background-color:rgba(0,0,0,.7);display:flex;align-items:center}#MailiaoTop .TCLight{width:150px;height:50px;border:2px solid #add8e6;justify-content:space-between;padding:0 15px}#MailiaoTop .TCLight .light{width:30px;height:30px;border-radius:100%}#MailiaoTop .TCLight .light .lightImg{width:32px;height:32px;margin:-1px 0 2px -.5px}#MailiaoBottom{display:flex;overflow:hidden}#MailiaoBottom .traveltime{width:39vw}#MailiaoBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#MailiaoBottom .vd{width:60vw;padding:5px}#MailiaoBottom .vd .mantine-Tabs-tabLabel{color:#fff}#MailiaoBottom .vd .tabsStyle{background-color:#fff}#MailiaoBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#MailiaoBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#MailiaoBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#H05_mailiao{flex-direction:column}#BeigangTransferTop,#H05_mailiao{width:98vw;display:flex;overflow:hidden}#BeigangTransferTop .leftBlock{display:flex;position:relative;height:55vh;width:69vw}#BeigangTransferTop .leftBlock .leftBlockTopLeft{width:25vw;height:55vh;font-size:larger}#BeigangTransferTop .leftBlock .leftBlockTopLeft .CCTV{text-align:center;height:265px}#BeigangTransferTop .leftBlock .leftBlockTopLeft .CMS{display:flex;justify-content:center;align-items:center}#BeigangTransferTop .leftBlock .leftBlockTopRight{width:45vw;height:55vh}#BeigangTransferTop .leftBlock .leftBlockTopRight .greenTooltip{background-color:#fff;color:#000}#BeigangTransferTop .leftBlock .leftBlockTopRight .roadPerformanceTooltip{background-color:#fff}#BeigangTransferTop .leftBlock .leftBlockBottom{display:flex;position:absolute;bottom:10px;left:2px;width:100vw;height:calc(45vh - 200px);font-size:larger}#BeigangTransferTop .leftBlock .leftBlockBottom .traveltime{width:39vw}#BeigangTransferTop .leftBlock .leftBlockBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#BeigangTransferTop .leftBlock .leftBlockBottom .vd{width:60vw;padding:5px}#BeigangTransferTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tabLabel{color:#fff}#BeigangTransferTop .leftBlock .leftBlockBottom .vd .tabsStyle{background-color:#fff}#BeigangTransferTop .leftBlock .leftBlockBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#BeigangTransferTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#BeigangTransferTop .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#BeigangTransferTop .rightBlock{width:29vw;height:55vh;position:relative}#BeigangTransferTop .rightBlock .rightBlockTop{height:30vh;overflow-y:auto}#BeigangTransferTop .rightBlock .rightBlockTop thead tr{background-color:grey}#BeigangTransferTop .rightBlock .rightBlockTop thead tr th{color:#fff}#BeigangTransferTop .rightBlock .rightBlockTop tbody tr{background-color:#fff}#BeigangTransferTop .rightBlock .rightBlockBottom{height:145px;overflow-y:auto}#BeigangTransferTop .rightBlock .rightBlockBottom thead tr{background-color:grey}#BeigangTransferTop .rightBlock .rightBlockBottom thead tr th{color:#fff}#BeigangTransferTop .rightBlock .rightBlockBottom tbody tr{background-color:#fff}#BeigangTransferTop .TCIcon{width:40px;height:40px;justify-content:center}#BeigangTransferTop .TCIcon,#BeigangTransferTop .TCLight{z-index:199;font-size:30px;background-color:rgba(0,0,0,.7);display:flex;align-items:center}#BeigangTransferTop .TCLight{width:150px;height:50px;border:2px solid #add8e6;justify-content:space-between;padding:0 15px}#BeigangTransferTop .TCLight .light{width:30px;height:30px;border-radius:100%}#BeigangTransferTop .TCLight .light .lightImg{width:32px;height:32px;margin:-1px 0 2px -.5px}#BeigangTransferBottom{display:flex;overflow:hidden}#BeigangTransferBottom .traveltime{width:39vw}#BeigangTransferBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#BeigangTransferBottom .vd{width:60vw;padding:5px}#BeigangTransferBottom .vd .mantine-Tabs-tabLabel{color:#fff}#BeigangTransferBottom .vd .tabsStyle{background-color:#fff}#BeigangTransferBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#BeigangTransferBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#BeigangTransferBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#H06_beigangtransfer{width:98vw;display:flex;flex-direction:column;overflow:hidden}#I01_configuration{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;display:flex}#I01_configuration .tableData{overflow-y:auto}#I01_configuration .tableData table{table-layout:fixed;width:100%;border:1px solid #fff;border-collapse:collapse}#I01_configuration .tableData table th{z-index:1;background:linear-gradient(#004d99,#001a33);color:#77c2ee;border:1px solid #fff;padding:8px}#I01_configuration .tableData table td{border:1px solid #fff;padding:8px}#I01_configuration .tableData table .action{text-align:center}#I01_configuration .tableData .saveButton{display:flex;justify-content:flex-end;margin:10px}#I01_configuration .createButton{padding:12px}#I02_timingplan{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#I02_timingplan .data{margin:0 2%;width:96%}#I02_timingplan .data .titleLine{width:100%;height:42px;font-size:large;font-weight:500;margin-bottom:2px;border-radius:5px;color:#000;background-color:rgba(233,193,63,.884);display:flex;align-items:center;justify-content:center}#I02_timingplan .data .tableHeader{width:100%;height:55px;padding:0 25px;border:1px solid #fff;border-radius:3px 3px 0 0;background-color:rgba(42,51,63,.93);display:flex;align-items:center;justify-content:space-between}#I02_timingplan .data .tableHeader .leftSide,#I02_timingplan .data .tableHeader .rightSide{display:flex}#I02_timingplan .data .tableBox{width:100%;height:252px;overflow-y:auto}.I02table{width:100%;table-layout:fixed;border:1px solid #fff;border-collapse:collapse;border-radius:0 0 3px 3px;background-color:#021d30}.I02table th{z-index:1;background:linear-gradient(#004d99,#001a33);color:#77c2ee}.I02table td,.I02table th{border:1px solid #fff;padding:8px}.I02table td{color:#fff;text-align:center}#I03_signal{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;display:flex;overflow-y:auto}#I03_signal .box{width:24%;height:100%;border:1px solid #fff;background:#fff;border-radius:5px;margin-right:1%}#I03_signal .box .title{height:40px}#I03_signal .box .search{height:34px;margin:20px}#I03_signal .box .list{margin:20px;height:calc(100% - 140px);border:1px solid #ddd;overflow-y:auto}#I03_signal .box .list .I03table{width:100%;table-layout:fixed;border:1px solid #ddd;border-collapse:collapse;background-color:#fff}#I03_signal .box .list .I03table th{z-index:1;background:linear-gradient(180deg,#777e7e,#383835);color:#fff;border:1px solid #ddd;padding:8px}#I03_signal .box .list .I03table td{border:1px solid #ddd;padding:8px;color:#000;text-align:center}#I03_signal .box .list .I03table .button{width:44px;height:28px;padding:0;font-size:small;font-weight:400;background-color:#757272}#I03_signal .map{width:75%;height:100%}#I03_signal .detail{width:25%;height:100%;padding:5px}#I03_signal .detail .block{width:100%;height:100%;overflow-y:auto;border:1px solid #fff;border-radius:5px;display:flex;flex-direction:column;align-items:center}#I03_signal .detail .block .title{width:100%;height:48px;color:#77c2ee;font-weight:700;justify-content:center}#I03_signal .detail .block .from{width:90%}#I03_signal .detail .block .tableExplain{width:90%;table-layout:fixed;border:1px solid #fff;border-collapse:collapse;margin-bottom:12px}#I03_signal .detail .block .tableExplain tr{border:1px solid #fff}#I03_signal .detail .block .tableExplain td{font-size:14px;padding:8px}#I03_signal .detail .block .tableExplain .column{border:1px solid #fff;width:35%;background-color:#0275d8}#I03_signal .detail .block .tableExplain .content{width:100%}#I03_signal .detail .block .SecAndTable{width:90%;display:flex;flex-direction:column;align-items:center;margin-bottom:10px}#I03_signal .detail .block .SecAndTable .previewSec{width:100px;height:100px;font-size:64px;background-color:#000;border:1px solid grey;padding-bottom:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}#I03_signal .detail .block .SecAndTable .tablePhase{width:100%;table-layout:fixed;border:1px solid #ddd;border-collapse:collapse}#I03_signal .detail .block .SecAndTable .tablePhase th{z-index:1;background:linear-gradient(#004d99,#001a33);color:#77c2ee;border:1px solid #ddd;padding:8px}#I03_signal .detail .block .SecAndTable .tablePhase td{border:1px solid #ddd;padding:8px;text-align:center}#I03_signal .detail .block .CCTVPreview{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:1px solid #fff;overflow-x:hidden}#I03_signal .detail .block .CCTVPreview .title{width:100%;height:38px;color:#77c2ee;font-weight:700;justify-content:center}#I03_signal .TCIcon{width:40px;height:40px;justify-content:center}#I03_signal .TCIcon,#I03_signal .TCLight{z-index:199;font-size:30px;background-color:rgba(0,0,0,.7);display:flex;align-items:center}#I03_signal .TCLight{width:150px;height:50px;border:2px solid #add8e6;justify-content:space-between;padding:0 15px}#I03_signal .TCLight .light{width:30px;height:30px;border-radius:100%}#I03_signal .TCLight .light .lightImg{width:32px;height:32px;margin:-1px 0 2px -.5px}#I03_signal .title{display:flex;align-items:center;background:linear-gradient(#004d99,#001a33);border-bottom:1px solid #fff;border-radius:5px;padding:0 16px}#I04_group{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px}#I04_group .leftBlock .actionButton{background:linear-gradient(90deg,#050411,#2d4152);border:1px solid #fff;border-radius:4px}#I04_group .leftBlock #groupTable table{border:0}#I04_group .leftBlock #groupTable table thead{border-bottom:2px solid #fff}#I04_group .leftBlock #groupTable table tr{border-bottom:1px solid #fff}#I04_group .leftBlock #groupTable table tr:last-child{border:0}#I04_group .leftBlock #groupTable table td,#I04_group .leftBlock #groupTable table th{border:0!important}#I04_group .leftBlock #groupTable thead th:last-child{width:auto!important}#I04_group .centerBlock .div{padding-bottom:85%;position:relative}#I04_group .centerBlock .div .map{position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.1);width:100%;height:95%}#I04_group .centerBlock .div .map .leaflet-container{width:100%;height:100%;z-index:1}#I04_group .rightBlock .panel .panel-header{color:#fff;background-color:#337ab7;padding:10px 15px;font-weight:700;border-radius:4px 4px 0 0}#I04_group .rightBlock .panel .panel-body{background-color:#fff;padding:15px}#I04_group .rightBlock .panel .panel-body .list{max-height:480px;overflow-y:auto;padding:0}#I04_group .rightBlock .panel .panel-body .list li{list-style:none;color:#000;padding:10px 15px;position:relative;font-size:14px;border:1px solid #ddd}#I04_group .rightBlock .panel .panel-body .list li button{position:absolute;bottom:8px;right:15px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;padding:0;color:#333;background-color:#fff;border-color:#ccc}#I04_group .rightBlock .panel .panel-body .list li button span{margin-right:0}#I04_group .rightBlock .panel .panel-body .list li button:hover{background-color:#e6e6e6;border-color:#adadad}#I04_group .rightBlock .panel .panel-body .list li .none{display:none}#I04_group .rightBlock .panel .panel-body .list li .show{display:flex}#I04_group .rightBlock .panel .panel-body .list li:first-child{border-radius:4px 4px 0 0}#I04_group .rightBlock .panel .panel-body .list li:last-child{border-radius:0 0 4px 4px}#I04_group .rightBlock .panel .panel-footer{background-color:#f5f5f5;padding:10px 15px;display:flex;justify-content:flex-end;border-radius:0 0 4px 4px;border-top:1px solid #ddd}#I04_group .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}#I04_group .btn-primary:hover{background-color:#286090;border-color:#204d74}#I04_group .btn-primary:disabled{opacity:.65}.modal .input{margin:15px 0}#I05_status{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#I05_status .data{margin-top:20px}#J01_grid{width:calc(100% - 60px);padding-bottom:1%;height:calc(100vh - 275px);margin:0 30px}#J01_grid .leftBlock .title{font-size:20px;margin-right:20px}#J01_grid .leftBlock .gridGroup button{border-radius:0;margin-left:10px;background-color:#f0f0f0;color:#212529;width:40px;padding:0 12px}#J01_grid .leftBlock .gridGroup button .mantine-Button-inner{display:flex;justify-content:center}#J01_grid .leftBlock .gridGroup button .mantine-Button-inner span{margin-right:0}#J01_grid .leftBlock .gridGroup :first-child{border-radius:4px 0 0 4px;margin-left:0}#J01_grid .leftBlock .gridGroup :last-child{border-radius:0 4px 4px 0}#J01_grid .leftBlock .search{margin-top:10px}#J01_grid .leftBlock .search label{color:#fff}#J01_grid .leftBlock .roadGroup{margin-top:10px;display:flex;justify-content:space-evenly}#J01_grid .leftBlock .roadGroup button{font-size:18px;background-color:inherit;color:grey;border:1px solid grey;border-radius:5px;padding:5px 20px;font-weight:700}#J01_grid .leftBlock .roadGroup .selected{background-color:#87ceeb;color:#fff;opacity:.8}#J01_grid .leftBlock .equipment{position:relative}#J01_grid .leftBlock .equipment .deviceID{width:100%;display:flex;justify-content:flex-start;background-color:#337ab7;border-radius:4px 4px 0 0;margin-top:10px;font-size:16px}#J01_grid .leftBlock .equipment .list{border:1px solid #337ab7;padding:15px}#J01_grid .leftBlock .equipment .list>div{height:320px;overflow:auto}#J01_grid .leftBlock .equipment .list .item{padding:10px 15px;background-color:#fff;color:#000;border-bottom:1px solid #c8c8c8}#J01_grid .leftBlock .equipment .list .selected{background-color:#039be5;color:#fff}#J01_grid .rightBlock .grid{display:grid;grid-gap:1px}#J01_grid .rightBlock .grid .div{padding-bottom:51%;position:relative}#J01_grid .rightBlock .grid .div .title{position:absolute;top:0;left:0;width:100%;min-height:10%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;text-align:center;z-index:2}#J01_grid .rightBlock .grid .div .video{position:absolute;bottom:0;left:0;border:1px solid #fff;width:100%;height:100%;z-index:1}#J01_grid .rightBlock .grid .div .video div{width:100%;height:100%}#J01_grid .rightBlock .grid .div .video div img{width:100%!important;height:100%!important;object-fit:cover!important}#J01_grid .rightBlock .grid .div .xmark{position:absolute;z-index:5;right:0;top:0;padding:8px;color:hsla(0,0%,100%,.8)}#J01_grid .rightBlock .grid .div .xmark:hover{cursor:pointer}@media screen and (min-width:1400px)and (max-width:1680px){#J01_grid .rightBlock .grid .div{padding-bottom:49%}}@media screen and (min-width:1900px)and (max-width:2539px){#J01_grid .rightBlock .grid .div{padding-bottom:38%}}@media screen and (min-width:2540px){#J01_grid .rightBlock .grid .div{padding-bottom:35%}}#J01_grid .d-flex{display:flex}#J01_grid .trashCan{position:absolute;right:18px;top:3px}#J01_grid .mantine-Grid-root.mantine-nsdj{height:100%}#J01_grid .mantine-Grid-col.leftBlock.mantine-rcv4vg{height:100%;overflow-y:auto;overflow-x:hidden}@media screen and (max-width:992px){#J01_grid{height:100%}}#J02_group{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px}#J02_group .leftBlock .actionButton{background:linear-gradient(90deg,#050411,#2d4152);border:1px solid #fff;border-radius:4px}#J02_group .leftBlock #groupTable table{border:0}#J02_group .leftBlock #groupTable table thead{border-bottom:2px solid #fff}#J02_group .leftBlock #groupTable table tr{border-bottom:1px solid #fff}#J02_group .leftBlock #groupTable table tr:last-child{border:0}#J02_group .leftBlock #groupTable table td,#J02_group .leftBlock #groupTable table th{border:0!important}#J02_group .leftBlock #groupTable thead th:last-child{width:auto!important}#J02_group .centerBlock .div{padding-bottom:85%;position:relative}#J02_group .centerBlock .div .map{position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.1);width:100%;height:100%}#J02_group .centerBlock .div .map .leaflet-container{width:100%;height:100%;z-index:1}#J02_group .rightBlock .panel .panel-header{color:#fff;background-color:#337ab7;padding:10px 15px;font-weight:700;border-radius:4px 4px 0 0}#J02_group .rightBlock .panel .panel-body{background-color:#fff;padding:15px}#J02_group .rightBlock .panel .panel-body .list{max-height:480px;overflow-y:auto;padding:0}#J02_group .rightBlock .panel .panel-body .list li{list-style:none;color:#000;padding:10px 15px;position:relative;font-size:14px;border:1px solid #ddd}#J02_group .rightBlock .panel .panel-body .list li button{position:absolute;bottom:8px;right:15px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;padding:0;color:#333;background-color:#fff;border-color:#ccc}#J02_group .rightBlock .panel .panel-body .list li button span{margin-right:0}#J02_group .rightBlock .panel .panel-body .list li button:hover{background-color:#e6e6e6;border-color:#adadad}#J02_group .rightBlock .panel .panel-body .list li .none{display:none}#J02_group .rightBlock .panel .panel-body .list li .show{display:flex}#J02_group .rightBlock .panel .panel-body .list li:first-child{border-radius:4px 4px 0 0}#J02_group .rightBlock .panel .panel-body .list li:last-child{border-radius:0 0 4px 4px}#J02_group .rightBlock .panel .panel-footer{background-color:#f5f5f5;padding:10px 15px;display:flex;justify-content:flex-end;border-radius:0 0 4px 4px;border-top:1px solid #ddd}#J02_group .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}#J02_group .btn-primary:hover{background-color:#286090;border-color:#204d74}#J02_group .btn-primary:disabled{opacity:.65}.modal .d1{margin-bottom:16px}.modal .d1,.modal .d2{width:100%;height:.1px;background-color:#e5e5e5}.modal .d2{margin:16px 0}.modal .modal-footer{display:flex;justify-content:flex-end}.modal .modal-footer .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.modal .modal-footer .btn-primary:hover{background-color:#286090;border-color:#204d74}.modal .modal-footer .btn-primary:disabled{opacity:.65}#J03_groupview{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px}#J03_groupview .leftBlock .title{font-size:20px;margin-right:20px}#J03_groupview .leftBlock .gridGroup button{border-radius:0;margin-left:10px;background-color:#f0f0f0;color:#212529;width:40px;padding:0 12px}#J03_groupview .leftBlock .gridGroup button .mantine-Button-inner{display:flex;justify-content:center}#J03_groupview .leftBlock .gridGroup button .mantine-Button-inner span{margin-right:0}#J03_groupview .leftBlock .gridGroup :first-child{border-radius:4px 0 0 4px;margin-left:0}#J03_groupview .leftBlock .gridGroup :last-child{border-radius:0 4px 4px 0}#J03_groupview .leftBlock .panel{margin-top:10px}#J03_groupview .leftBlock .panel .panel-header{color:#fff;padding:10px 15px;font-weight:700;border-radius:4px 4px 0 0;border:1px solid #337ab7}#J03_groupview .leftBlock .panel .panel-body{padding:15px;border:1px solid #337ab7}#J03_groupview .leftBlock .panel .panel-body .list{max-height:464px;overflow-y:auto;padding:0}#J03_groupview .leftBlock .panel .panel-body .list li{display:flex;list-style:none;background-color:#fff;color:#000;padding-left:15px;position:relative;font-size:14px;border:1px solid #ddd}#J03_groupview .leftBlock .panel .panel-body .list li label{padding:10px 15px 10px 0;width:100%}#J03_groupview .leftBlock .panel .panel-body .list li .checkbox{margin:4px 4px 0 0}#J03_groupview .leftBlock .panel .panel-body .list li .checkbox:disabled:hover{cursor:not-allowed}#J03_groupview .leftBlock .panel .panel-body .list li .mantine-Badge-root{position:absolute;bottom:8px;right:15px}#J03_groupview .leftBlock .panel .panel-body .list li .none{display:none}#J03_groupview .leftBlock .panel .panel-body .list li .show{display:flex}#J03_groupview .leftBlock .panel .panel-body .list li:first-child{border-radius:4px 4px 0 0}#J03_groupview .leftBlock .panel .panel-body .list li:last-child{border-radius:0 0 4px 4px}#J03_groupview .leftBlock .panel .panel-footer{padding:10px 15px;display:flex;justify-content:flex-end;border-radius:0 0 4px 4px;border:1px solid #337ab7;border-top-color:#ddd}#J03_groupview .leftBlock .panel .panel-footer button{color:#fff;background-color:#5bc0de;border-color:#46b8da}#J03_groupview .leftBlock .panel .panel-footer button:hover{background-color:#31b0d5;border-color:#269abc}#J03_groupview .leftBlock .panel .panel-footer button:disabled{opacity:.65}#J03_groupview .rightBlock>.title{font-size:20px}#J03_groupview .rightBlock .grid{display:grid;grid-gap:1px}#J03_groupview .rightBlock .grid .div{padding-bottom:51%;position:relative}#J03_groupview .rightBlock .grid .div .title{position:absolute;top:0;left:0;width:100%;min-height:10%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;text-align:center;z-index:2}#J03_groupview .rightBlock .grid .div .video{position:absolute;bottom:0;left:0;border:1px solid #fff;width:100%;height:100%;z-index:1}#J03_groupview .rightBlock .grid .div .video div{width:100%;height:100%}#J03_groupview .rightBlock .grid .div .video div img{width:100%!important;height:100%!important;object-fit:cover!important}@media screen and (min-width:1400px)and (max-width:1680px){#J03_groupview .rightBlock .grid .div{padding-bottom:49%}}@media screen and (min-width:1900px)and (max-width:2539px){#J03_groupview .rightBlock .grid .div{padding-bottom:38%}}@media screen and (min-width:2540px){#J03_groupview .rightBlock .grid .div{padding-bottom:35%}}#J03_groupview .d-flex{display:flex}#J03_groupview .mantine-Grid-root.mantine-nsdj{height:100%}#J03_groupview .mantine-Grid-col.leftBlock.mantine-rcv4vg{height:100%;overflow-y:auto;overflow-x:hidden}@media screen and (max-width:992px){#J03_groupview{height:100%}}#K01Event{display:flex;width:1200px}#K01Event .half{width:50%}#K01Event .formTable{border:1px solid #fff;border-collapse:collapse}#K01Event .formTable th{background:linear-gradient(#004d99,#001a33);color:#77c2ee;border:1px solid #fff}#K01Event .formTable td{color:#fff;border:1px solid #fff;padding:5px}#K01Event .formTable td input{border-radius:0}#K01_eventmonitor{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#K01_eventmonitor .eventGroup{display:flex;justify-content:space-between;padding:10px}#K01_eventmonitor .eventGroup .eventButton button{font-size:18px;background-color:inherit;color:grey;border:1px solid grey;border-radius:5px;padding:5px 20px;font-weight:700}#K01_eventmonitor .eventGroup .eventButton .selected{background-color:#87ceeb;color:#fff;opacity:.8}#K01_eventmonitor .K01table{margin-bottom:10px}#K01_eventmonitor .K01table .modalButton{cursor:pointer}#K01_eventmonitor .K01table .modalButton:hover{color:#337ab7;text-decoration:underline}#K01_eventmonitor .K01table th{text-align:center;color:#77c2ee;background:linear-gradient(#004d99,#001a33)}#K01_eventmonitor .K01table td{text-align:center}#K01_eventmonitor .K01map{display:flex;justify-content:space-between}@keyframes fade{0%{opacity:.3}}#K01_eventmonitor .K01map .icon{animation:fade 1s infinite alternate}#K01_eventmonitor .K01map .eventTooltip{background-color:#fff;color:#000}#K01_eventmonitor .K01map .card{width:23%;height:35%;border:1px solid #337ab7;border-radius:5px 5px 0 0}#K01_eventmonitor .K01map .card .cardTitle{display:flex;justify-content:space-between;text-align:center;background-color:#337ab7;border-radius:3px 3px 0 0;height:35px;padding:4px 3px}#K01_eventmonitor .K01map .card .cardTitle .closeBtn{color:#fff}#K01_eventmonitor .K01map .card .cardTitle .closeBtn:hover{color:#000}#K01_eventmonitor .K01map .card .cardTable{padding:10px}#K01_eventmonitor .K01map .card .cardTable .tableTitle{padding:6px;text-align:center;color:#77c2ee;background:linear-gradient(#004d99,#001a33);border:1px solid #fff;font-weight:700}#K01_eventmonitor .K01map .card .cardTable tr{background-color:#021d30}#K01_eventmonitor .K01map .card .cardTable td{color:#fff}#K02Rule{display:flex;width:1200px}#K02Rule .half{width:50%}#K02Rule .formTable{border:1px solid #fff;border-collapse:collapse}#K02Rule .formTable th{background:linear-gradient(#004d99,#001a33);color:#77c2ee;border:1px solid #fff}#K02Rule .formTable td{color:#fff;border:1px solid #fff;padding:5px}#K02Rule .formTable td input{border-radius:0}#K02_rule{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#K02_rule .data{margin-top:20px}#K02_rule .data .CRUDTable-outer .CRUDTable{table-layout:auto}#K02_rule .data .notFound{margin-top:100px;display:flex;justify-content:center;font-size:xx-large;font-weight:700}#K02_rule .data .device_box{display:flex;width:100%;height:100%}#K02_rule .data .device_box .device_line{display:flex}#K02_rule .data .device_box .device_line .lattice{width:50%}#K02_rule .data .device_box .device_line .preview,#K02_rule .data .device_box .device_line .title{border-bottom:1px solid #fff}#K02_rule .data .device_box .device_line .title,#K02_rule .data .device_box .device_line .type{border-right:1px solid #fff}#K03_event{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#K03_event .data{margin-top:20px}#K03_event .data .modalButton{cursor:pointer}#K03_event .data .modalButton:hover{color:#337ab7;text-decoration:underline}#K03_event .data .notFound{margin-top:100px;display:flex;justify-content:center;font-size:xx-large;font-weight:700}#L_coordinationHistory,#L_coordinationManagement,#M_aitraffic,#N01_intersection,#N02_equipment{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}#N02_equipment{overflow-x:hidden}#N02_equipment .block{overflow-y:hidden;height:100%}#N02_equipment .block .block_map{height:100%}#N02_equipment .block .block_map .map-content{min-height:300px;height:100%;width:"100%";z-index:0}#N02_equipment .block .block_map .CCTV-Popup .title{display:flex;flex-direction:row;font-size:14px;font-weight:600;margin-bottom:.75rem;letter-spacing:.1rem;color:#fff;width:100px}#N02_equipment .block .block_map .CCTV-Popup .title:first-child{padding-top:12px}#N02_equipment .block .block_map .CCTV-Popup .cctv-image{margin:auto;width:100%}#N02_equipment .block .block_map .CCTV-Popup .leaflet-popup-content{width:100%!important;margin:0;padding:16px}#N02_equipment .block .block_map .CCTV-Popup .HlsPlayBox{text-align:end}#N02_equipment .block .block_map .CCTV-Popup .HlsPlayBox #HlsPlay{width:300px;height:180px}#N02_equipment .block .selectFrom .option-select .mantine-CheckboxGroup-label,#N02_equipment .block .selectFrom .option-select .mantine-DatePicker-label,#N02_equipment .block .selectFrom .option-select .mantine-MultiSelect-label,#N02_equipment .block .selectFrom .option-select .mantine-Select-label{color:#fff}#N02_equipment .block .selectFrom .option-select .mantine-Checkbox-label{color:#fff;padding:0;margin:0 15px 0 3px}#N02_equipment .block .selectFrom .option-select .mantine-DateTimePicker-label{color:#fff}#N02_equipment .block .block_table{height:100%;max-height:calc(100% - 40px);overflow-y:auto}#N02_equipment .block .block_table .CRUDTable-outer{height:calc(100% - 110px)!important}#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td{padding:0;height:100px}#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(2) div,#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(3) div{display:flex;align-items:center;justify-content:center;height:100%}#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(2) .RoadStatus,#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(3) .RoadStatus{color:#000}#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(2) .RoadStatus_true,#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(3) .RoadStatus_true{background:#ff0}#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(2) .RoadStatus_false,#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(3) .RoadStatus_false{background:#ddd}#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(4) .td_item,#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(5) .td_item{padding:6px 0;border-bottom:1px solid #fff}#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(4) .status_true,#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(5) .status_true{color:#adff2f}#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(4) .status_false,#N02_equipment .block .block_table .CRUDTable-outer .CRUDTable tbody tr td:nth-child(5) .status_false{color:red}#N02_equipment .block .block_table .CRUDTable-outer::-webkit-scrollbar{width:10px;height:10px}#N02_equipment .block .block_table .CRUDTable-outer::-webkit-scrollbar-track{background:#efefef;border-radius:2px}#N02_equipment .block .block_table .CRUDTable-outer::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:10px}#N02_equipment .block .block_table .CRUDTable-outer::-webkit-scrollbar-thumb:hover{background:#333}#N02_equipment .block .block_table .CRUDTable-outer::-webkit-scrollbar-corner{background:#179a16}