:root{--el-color-error:red!important;& .dark{--highlight:#1d1d1b;--default-text:#fff;--inverted-default-text:#1b1b1b;--selection:#fff;--selection-text:#333;--modal-bg:#1a1a1a;--header-bg:transparent linear-gradient(180deg,#3d3d3d,#020202) 0% 0% no-repeat padding-box;--left-menu-bg:transparent linear-gradient(180deg,#000,#000 19%,#343434) 0% 0% no-repeat padding-box;--right-menu-bg:transparent linear-gradient(180deg,#000,#000 19%,#343434) 0% 0% no-repeat padding-box;--inside-left-menu:#000;--details-bg:#1d1d1b;--btn-default-bg:#100f0f;--btn-default-text:#fff;--headers-bg:#1d1d1b;--headers-text:#fff;--inputs:#2b2b2b;--placeholder:#fff;--text-input-color:#fff}& .dark,& .light{--black:#000;--white:#fff;--primary:transparent linear-gradient(180deg,#930606,#d00200) 0% 0% no-repeat padding-box;--primary-solo:#930606;--primary-darken:#6d160e;--menu-text-color:#fff;--success-color:#14a812;--warning-color:#ffa600;--error-color:#ad1a00;--info-color:#00f}& .light{--highlight:#ebebeb;--default-text:#1d1d1b;--inverted-default-text:#fff;--selection:#1d1d1b;--selection-text:#aaa;--modal-bg:#fafafa;--header-bg:#f1f1f1;--left-menu-bg:#fff;--right-menu-bg:#fff;--inside-left-menu:#f1f1f1;--details-bg:#fff;--btn-default-bg:#aaa;--btn-default-text:#111;--headers-bg:#fff;--headers-text:#333;--inputs:#e5e5e5;--placeholder:#333;--text-input-color:#000}}.btn-default{background-color:var(--btn-default-bg)}.primary-bg{background:var(--primary)}:root{font-size:13px}*{margin:0;padding:0}body{overflow:hidden;position:fixed;left:0;top:0;bottom:0;right:0}small{font-size:.62rem!important}.showOnMobile{display:none}.editing .leaflet-container{cursor:crosshair!important}body.el-popup-parent--hidden{padding-right:0!important}#app{font-family:trebuchet ms;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;color:#2c3e50;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;right:0}#logo{padding:.5rem}.cus-version-menu{display:flex;align-items:center}.cus-top-menu{cursor:pointer;font-size:1.2rem}#content{display:flex;height:calc(var(--vh, 100vh) - 2rem)}#version{position:absolute;bottom:.5rem;left:.25rem;background:var(--el-color-primary-light-3);color:var(--el-text-color-primary);padding:.3rem;font-size:.55rem;border-radius:.2rem;width:3.8rem;box-sizing:border-box;text-align:center}#cus-version{color:#c3bfbf;padding:.5rem;font-size:.8rem;box-sizing:border-box}::-webkit-scrollbar{width:10px;height:3px;background:#f5f5f5}::-webkit-scrollbar-thumb{width:10px;height:5px;background:#ccc}::-webkit-scrollbar-thumb:hover{background:var(--el-color-info)}#menu ul{list-style:none}#menu ul li a{position:relative;display:flex;justify-content:flex-start;margin-left:.8rem;align-items:center;flex-direction:row;width:100%;height:100%;text-decoration:none}#menu ul li a .el-icon{position:relative;display:block;line-height:1.7rem;font-size:1.7rem;text-align:center;transition:.5s;color:var(--el-bg-color);width:1.7rem;height:1.7rem;z-index:10;transform:translateX(5px)}#menu ul li.active a .el-icon{transform:translateX(2.3rem)}#menu ul li a .text{position:absolute;display:block;color:var(--el-bg-color);font-weight:400;font-size:.65rem;letter-spacing:.05rem;transition:.5s;opacity:1;left:0;width:4.5rem;text-align:center;transform:translateX(-25px) rotate(-90deg)}#menu ul li.active a .text{opacity:1;left:0;font-size:.75rem;transform:translateX(-12px) rotate(-90deg)}#main{width:calc(var(--vw, 100vw) - 4.2rem);height:calc(var(--vh, 100vh) - 2rem);transition:all .3s}#main.minimized{height:calc(100vh - 50px)!important}.indicator{position:absolute;width:4rem;height:4rem;background:var(--el-text-color-primary);box-sizing:border-box;left:2.35rem;top:2.7rem;border-radius:50%;border:6px solid var(--el-bg-color);transition:.5s;opacity:0;z-index:2;box-shadow:3px 2px 10px rgba(0,0,0,.2)}.indicator:before{top:-21px;border-bottom-right-radius:20px}.indicator:after,.indicator:before{content:"";position:absolute;box-sizing:border-box;background:transparent;left:calc(50% - 23px);width:20px;height:20px;box-shadow:10px 0 0 0 var(--el-bg-color)}.indicator:after{bottom:-21px;border-top-right-radius:20px}#menu ul li:nth-child(2).active~.indicator{transform:translateY(4.2rem);opacity:1}#menu ul li:nth-child(3).active~.indicator{transform:translateY(8.4rem);opacity:1}#menu ul li:nth-child(4).active~.indicator{transform:translateY(12.6rem);opacity:1}#menu ul li:nth-child(5).active~.indicator{transform:translateY(16.8rem);opacity:1}#menu ul li:nth-child(6).active~.indicator{transform:translateY(21rem);opacity:1}#menu ul li:nth-child(7).active~.indicator{transform:translateY(25.2rem);opacity:1}#menu ul li:nth-child(8).active~.indicator{transform:translateY(29.4rem);opacity:1}#heading{text-align:center;font-weight:700;border-radius:1px;color:var(--el-color-white);position:relative;z-index:1}#heading span:first-child{position:absolute;left:0;top:0;padding:6px;font-size:1rem;cursor:pointer}#heading span:last-child{position:absolute;right:0;top:0;padding-top:1px;font-size:15px;cursor:pointer;width:15px;background:#1d1d1b}.btn-heading-back{border-top-right-radius:5px;border-bottom-right-radius:5px;font-weight:bolder;left:-4px!important}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.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:#fff!important;color:#000!important;padding:5px;border-radius:5px;min-width:255px}.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}#expander{display:none;text-align:center;padding:5px;background:#f3f3f3}@media (orientation:portrait){#menu{width:0;overflow:hidden}#menu.isopen{width:calc(var(--vw, 100vw) - 2rem)!important;margin:15px;height:85px;position:absolute;bottom:0;z-index:9999;border-radius:25px}#menu ul li.active a .text{transform:none!important}#menu ul{justify-content:space-around}#menu ul li{width:auto}#menu ul li a .text{transform:none;display:none}#menu ul{display:flex;margin-top:.5rem}#main{width:var(--vw,100vw);height:calc(var(--vh, 100vh) - 2rem)}#main.menuShown{width:calc(var(--vw, 100vw) - 2rem)}#version{position:absolute;bottom:.5rem;left:0;right:0;bottom:3px;margin-top:4px;margin-left:auto;margin-right:auto}.uname{display:none!important}#btnmenu{display:none}#open.shown{position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%;z-index:1005}#open.bottom{position:fixed;top:auto!important;bottom:0!important;height:44vh;box-shadow:0 -3px 15px rgba(0,0,0,.15);border-radius:15px 15px 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:block!important}#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}.el-dialog__footer{overflow:auto;margin-right:10px}.indicator{display:none}#menu ul li.active a .text{transform:translateX(-15px) rotate(-90deg)}#menu ul li.active a .el-icon{transform:translateX(10px)}.showOnMobile{display:block!important}#content{display:block}.active.exact-active{background:red!important;border-radius:50%;box-shadow:3px 2px 10px rgba(0,0,0,.2);margin:0 auto!important}#menu ul li,.active.exact-active{height:3.4rem!important;width:3.4rem!important;box-sizing:border-box;border:none;transition:.7s;z-index:2}#menu ul li{background:transparent}#menu ul li:hover:not(.active) a .text{transform:translateX(0) rotate(0deg)}#menu ul li:hover:not(.active) a .el-icon{transform:translateX(0)}#menu ul li.active a .el-icon{transform:translateX(1px)}}#menu ul li.active a .el-icon{transform:translateX(0)}.el-form-item{margin-bottom:5px!important}.el-form-item__label{line-height:30px!important}.side_filter{background:transparent linear-gradient(180deg,#444,#151514) 0 0 no-repeat padding-box;flex-direction:column;padding:0;border-radius:25px;opacity:.78}.side_btn,.side_filter{display:flex;align-items:center}.side_btn{width:1rem;justify-content:center;background:transparent;border:none;color:#fff;border-radius:99px!important}.side_btn:hover{border-radius:99px!important;background:#aaa!important;color:#000!important}.cus-light-mode-switch{font-size:1.3rem;box-sizing:border-box;cursor:pointer!important}.cus-color{color:var(--default-text)!important}.cus-icon-size{margin-left:1.5rem!important;width:25px;height:25px}.cus-logo-img{width:11rem}.cus-theme-switch{display:flex;margin-top:12px;margin-left:60%}@media (max-width:408px){.cus-logo-img{width:9rem}.cus-version-menu{margin-top:0;flex-direction:column}.cus-theme-switch{margin-top:10px;flex-direction:column;margin-left:0}}div.el-message-box{background:#1d1d1b 0 0 no-repeat padding-box;border-radius:27px;opacity:1}div.el-message-box__header>.el-message-box__title{text-align:center;font:normal normal 700 20px/24px Montserrat;letter-spacing:0;color:#fff;opacity:1}button.el-message-box__headerbtn>.el-message-box__close{font:normal normal 700 15px/19px Montserrat!important;letter-spacing:0!important;color:#fff!important;opacity:1!important;font-size:xx-large!important}div.el-message-box__content>.el-message-box__container>.el-message-box-icon--warning{display:none!important}div.el-message-box__message>p{font:normal normal normal 12px/15px Montserrat!important;letter-spacing:0!important;color:#fff!important;opacity:1!important;text-align:center!important;margin-bottom:4%!important}div.el-message-box__btns>button.el-button--default{background:#14a812 0 0 no-repeat padding-box!important;border-radius:15px!important;opacity:1!important;width:100%!important}div.el-message-box__btns>button.el-button--default>span{font:normal normal 700 15px/19px Montserrat!important;letter-spacing:0!important;color:#fff!important;opacity:1!important}div.el-message-box__btns>button.el-button--primary{margin-top:2%!important;margin-left:0!important;background:#d00200 0 0 no-repeat padding-box!important;border-radius:15px!important;opacity:1!important;width:100%!important}div.el-message-box__btns>button.el-button--primary>span{font:normal normal 700 15px/19px Montserrat!important;color:#fff!important;border-radius:15px!important;opacity:1!important;width:100%!important}.head.theme-light-mode{background:transparent linear-gradient(180deg,#f1f1f1,#f1f1f1 19%,#f1f1f1) 0 0 no-repeat padding-box!important}.left-menu.theme-light-mode,.right-menu.theme-light-mode{background:transparent linear-gradient(180deg,#fff,#fff 19%,#fff) 0 0 no-repeat padding-box!important}.theme-light-mode-text{color:#000!important}.theme-light-mode-background{background:#fff 0 0 no-repeat padding-box!important}.device>div.name:hover,.deviceHead>div.name,.reportType:hover{color:var(--el-bg-color)}.leaflet-control-zoom{display:none}#main,#menu,#open,.right-menu{height:calc(var(--vh, 100vh) + 16rem)!important}#rv{height:calc(100vh - 100px)!important}.login{transform:scale(1)!important;transform-origin:bottom!important;width:100%!important;margin-top:-39px!important;height:calc(var(--vh, 100vh) + 15rem)!important}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-space-between{justify-content:space-between}.text-danger{color:var(--error-color)}.text-center{text-align:center}.form-field{padding:1rem 0}.form-field label{line-height:2rem}.el-overlay-dialog{background-color:transparent}.el-dialog__header{min-height:1rem}.el-dialog__headerbtn{color:#fff!important;border-radius:50%!important;border:1px solid #fff!important;width:2rem!important;height:2rem!important;top:.5rem!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}.el-dialog__headerbtn svg{color:#fff}.el-tabs__item{padding-left:20px!important;padding-right:20px!important}.el-tabs__active-bar{display:none!important}.el-tabs__nav-wrap:after{height:0!important}.el-tabs__item.is-active,.el-tabs__item:hover{background:var(--primary-solo)!important;color:var(--white)!important;border-radius:1rem!important;padding-left:20px!important}.circle-container{width:33%}.circle,.circle-container{display:flex;justify-content:center}.circle{width:2.43rem;height:2.43rem;border-radius:50%;margin:5px;cursor:pointer;position:relative;background:transparent;align-items:center}.circle-text{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);color:var(--default-text)!important;font-size:.7rem}.circle.all{border:3px solid var(--default-text)}.circle.online{border:3px solid green}.circle.offline{border:3px solid red}.circle.unknown{border:3px solid orange}.circle-count{font-size:1rem;color:var(--default-text);font-weight:bolder}.hr-separator{margin:1rem 0}.edit-box{border:1px solid silver;border-radius:5px;margin-top:1rem;height:calc(70vh - 200px);overflow-y:auto}.edit-box-item{display:flex;border-bottom:1px dotted silver;padding:1.5rem 1rem;box-sizing:border-box}.el-dialog{background-color:transparent!important;box-shadow:none!important}.el-date-picker,.el-dropdown-menu,.el-dropdown__popper,.el-picker-panel{background-color:var(--modal-bg)!important}.el-dropdown__popper{& li{padding:0 2px}}.el-date-picker,.el-dialog__body,.el-dialog__footer,.el-dropdown-menu,.el-picker-panel,.el-switch__label,.el-tabs,.el-tabs__item{color:var(--default-text)!important}.el-switch.is-checked .el-switch__core{border-color:var(--secondary)!important}.el-switch.is-checked .el-switch__core,.el-tabs__active-bar{background-color:var(--primary-solo)!important}.grid-colors{display:grid;gap:1rem;grid-template-columns:auto auto auto}.card{background:var(--highlight);border-radius:.5rem;padding:.5rem;& .card-content{padding-left:1rem}}.header-device{background:#930606!important;box-sizing:border-box;color:var(--white);width:100%}.custom-actions{color:var(--white);justify-content:space-between;align-content:space-between;padding:10px 0}.header-device{& .device{border-bottom:var(--el-border-color-light) 1px solid}& .device,& .deviceHead{display:flex;flex-direction:row;text-align:center;cursor:pointer;margin-right:-1px}& .deviceHead{border-bottom:var(--highlight) 1px solid;background:var(--details-bg)}& .device:hover{background:var(--selection);color:var(--selection-text)}& .device .name,& .deviceHead .name{font-size:12px;padding:7px;text-align:left;line-height:14px;font-weight:800;border-right:1px dotted silver;width:60%}& .icons{flex-direction:row-reverse}& .icons,& .icons div{display:flex;justify-content:center;flex:1;font-size:11px}& .icons div{border-right:1px dotted silver;padding:7px}& .icons div i{font-size:14px}& .icons div:first-child{border-right:none}& .icons div span{display:flex;padding:2px;padding-left:5px}& .subtitle{margin-top:20px;font-weight:700;font-size:14px;text-transform:uppercase;color:var(--text-black)}& .subtitle i{font-size:12px;margin-right:3px}& .search-box{display:flex;justify-content:space-between;align-content:space-between;width:100%}}.img-card{border:7px solid var(--details-bg);padding:1rem;border-radius:10px;margin:1rem 2rem 1rem 0;display:flex;align-items:center;justify-content:center;flex-direction:column}.linked-counter{text-align:right}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:10px;background:hsla(0,0%,58.8%,.5)}::-webkit-scrollbar-thumb{background:var(--inputs);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--modal-bg)}.search-action{display:flex}.custom-search-input{margin-top:0!important;padding-right:1rem!important}.dark .custom-search-input .spt-input{background:#121211!important}.custom-search-input .spt-input{border-radius:10px!important;height:3rem!important;padding:0 20px!important;font-size:16px!important;color:#fff!important}.custom-search-input>>>input::-moz-placeholder{font-size:16px;letter-spacing:0;color:#fff}.custom-search-input>>>input::placeholder{font-size:16px;letter-spacing:0;color:#fff}.custom-search-input>>>input:focus-visible{outline:0!important}