@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(/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 8px;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 20px}#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 20px}#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:20px}#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;-webkit-transform:translate(2px,2px);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:-webkit-sticky;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;-webkit-transform-origin:left;transform-origin:left}.waterWave .text{position:absolute;top:10%;left:2px;width:100%;text-align:center}.waterWave .waterWaveCanvasWrapper{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;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{margin:0 30px;overflow-y:auto}#C03_holiday,#C04_prediction{width:calc(100% - 60px);height:calc(100vh - 220px)}#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:50%;font-size:20px}#C04_prediction .block .detail .top .direction{display:flex;align-items:center;justify-content:space-between;width:90%}#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}#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:-webkit-sticky;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;background-color:#fff}#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;background-color:#fff}#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;background-color:#fff}#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{-webkit-transform:scale(.95);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;background-color:#fff}#G05_cctvcarousel .searchBar{display:flex;color:grey;align-items:center;margin:15px}#G05_cctvcarousel .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}#H01_green{display:flex;width:98vw;overflow:hidden}#H01_green .leftBlock{display:flex;position:relative;height:calc(100vh - 200px);width:69vw}#H01_green .leftBlock .leftBlockTopLeft{width:25vw;height:55vh;font-size:larger}#H01_green .leftBlock .leftBlockTopLeft .CCTV{text-align:center;height:265px}#H01_green .leftBlock .leftBlockTopLeft .CMS{display:flex;justify-content:center;align-items:center}#H01_green .leftBlock .leftBlockTopRight{width:45vw;height:55vh}#H01_green .leftBlock .leftBlockTopRight .greenTooltip{background-color:#fff;color:#000}#H01_green .leftBlock .leftBlockTopRight .roadPerformanceTooltip{background-color:#fff}#H01_green .leftBlock .leftBlockBottom{display:flex;position:absolute;bottom:10px;left:2px;width:100vw;height:calc(45vh - 200px);font-size:larger}#H01_green .leftBlock .leftBlockBottom .traveltime{width:39vw}#H01_green .leftBlock .leftBlockBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#H01_green .leftBlock .leftBlockBottom .vd{width:60vw;padding:5px}#H01_green .leftBlock .leftBlockBottom .vd .mantine-Tabs-tabLabel{color:#fff}#H01_green .leftBlock .leftBlockBottom .vd .tabsStyle{background-color:#fff}#H01_green .leftBlock .leftBlockBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#H01_green .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#H01_green .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#H01_green .rightBlock{width:29vw;height:55vh;position:relative}#H01_green .rightBlock .rightBlockTop{height:30vh;overflow-y:auto}#H01_green .rightBlock .rightBlockTop thead tr{background-color:grey}#H01_green .rightBlock .rightBlockTop thead tr th{color:#fff}#H01_green .rightBlock .rightBlockTop tbody tr{background-color:#fff}#H01_green .rightBlock .rightBlockBottom{height:145px;overflow-y:auto}#H01_green .rightBlock .rightBlockBottom thead tr{background-color:grey}#H01_green .rightBlock .rightBlockBottom thead tr th{color:#fff}#H01_green .rightBlock .rightBlockBottom tbody tr{background-color:#fff}#H02_beigang{display:flex;width:98vw;overflow:hidden}#H02_beigang .leftBlock{display:flex;position:relative;height:calc(100vh - 200px);width:69vw}#H02_beigang .leftBlock .leftBlockTopLeft{width:25vw;height:55vh;font-size:larger}#H02_beigang .leftBlock .leftBlockTopLeft .CCTV{text-align:center;height:265px}#H02_beigang .leftBlock .leftBlockTopLeft .CMS{display:flex;justify-content:center;align-items:center}#H02_beigang .leftBlock .leftBlockTopRight{width:45vw;height:55vh}#H02_beigang .leftBlock .leftBlockTopRight .greenTooltip{background-color:#fff;color:#000}#H02_beigang .leftBlock .leftBlockTopRight .roadPerformanceTooltip{background-color:#fff}#H02_beigang .leftBlock .leftBlockBottom{display:flex;position:absolute;bottom:10px;left:2px;width:100vw;height:calc(45vh - 200px);font-size:larger}#H02_beigang .leftBlock .leftBlockBottom .traveltime{width:39vw}#H02_beigang .leftBlock .leftBlockBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#H02_beigang .leftBlock .leftBlockBottom .vd{width:60vw;padding:5px}#H02_beigang .leftBlock .leftBlockBottom .vd .mantine-Tabs-tabLabel{color:#fff}#H02_beigang .leftBlock .leftBlockBottom .vd .tabsStyle{background-color:#fff}#H02_beigang .leftBlock .leftBlockBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#H02_beigang .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#H02_beigang .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#H02_beigang .rightBlock{width:29vw;height:55vh;position:relative}#H02_beigang .rightBlock .rightBlockTop{height:30vh;overflow-y:auto}#H02_beigang .rightBlock .rightBlockTop thead tr{background-color:grey}#H02_beigang .rightBlock .rightBlockTop thead tr th{color:#fff}#H02_beigang .rightBlock .rightBlockTop tbody tr{background-color:#fff}#H02_beigang .rightBlock .rightBlockBottom{height:145px;overflow-y:auto}#H02_beigang .rightBlock .rightBlockBottom thead tr{background-color:grey}#H02_beigang .rightBlock .rightBlockBottom thead tr th{color:#fff}#H02_beigang .rightBlock .rightBlockBottom tbody tr{background-color:#fff}#H03_hsr{display:flex;width:98vw;overflow:hidden}#H03_hsr .leftBlock{display:flex;position:relative;height:calc(100vh - 200px);width:69vw}#H03_hsr .leftBlock .leftBlockTopLeft{width:25vw;height:55vh;font-size:larger}#H03_hsr .leftBlock .leftBlockTopLeft .CCTV{text-align:center;height:265px}#H03_hsr .leftBlock .leftBlockTopLeft .CMS{display:flex;justify-content:center;align-items:center}#H03_hsr .leftBlock .leftBlockTopRight{width:45vw;height:55vh}#H03_hsr .leftBlock .leftBlockTopRight .greenTooltip{background-color:#fff;color:#000}#H03_hsr .leftBlock .leftBlockTopRight .roadPerformanceTooltip{background-color:#fff}#H03_hsr .leftBlock .leftBlockBottom{display:flex;position:absolute;bottom:10px;left:2px;width:100vw;height:calc(45vh - 200px);font-size:larger}#H03_hsr .leftBlock .leftBlockBottom .traveltime{width:39vw}#H03_hsr .leftBlock .leftBlockBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#H03_hsr .leftBlock .leftBlockBottom .vd{width:60vw;padding:5px}#H03_hsr .leftBlock .leftBlockBottom .vd .mantine-Tabs-tabLabel{color:#fff}#H03_hsr .leftBlock .leftBlockBottom .vd .tabsStyle{background-color:#fff}#H03_hsr .leftBlock .leftBlockBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#H03_hsr .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#H03_hsr .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#H03_hsr .rightBlock{width:29vw;height:55vh;position:relative}#H03_hsr .rightBlock .rightBlockTop{height:30vh;overflow-y:auto}#H03_hsr .rightBlock .rightBlockTop thead tr{background-color:grey}#H03_hsr .rightBlock .rightBlockTop thead tr th{color:#fff}#H03_hsr .rightBlock .rightBlockTop tbody tr{background-color:#fff}#H03_hsr .rightBlock .rightBlockBottom{height:145px;overflow-y:auto}#H03_hsr .rightBlock .rightBlockBottom thead tr{background-color:grey}#H03_hsr .rightBlock .rightBlockBottom thead tr th{color:#fff}#H03_hsr .rightBlock .rightBlockBottom tbody tr{background-color:#fff}#H04_caoling{display:flex;width:98vw;overflow:hidden}#H04_caoling .leftBlock{display:flex;position:relative;height:calc(100vh - 200px);width:69vw}#H04_caoling .leftBlock .leftBlockTopLeft{width:25vw;height:55vh;font-size:larger}#H04_caoling .leftBlock .leftBlockTopLeft .CCTV{text-align:center;height:265px}#H04_caoling .leftBlock .leftBlockTopLeft .CMS{display:flex;justify-content:center;align-items:center}#H04_caoling .leftBlock .leftBlockTopRight{width:45vw;height:55vh}#H04_caoling .leftBlock .leftBlockTopRight .greenTooltip{background-color:#fff;color:#000}#H04_caoling .leftBlock .leftBlockTopRight .roadPerformanceTooltip{background-color:#fff}#H04_caoling .leftBlock .leftBlockBottom{display:flex;position:absolute;bottom:10px;left:2px;width:100vw;height:calc(45vh - 200px);font-size:larger}#H04_caoling .leftBlock .leftBlockBottom .traveltime{width:39vw}#H04_caoling .leftBlock .leftBlockBottom .traveltime .traveltimeTable{height:200px;overflow-y:auto}#H04_caoling .leftBlock .leftBlockBottom .vd{width:60vw;padding:5px}#H04_caoling .leftBlock .leftBlockBottom .vd .mantine-Tabs-tabLabel{color:#fff}#H04_caoling .leftBlock .leftBlockBottom .vd .tabsStyle{background-color:#fff}#H04_caoling .leftBlock .leftBlockBottom .vd .tabsStyle .mantine-Tabs-tabLabel{color:#000}#H04_caoling .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover{background-color:#e0e0e0}#H04_caoling .leftBlock .leftBlockBottom .vd .mantine-Tabs-tab:hover .mantine-Tabs-tabLabel{color:#000}#H04_caoling .rightBlock{width:29vw;height:55vh;position:relative}#H04_caoling .rightBlock .rightBlockTop{height:30vh;overflow-y:auto}#H04_caoling .rightBlock .rightBlockTop thead tr{background-color:grey}#H04_caoling .rightBlock .rightBlockTop thead tr th{color:#fff}#H04_caoling .rightBlock .rightBlockTop tbody tr{background-color:#fff}#H04_caoling .rightBlock .rightBlockBottom{height:145px;overflow-y:auto}#H04_caoling .rightBlock .rightBlockBottom thead tr{background-color:grey}#H04_caoling .rightBlock .rightBlockBottom thead tr th{color:#fff}#H04_caoling .rightBlock .rightBlockBottom tbody tr{background-color:#fff}#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:center;border:1px solid #fff}#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 .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);height:calc(100vh - 220px);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:56%;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}#J01_grid .d-flex{display:flex}#J01_grid .trashCan{position:absolute;right:18px;top:3px}#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:57%;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,.2);display:flex;justify-content:center;align-items:center;z-index:2;text-align:center}#J03_groupview .rightBlock .grid .div .video{border:1px solid #fff;z-index:1}#J03_groupview .rightBlock .grid .div .video,#J03_groupview .rightBlock .grid .div .video img{position:absolute;bottom:0;left:0;width:100%;height:100%}#J03_groupview .d-flex,#K01Event{display:flex}#K01Event{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}@-webkit-keyframes fade{0%{opacity:.3}}@keyframes fade{0%{opacity:.3}}#K01_eventmonitor .K01map .icon{-webkit-animation:fade 1s infinite alternate;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_coordination{width:calc(100% - 60px);height:calc(100vh - 220px);margin:0 30px;overflow-y:auto}