@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed|IBM+Plex+Sans:400,600&display=swap);@import url(https://unpkg.com/carbon-components/css/carbon-components.min.css);body{margin:0;padding:0}body .App{display:flex;font-family:"Roboto","Helvetica","Arial",sans-serif}body .leaflet-top{top:30px}body iframe{display:none;z-index:1}body .t-c{text-align:center}.Map,.Map .leaflet-container{height:100vh;width:100%}.Map .title{color:#1962a9;border-bottom:1px solid grey;margin-bottom:10px}.Map .item-title,.Map .title{font-weight:700}.Menu nav{transition:.7s;position:absolute;z-index:2000;bottom:0;height:100%;overflow:auto;max-width:30vw}.Menu nav .logo{display:flex}.Menu nav .logo .img-logo{width:25%}.Menu nav .logo .img-logo img{vertical-align:bottom}.Menu nav .logo .spacing{width:65%}.Menu nav .logo .icon-close{width:10%;cursor:pointer;text-align:right}.Menu nav .logo .icon-close svg{vertical-align:middle}.Menu nav .title-menu{padding:10px 0;font-weight:500;font-size:16px;line-height:19px;color:#303030;display:flex}.Menu nav .title-menu .next,.Menu nav .title-menu .previous{width:30px;cursor:pointer}.Menu nav .title-menu .next svg,.Menu nav .title-menu .previous svg{padding-top:7px}.Menu nav .title-menu .center{width:calc(100% - 60px);font-weight:700;line-height:40px;color:#34a853;font-size:16px}.Menu nav .title-menu .group-select label{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:700}.Menu nav .title-menu .group-select #group{outline:none;width:60%;margin-left:20px;padding:5px;border:.25px solid #ababab;box-sizing:border-box;box-shadow:1px 2px 2px rgba(0,0,0,.15);border-radius:4px}.Menu nav .general-information .title{display:flex;color:#fff;background-color:#4285f4;font-size:14px;font-weight:700;line-height:32px;border:.25px solid #e5e5e5;height:38px;padding-left:11px}.Menu nav .general-information .title .w-50{width:50%}.Menu nav .general-information .title span{font-weight:400}.Menu nav .general-information .title select{color:#909090;background:#fff;border:.25px solid #303030;box-shadow:1px 2px 2px rgba(0,0,0,.15);border-radius:4px;font-style:italic;font-weight:400;font-size:12px;line-height:14px;margin-left:5px;min-width:100px;padding:3px}.Menu nav .general-information .content{padding-bottom:10px}.Menu nav .general-information .content .content-title{text-align:center;font-style:italic;color:#303030;padding:15px 0;font-weight:700}.Menu nav .general-information .content .item:last-child{border:none}.Menu nav .general-information .content .item{text-align:center;border-right:1px dashed #34a853}.Menu nav .general-information .content .item .icon{height:25px;line-height:30px}.Menu nav .general-information .content .item .sensor{padding-top:4px;color:#4285f4;font-size:13px}.Menu nav .general-information .content .item .box{color:#ea4335;font-weight:700;font-size:28px}.Menu nav .general-information .content .item .box sub{font-weight:300;font-size:11px;font-style:italic;color:#606060;margin-left:-10px}.Menu nav .list-zone .title{color:#fff;background-color:#4285f4;font-size:14px;font-weight:700;line-height:32px;border:.25px solid #e5e5e5;height:38px;padding-left:11px}.Menu nav .zone{display:flex}.Menu nav .zone .name{width:calc(100% - 50px);font-weight:700;font-size:14px}.Menu nav .zone .count{width:50px;font-size:14px;line-height:20px}.Menu nav .list-group .group{font-size:14px}.Menu nav .province{border-bottom:1px solid #909090;color:#303030;font-weight:700}.Menu nav .province-selected{border-bottom:1px solid #34a853;color:#34a853}.Menu .MenuIcon{transition:1s;padding:10px 10px 6px;cursor:pointer;position:absolute;z-index:2000;top:5px;margin-left:10px;border:.2px solid rgba(24,24,24,.25);box-sizing:border-box;box-shadow:0 2px 2px rgba(0,0,0,.3);border-radius:8px;background-clip:padding-box;text-align:center;background-color:#fff}.Menu .GroupInfo .info .title{margin:0;padding:10px;width:100%;color:#fff;background-color:#4285f4;font-size:14px;font-weight:700;line-height:16px;border:.25px solid #e5e5e5}.Menu .GroupInfo .info .item{max-height:calc(100vh - 320px);min-height:calc(100vh - 450px);overflow:auto}.Menu .GroupInfo .info .info-item{margin:0;font-size:12px;font-family:"Roboto","Helvetica","Arial",sans-serif;padding:8px 10px 8px 25px}.Menu .GroupInfo .info .info-item div{padding:0}.Menu .GroupInfo .info .info-item .value{color:#303030;font-weight:700;overflow:hidden}.Menu .GroupInfo .options .title{margin:0;padding:10px;width:100%;color:#fff;background-color:#4285f4;font-size:14px;font-weight:700;line-height:16px;border:.25px solid #e5e5e5}.Menu .GroupInfo .options .box{text-align:center;display:flex}.Menu .GroupInfo .options .box .item{cursor:pointer;margin:10px auto;padding:10px 0;width:28%;font-size:13px;color:#4285f4}.Menu .GroupInfo .options .box .item-data,.Menu .GroupInfo .options .box .item .note{padding-top:5px}.Menu .GroupInfo .options .box .item-data .note{padding-top:0}.Menu .Chart .item{padding:5px 10px 30px}.Menu .Chart .title{margin:0;padding:10px;width:100%;color:#2f3193;background-color:#e3e3e3;font-size:14px}.leaflet-control-zoom{display:none}@media only screen and (max-width:1600px){.Menu nav .title-menu .group-select{font-size:15px}.Menu nav .title-menu .group-select #group{width:56%;margin-left:5px}.Menu .GroupInfo .options .box .item{width:31%}}.actived-button{background-color:#2f3193}.actived-button .noted{color:#fff}.ToolBar{position:absolute;z-index:2000;top:15vh;display:flex;right:20px;transition:.7s}.ToolBar .content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:.2px solid rgba(24,24,24,.25);box-shadow:0 2px 2px rgba(0,0,0,.3);border-radius:8px}.ToolBar .content .icon-item{width:30px;height:30px;line-height:42px;background-clip:padding-box;text-align:center;background-color:#fff;border-bottom:.5px solid #4285f4;cursor:pointer}.ToolBar .content .icon-item svg{height:18px;margin:5px;color:#4285f4}.ToolBar .content .icon-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.ToolBar .content .icon-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:none}.ToolBar .content .bgr-active{background-color:#4285f4}.ToolBar .toolbar-display{margin-right:7px;border:.25px solid hsla(0,0%,100%,.25);box-shadow:0 2px 2px rgba(0,0,0,.3);overflow:auto;visibility:hidden;opacity:0;transition:visibility .5s,opacity .5s linear;background-color:#fff;width:17vw;max-height:85vh}.ToolBar .toolbar-display .help-title{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;padding-left:20px;margin:10px;color:#303030;font-weight:700}.ToolBar .toolbar-display .box{font-size:14px}.ToolBar .toolbar-display .box .title{background-color:#4285f4;margin:0 0 5px;padding:10px;color:#fff;font-weight:700}.ToolBar .toolbar-display .box .item{font-weight:700;font-size:12px;padding-left:20px;display:flex;color:#303030;line-height:25px;padding-bottom:3px}.ToolBar .toolbar-display .box .item .icon{margin-right:5px;width:25px;text-align:center}.ToolBar .CheckBoxMetric li{padding:5px 40px}.ToolBar .CheckBoxMetric .checkbox-item{background:#fff;border:1px solid #4285f4;box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:4px;height:36px;padding:10px 0 5px 10px}.ToolBar .CheckBoxMetric .active-bgr{background:#4285f4}.ToolBar .CheckBoxMetric .active-bgr .note{color:#fff}.ToolBar .CheckBoxMetric .checkbox-btn{display:none;min-width:25px;width:25px}.ToolBar .CheckBoxMetric .checkbox-btn span{padding:0 0 7px}.ToolBar .CheckBoxMetric .item{font-weight:700;font-size:12px;display:flex;color:#303030;line-height:25px}.ToolBar .CheckBoxMetric .icon{height:30px;margin-right:10px;width:25px;text-align:center}.ToolBar .CheckBoxMetric .note{width:115px;color:#4285f4}.ToolBar .icon-item:hover{background-color:#88c6ed}.ToolBar .toggleToolBar{visibility:visible;opacity:1}.ToolBar .LayerMap{padding:0 5px;max-height:85vh}.ToolBar .LayerMap .layer-item{cursor:pointer;margin:5px 0;background-size:cover;background-repeat:no-repeat;height:75px}.ToolBar .LayerMap .layer-item .layer-item-title{background-color:#1976d2;color:#fff;padding:5px 10px;font-size:13px;font-weight:700;width:100px;font-family:"Roboto","Helvetica","Arial",sans-serif}.ToolBar .LayerMap .select-layer{border:1px solid}.leaflet-control-layers{display:none}.HorizonToolBar{position:absolute;z-index:2000;top:7vh;right:75px}.HorizonToolBar .content{display:flex}.HorizonToolBar .content .icon-item{cursor:pointer;background:#fff;border:.2px solid rgba(24,24,24,.25);box-shadow:0 2px 2px rgba(0,0,0,.3);border-radius:8px;width:30px;height:30px;margin-right:4px}.HorizonToolBar .content .icon-item svg{height:18px;margin:5px}.DataTable{background-color:#fff;position:absolute;z-index:2002;left:calc(30vw + 30px);overflow:auto;max-width:calc(70vw - 100px);min-width:40vw;min-height:30vh;top:54px;border:.5px solid hsla(0,0%,100%,.25);box-shadow:0 2px 2px rgba(0,0,0,.3);font-size:14px}.DataTable .title{line-height:25px;display:flex;padding:10px 25px 8px}.DataTable .title .btn-export{width:120px;color:#2f3193;font-weight:700;cursor:pointer}.DataTable .title .btn-export u{vertical-align:top}.DataTable .title .content{width:calc(100% - 130px);padding:0 20px;text-align:center;font-weight:700}.DataTable .title .content .content--select-box{max-width:400px;outline:none;width:60%;margin-left:20px;padding:5px;border:.25px solid #ababab;box-sizing:border-box;box-shadow:1px 2px 2px rgba(0,0,0,.15);border-radius:4px}.DataTable .title .btn-close{text-align:right;width:30px;cursor:pointer}.DataTable .next{right:10px}.DataTable .next,.DataTable .previous{margin-top:20px;cursor:pointer;position:absolute;top:40%}.DataTable .previous{left:10px}.DataTable .item{overflow:auto;margin:20px 50px}.DataTable .item table{margin:auto;border-spacing:0}.DataTable .item table thead th{margin:0;background-color:#e3e3e3;padding:5px 10px}.DataTable .item table tbody td{padding:10px}.DataTable .item table tbody tr:hover{background-color:#ededed}.DataTable .item table .date-time{min-width:160px}.DataCamera{min-width:40vw;background-color:#fff;position:absolute;z-index:2002;left:calc(30vw + 30px);overflow:auto;top:50px;border:.5px solid hsla(0,0%,100%,.25);box-shadow:0 2px 2px rgba(0,0,0,.3);font-size:13px;height:380px}.DataCamera .title{line-height:25px;display:flex;padding:10px 25px 8px}.DataCamera .title .content{font-size:21px;width:90%;text-align:center;color:#2f3193;font-weight:700}.DataCamera .title .btn-close{width:10%;text-align:right;padding-right:5px;cursor:pointer}.DataCamera .content-popup{padding:5px 20px}.DataChart{min-width:50vw;background-color:#fff;position:absolute;z-index:2002;left:calc(30vw + 30px);overflow:auto;top:50px;border:.5px solid hsla(0,0%,100%,.25);box-shadow:0 2px 2px rgba(0,0,0,.3);font-size:13px}.DataChart .title-popup{margin-bottom:20px;padding:8px 25px 2px;line-height:25px;display:flex}.DataChart .title-popup .content{font-size:21px;width:90%;text-align:center;color:#2f3193;font-weight:700}.DataChart .title-popup .btn-close{width:10%;text-align:right;padding-right:5px;cursor:pointer}.DataChart .content-popup{max-height:calc(100vh - 150px);overflow:auto}.DataChart .content-popup .item{padding:0 50px}.DataChart .content-popup .item-chart{text-align:center;background-color:#f4f4f4;border:1px solid #eee;border-top:none;margin-bottom:25px;padding:15px;border-radius:15px;box-shadow:inset 6px 6px 6px #cbced1,inset -6px -6px 6px #fff}@media only screen and (max-width:1600px){.DataTable{min-width:50vw}}.DraggableMe .box{position:fixed;left:0;z-index:9998}.DraggableMe .box .cursor{cursor:all-scroll}.leaflet-ruler{width:30.5px;height:30.5px;border-radius:8px;text-align:center;background-color:#fff;background-image:url(/static/media/polygon.737a2345.svg);background-size:18px;background-repeat:no-repeat;background-position:50%}.leaflet-ruler:hover{background-color:#fff;cursor:pointer}@media (min-width:1366px){.leaflet-bar{position:absolute;z-index:9999;top:1.8vh;right:4.4vh;display:flex;transition:.7s;border:.2px solid rgba(24,24,24,.25)!important;box-shadow:0 2px 2px rgba(0,0,0,.3)!important}}@media (min-width:1600px){.leaflet-bar{position:absolute;z-index:9999;top:2.55vh;right:3.7vh;display:flex;transition:.7s;border:.2px solid rgba(24,24,24,.25)!important;box-shadow:0 2px 2px rgba(0,0,0,.3)!important}}@media (min-width:1920px){.leaflet-bar{position:absolute;z-index:9999;top:3.3vh;right:3.1vh;display:flex;transition:.7s;border:.2px solid rgba(24,24,24,.25)!important;box-shadow:0 2px 2px rgba(0,0,0,.3)!important}}
/*# sourceMappingURL=main.f2f79430.chunk.css.map */