.slider-container{position:relative;width:100%}.background-canvas{width:100%;height:100%}.slider-handle{position:absolute;top:0;width:12px;height:20px;background-color:#fff;cursor:pointer;border:2px solid #000000;border-top:0px;border-bottom:0px;transition:left .1s ease-out}.infoCard{color:#000;background:#FFF}#mainMapArea{position:absolute!important}.freeBtnBox{position:absolute!important;width:60px;top:10px;bottom:200px;right:10px;z-index:889}.rightBtn{height:60px}.activeMarkerIcon{border:2px solid black}.hudBox{position:absolute!important;z-index:888;width:820px;top:10px;background-color:bisque}.viewInfoCard2{position:absolute!important;height:auto;right:0;top:0;z-index:889;width:290px}.sliderCard{position:absolute;z-index:1016;bottom:10px;width:60%;left:50%;transform:translate(-53%)}.leftOptionArea{position:relative}.listFilter{top:14px;right:15px;position:absolute}.myTreeTopSelect.v-text-field>.v-input__control>.v-input__slot:before,.myTreeTopSelect.v-text-field>.v-input__control>.v-input__slot:after{border-style:none!important}.sliderBox{height:20px;background-color:#0000004d;margin:20px 20px 0;box-shadow:0 0 1px #000}.clientTreeView .v-treeview-node__children+.v-treeview-node__root{margin-left:0!important}.clientTreeView .v-treeview-node__root:not(:has(+.v-treeview-node__children)){margin-left:-32px!important}.no-padding{padding:0!important;margin:0!important}.full-height{height:100vh}.loginForm{margin-right:160px}.loginForm .icon-account{font-size:20px}.loginForm .icon-password{font-size:18px}.loginForm .v-input__prepend-inner{padding-right:10px!important}.loginForm .titleBox{height:50px}.loginForm .titleBox .absOlute{height:68px;padding:0 24px;left:-36px;top:-75px}.loginLeft{background-image:url(../imgs/loginbg.png);background-repeat:repeat-x;background-position:bottom;overflow:hidden;position:relative}.loginLeft .logoTxtBox{color:#fff;width:80%}.footerBox{position:absolute;bottom:60px;color:#ffffff46}.loginFormBox{width:58%}.bgo5{background-color:#0000004d!important}.v-textarea textarea{line-height:1rem}.myGlobalSearchBox{height:36px!important;width:280px!important;opacity:.8}.myGlobalSearchBox i{opacity:.35}.myGlobalSearchBox input{width:230px;height:34px;padding:0 8px}.myGlobalSearchBox input::placeholder{font-size:14px}.myGlobalSearchBox input:focus{outline:none}.theme--dark .myGlobalSearchBox{border:1px solid rgba(255,255,255,.12)!important;border-width:thin!important;border-right:0px!important}.theme--dark .myGlobalSearchBox input{color:#fff!important}.theme--light .myGlobalSearchBox{border:1px solid rgba(0,0,0,.12)!important;border-width:thin!important;border-right:0px!important}.theme--light .myGlobalSearchBox input{color:#000000de!important}.sdsjBtn{cursor:pointer}.viewInfoCard{position:absolute!important;right:8px;z-index:1002}@keyframes flash{0%,to{opacity:1}50%{opacity:.2}}.flashingElement{animation:flash 6.8s infinite;background-color:#ff0}#fenceMap{height:480px}.selected-group{background-color:#d3d3d3;border:2px solid #007bff}.scrollable-row{max-height:300px;overflow-y:auto}.packetRawText{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Consolas,Menlo,DejaVu Sans Mono,monospace,Courier New,Lucida Console,Monaco}.packetSummary{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.packetDetailBox{overflow-y:auto}.packetJson{background:rgba(0,0,0,.03);border-radius:6px;padding:8px;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-all}