.showOnMobile{display:none}.editing .leaflet-container{cursor:crosshair!important}body.el-popup-parent--hidden{padding-right:0!important}body{overflow:hidden;position:fixed;left:0;top:0;bottom:0;right:0}*{margin:0;padding:0}#app{font-family:Trebuchet MS;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;color:#2c2d50;flex-direction:column;position:fixed;left:0;top:0;bottom:0;right:0}#app,#head{display:flex;overflow:hidden}#head{height:2rem;border-bottom:1px solid rgba(0,0,0,.08);background:var(--el-bg-color);align-content:space-between;justify-content:space-between;box-shadow:0 1px 8px rgba(0,0,0,.05);position:relative;z-index:1050;width:100%}#head,#head #user{align-items:center}#head #user{display:flex;padding:0 .5rem;cursor:pointer;border-radius:18px;transition:all .2s}#head #user:hover{background:rgba(0,0,0,.03)}#head #user .uname{font-weight:500;color:var(--el-color-primary-dark-1)}#head #user i{color:var(--el-color-primary);transition:all .2s}#head #user:hover i{transform:scale(1.1)}#logo{padding:.3rem .5rem;display:flex;align-items:center}#logo img{transition:all .3s}#logo img:hover{transform:scale(1.02)}#content{display:flex}#content,#menu{height:calc(var(--vh,100vh) - 2rem)}#menu{width:4rem;background:var(--el-color-primary);position:relative;box-shadow:1px 0 5px rgba(0,0,0,.1);z-index:10}#menu,#version{transition:all .3s}#version{position:absolute;bottom:.5rem;left:.25rem;background:hsla(0,0%,100%,.1);color:var(--el-bg-color);padding:.4rem;font-size:.55rem;border-radius:.3rem;width:3.5rem;box-sizing:border-box;text-align:center}#version:hover{background:hsla(0,0%,100%,.2)}#open{height:calc(100vh - 2rem);background:var(--el-bg-color);color:var(--el-text-color-primary);display:flex;align-content:center;justify-content:space-between;transition:all .3s ease;opacity:0;width:0;overflow:hidden;box-shadow:2px 0 15px rgba(0,0,0,.07);padding-top:20px}#open.allowExpand .expandBtn{position:absolute;left:555px;top:50%;z-index:9999999999;border:none;background:var(--el-color-primary);padding:10px 5px;padding-top:25px;padding-bottom:25px;color:#fff;transform:translateY(-50%);border-radius:0 8px 8px 0;box-shadow:3px 0 8px rgba(0,0,0,.15);transition:all .2s}#open.allowExpand .expandBtn:hover{background:var(--el-color-primary-light-1);box-shadow:4px 0 12px rgba(0,0,0,.2)}#open.shown{opacity:1;width:700px}#open.allowExpand.expanded{width:1400px!important}#open.allowExpand.expanded .expandBtn{left:805px}#open.allowExpand.expanded .expandBtn i{transform:rotate(180deg)}#open.shown.editing{width:130px!important}#open.shown.editing div{display:flex;flex-direction:column-reverse;align-content:space-between;justify-content:space-between}#open #rv{overflow-y:auto;height:calc(100vh - 130px);padding:12px;scrollbar-width:thin}#open.minimized{height:35px!important}::-webkit-scrollbar{width:8px;height:3px;background:#f5f5f5}::-webkit-scrollbar-thumb{width:8px;height:5px;background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--el-color-primary-light-3)}#menu ul{list-style:none;margin-top:1rem;padding:0}#menu ul li{position:relative;width:4rem;height:4rem;z-index:5;transition:all .2s}#menu ul li:hover{background:hsla(0,0%,100%,.1)}#menu ul li.active{background:var(--el-color-primary-light-1);border-left:3px solid var(--el-bg-color)}#menu ul li a{color:var(--el-text-color-primary);flex-direction:column;width:100%;height:100%;text-decoration:none}#menu ul li a,#menu ul li a .el-icon{position:relative;display:flex;justify-content:center;align-items:center}#menu ul li a .el-icon{font-size:1.3rem;color:var(--el-bg-color);width:2.2rem;height:2.2rem;margin-bottom:.3rem;transition:all .2s}#menu ul li.active a .el-icon{transform:scale(1.1)}#menu ul li a .text{position:relative;display:block;color:var(--el-bg-color);font-weight:400;font-size:.65rem;letter-spacing:.01rem;transition:all .2s;opacity:.85;text-align:center;width:100%}#menu ul li.active a .text{opacity:1;font-weight:500}#menu ul li:hover:not(.active) a .el-icon{transform:translateY(-2px)}#main{width:calc(var(--vw,100vw) - 4rem);height:calc(var(--vh,100vh) - 2rem);transition:all .3s}#main.minimized{height:calc(100vh - 50px)!important}.indicator{display:none}#heading{text-align:center;font-weight:700;background:var(--el-color-primary);border-radius:20px;padding:10px;color:var(--el-color-white);position:relative;z-index:0;margin:10px}#heading span:first-child{left:0}#heading span:first-child,#heading span:last-child{position:absolute;top:0;padding:6px;font-size:25px;cursor:pointer}#heading span:last-child{right:0}body.rtl #app div #content{flex-direction:row-reverse!important}body.rtl #app div #content #menu ul .indicator{left:-40px}body.rtl #app div #content #menu ul .indicator:before{left:calc(50% + 7px);top:-18px;border-bottom-right-radius:0;border-bottom-left-radius:20px;box-shadow:-10px 0 0 0 var(--el-bg-color)}body.rtl #app div #content #menu ul .indicator:after{left:calc(50% + 7px);bottom:-18px;border-top-right-radius:0;border-top-left-radius:20px;box-shadow:-10px 0 0 0 var(--el-bg-color)}body.rtl #app div #content #menu ul li a .text{left:45px}body.rtl #app div #content #menu ul li.active a .text{left:20px}body.rtl #app div #content #menu ul li a .el-icon{transform:translateX(-7px)}body.rtl #app div #content #menu ul li.active a .el-icon{transform:translateX(-45px)}.notification-soft-red{--el-color-white:#fdd!important;--el-notification-icon-color:#181818!important;--el-notification-content-color:#181818!important}.notification-soft-red .el-icon{color:#181818!important}.notification-red{--el-color-white:#f44336!important;--el-notification-icon-color:#fff!important;--el-notification-title-color:#fff!important}.notification-red .el-icon{color:#fff!important}.notification-soft-yellow{--el-color-white:#ffc!important;--el-notification-icon-color:#181818!important;--el-notification-title-color:#181818!important}.notification-soft-yellow .el-icon{color:#181818!important}.notification-yellow{--el-color-white:#ffeb3b!important;--el-notification-icon-color:#181818!important;--el-notification-title-color:#181818!important}.notification-yellow .el-icon{color:#181818!important}.notification-soft-green{--el-color-white:#dfd!important;--el-notification-icon-color:#181818!important;--el-notification-title-color:#181818!important}.notification-soft-green .el-icon{color:#181818!important}.notification-green{--el-color-white:#4caf50!important;--el-notification-icon-color:#fff!important;--el-notification-title-color:#fff!important}.notification-green .el-icon{color:#fff!important}.notification-soft-info{--el-color-white:#dff!important;--el-notification-icon-color:#181818!important;--el-notification-title-color:#181818!important}.notification-soft-info .el-icon{color:#181818!important}.notification-info{--el-color-white:#2196f3!important;--el-notification-icon-color:#fff!important;--el-notification-title-color:#fff!important}.notification-info .el-icon{color:#fff!important}.el-notification__content{background:hsla(0,0%,100%,.6509803921568628)!important;color:#000!important;padding:5px;border-radius:5px;min-width:255px}.el-notification__title{font-weight:700;font-size:var(--el-notification-title-font-size);line-height:var(--el-notification-icon-size);color:#1c1313;margin:0}.customFilter{margin-left:1px;padding:10px;background:#fff;text-align:center;margin-bottom:4px;border-radius:4px;color:#fff;box-shadow:0 0 3px rgba(45,45,45,.5);cursor:pointer}.all{background:var(--el-color-info)}.online{background:var(--el-color-success)}.offline{background:var(--el-color-danger)}.unknown{background:var(--el-color-warning)}.motion{background:var(--el-color-primary)}.customFilter.active{border:1px solid #fff}#btnmenu{display:none;padding:.5rem;font-size:1rem;cursor:pointer;z-index:1055;position:relative}#expander{display:none;text-align:center;padding:5px;margin-top:20px;background:#f3f3f3}@media (orientation:portrait){#menu{width:0;overflow:hidden;position:fixed;left:0;top:2.5rem;z-index:1010;border-radius:0 16px 16px 0;box-shadow:3px 0 20px rgba(0,0,0,.2)}#weather .city-name{display:none}#weather.header-info-box{padding:.2rem .3rem;margin:.2rem .3rem;font-size:.6rem}#logo{flex-shrink:1;max-width:35%;overflow:hidden}#logo img{max-width:100%}.header-right-container{flex:1;max-width:60%}#head{position:fixed;top:0;left:0;right:0;height:2.5rem;z-index:1100}#content{margin-top:2.5rem;padding-top:10px}#menu.isopen{width:70px!important}body.mobile #menu{display:none}body.mobile #menu.isopen{display:block}#main{width:var(--vw,100vw);height:calc(var(--vh,100vh) - 2rem)}#main.menuShown{width:calc(var(--vw,100vw));filter:brightness(.8)}#head #user{padding:0 .2rem}.uname{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#btnmenu{display:flex;align-items:center;justify-content:center;background:var(--el-color-primary-light-3);border-radius:6px;margin:.25rem;margin-top:.5rem;width:1.5rem;height:1.5rem;transition:all .3s}#btnmenu:active,#btnmenu:hover{background:var(--el-color-primary);color:#fff}#btnmenu i{font-size:1rem}#open.shown{position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%;z-index:1005;border-radius:0;padding-top:40px}#open.bottom{position:fixed;top:auto!important;bottom:0!important;height:44vh;box-shadow:0 -8px 15px rgba(0,0,0,.15);border-radius:20px 20px 0 0!important;overflow:hidden}#open.bottom.mobileExpanded{height:calc(100vh - 100px)!important}#open.bottom #heading,#open.bottom .kr-spacer{display:none!important}#open.bottom #expander{display:flex!important;justify-content:center;align-items:center;padding:8px;background:var(--el-color-primary-light-5);border-radius:0 0 16px 16px;margin-bottom:5px}#open.bottom #expander i{color:var(--el-color-primary-dark-2);transition:all .3s}#open.bottom #expander:hover i{transform:scale(1.2)}#main.bottom{height:calc(55vh - 20px)}#pano{position:fixed!important;left:0!important;bottom:0;width:100%!important;height:calc(44vh - 85px)!important;z-index:1005!important}.el-dialog{--el-dialog-width:100vw!important;border-radius:16px!important}.el-dialog__footer{overflow:auto;margin-right:10px}#menu ul{margin-top:.8rem;display:flex;flex-direction:column;align-items:center}#menu ul li{width:70px;height:70px;margin:.3rem 0;border-radius:6px}#menu ul li.active{background:var(--el-color-primary-light-1);border-left:3px solid var(--el-bg-color)}#menu ul li a .text{font-size:.7rem;margin-top:.2rem}#menu ul li a .el-icon{width:2.5rem;height:2.5rem;font-size:1.5rem}.showOnMobile{display:block!important}#version{display:none}}.el-form-item{margin-bottom:5px!important}.el-form-item__label{line-height:30px!important}.leaflet-hiddenMarkers-pane{display:none}.way-filtering .leaflet-hiddenMarkers-pane{display:block}.way-filtering .leaflet-clusterMarkers-pane,.way-filtering .marker-cluster{display:none}.header-info-box{display:flex;align-items:center;padding:.2rem .5rem;margin:.2rem .5rem;font-size:.65rem;background:rgba(0,0,0,.03);border-radius:12px;transition:all .2s}.header-info-box:hover{background:rgba(0,0,0,.06)}.header-info-box .weather-icon{margin-right:.3rem;color:var(--el-color-primary)}.header-info-box .time-text,.header-info-box .weather-text{margin:0 .2rem;color:var(--el-text-color-secondary)}.header-action-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;width:1.8rem;height:1.8rem;margin:0 .2rem;border-radius:50%;transition:all .3s}.header-action-btn:hover{background:rgba(0,0,0,.05);transform:scale(1.1)}.push-notification-container{margin:0 .2rem}