@import url("GeneralStyle.css");:root{--color1:#1c94c4;--color2:#042d55;--white:#fffff}@font-face{font-display:swap;font-family:Noto Kufi Arabic;src:url(/css/fonts/NotoKufiArabic-VariableFont_wght.woff2) format("truetype")}*{box-sizing:border-box;font-family:Noto Kufi Arabic,sans-serif}body,html{overscroll-behavior-x:none}body,html{height:100%;margin:0;overflow:hidden;padding:0}body{background-color:#eee;border:0;font-family:Noto Kufi Arabic,sans-serif!important;font-size:16px}form{height:100%;width:100%}dialog{border:1px solid #1c94c4;padding:0}.hiddenButton{border-width:0;height:0;padding:0;width:0}a,a:active,a:focus,a:hover,a:link,a:visited{cursor:pointer;text-decoration:none}#LogoImg{width:100%}#LogoImg,.Body{height:100%}#MainContainer,#divMain{height:100%;width:100%}#MainContainer{font-size:11px}.grid-control{display:inline-block;position:relative;width:100%}.grid-control>label{color:#01043c;display:block;font-size:12px;font-weight:700;width:100%}.grid-control>input,.grid-control>select{border:1px solid #ddd;border-radius:6px;height:27px;width:100%}.form-checkbox,.form-control,.phone-control{display:inline-block;margin-bottom:6px;margin-top:6px;padding-left:15px;padding-right:15px;position:relative;width:100%}.form-checkbox>label{border:none;height:20px;outline:none}.form-control:has(>label){min-height:55.5px}.form-control>label,.phone-control label{color:#01043c;display:block;font-size:.8rem;font-weight:700;width:100%}.form-control>textarea{border:1px solid #ddd;border-radius:6px;height:100%;min-height:200px;width:100%}.form-control>div>div>img{max-height:calc(100% - 30px);max-width:calc(100% - 30px);object-fit:contain}.form-control>input,.form-control>select,.form-control>textarea{border:1px solid #ddd;border-radius:6px;height:26.9px;margin:0;width:100%}.form-control>input[type=checkbox]{height:21px}.form-control>div>div>input[type=file]{height:0;width:0}.form-control>div>div>i{border:1px solid var(--color1);border-radius:4px;color:var(--color1);margin:0 2px;padding:2px}.form-control .controldiv{align-items:center;display:flex;gap:3px;height:100%;justify-content:space-between;width:100%}.form-control>input:required:valid,.form-control>select:required:valid{border-bottom:2px solid #00914e!important}.form-control>input:invalid,.form-control>select:invalid{border-bottom:2px solid #a00000!important}.form-checkbox>input{margin-right:7px}.phone-control select{border:none;margin-top:20px;outline:none;width:50px}.phone-control input{border:none;outline:none;width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px)}.file-control{height:180px;max-height:180px}.file-control>div{display:block;height:100%}.form-control.file-control .controldiv{height:calc(100% - 20px)}.file-control-enlarge{background-color:#fff;position:fixed;z-index:999}.file-control-enlarge,.loading{height:100%;left:0;top:0;width:100%}.loading{background-color:hsla(0,0%,100%,.7);display:none;position:absolute;text-align:center;z-index:7000}.sk-chase{animation:sk-chase 2.5s linear infinite both;height:40px;left:50%;position:absolute;top:50%;width:40px}.sk-chase-dot{animation:sk-chase-dot 2s ease-in-out infinite both;height:100%;left:0;position:absolute;top:0;width:100%}.sk-chase-dot:before{animation:sk-chase-dot-before 2s ease-in-out infinite both;background-color:#01043c;border-radius:100%;content:"";display:block;height:25%;width:25%}.sk-chase-dot:first-child{animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:first-child:before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{to{transform:rotate(1turn)}}@keyframes sk-chase-dot{80%,to{transform:rotate(1turn)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}0%,to{transform:scale(1)}}.FooterContainer{bottom:0;color:#fff;font-size:10px;margin:0;position:absolute;text-align:center;width:100%}.LoginBox{background-color:hsla(0,0%,100%,.65);border-radius:25px;left:15%;position:absolute;top:50%;transform:translateY(-50%);width:400px}.LoginBox>div{padding-bottom:20px;padding-left:20px;padding-right:20px;width:100%}.LoginBox>div:first-child{text-align:center}.buttonLogin{border:0;display:block;font-weight:700;line-height:23px;margin:auto;width:80px;width:175px}.BGImage{background-image:url(Images/LoginBG.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;right:0;top:0;width:100%}.AccountLinks{display:flex;gap:20px;justify-content:space-around;margin-top:10px}.ForgotPassword,.RegisterNewFirm{text-align:center}.ForgotPassword a,.RegisterNewFirm a{color:#007bff;text-decoration:none}.ForgotPassword a:hover,.RegisterNewFirm a:hover{text-decoration:underline}.NavHeader{background-color:#f6f6f6;box-sizing:border-box;color:var(--color1);font-weight:700;height:30px;padding-bottom:0;padding-left:10px;padding-right:10px;width:100%}.header{align-items:center;background-color:#091422;display:none;justify-content:space-between;left:0;position:fixed;right:0;top:0;z-index:1}.header .menu-btn{background:none;border:none;border-radius:6px;color:#7a90a8;cursor:pointer;display:none;font-size:17px;padding:6px 8px;transition:background .2s,color .2s}.header .menu-btn:hover{background:hsla(0,0%,100%,.09);color:#c8d8e8}.SideMenu{background:#0d1b2a;border:none;box-shadow:2px 0 16px rgba(0,0,0,.35);color:#c8d8e8;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);width:240px}.sb-header{align-items:center;background:#091422;border-bottom:1px solid hsla(0,0%,100%,.06);box-sizing:border-box;display:flex;flex-shrink:0;gap:8px;min-height:56px;padding:8px 12px}.sb-toggle-btn{background:none;border:none;border-radius:6px;color:#7a90a8;cursor:pointer;flex-shrink:0;font-size:17px;line-height:1;padding:6px 8px;transition:background .2s,color .2s}.sb-toggle-btn:hover{background:hsla(0,0%,100%,.09);color:#c8d8e8}.sb-logo-img{flex:1;height:46px;max-height:100%;min-width:0;object-fit:cover;object-position:center;width:auto}.sb-logo-icon{display:none}@media (min-width:769px){.SideMenu.sb-mini{width:60px}.UserSettingsMenu,.notification-menu{left:0;top:100px}.SideContent.sb-mini{margin-left:60px!important;width:calc(100% - 60px)!important}.sb-mini .sb-header{align-items:center;flex-direction:column;gap:4px;justify-content:center;min-height:64px;padding:6px 0}.sb-mini .sb-logo-img{display:none}.sb-mini .sb-logo-icon{display:block;height:36px;width:36px}.sb-mini .sb-search-results,.sb-mini .sb-search-wrap,.sb-mini .sb-user{display:none!important}.sb-mini .sb-module-row{justify-content:center;padding:10px 0}.sb-mini .sb-module-arrow,.sb-mini .sb-module-name{display:none}.sb-mini .sb-module-body{display:none!important}.sb-mini .sb-module-active>.sb-module-row:after{display:none}.sb-mini .sb-module-active>.sb-module-row .sb-module-icon-wrap i{filter:drop-shadow(0 0 5px rgba(61,157,255,.9))}.sb-mini .sb-module-row{position:relative}.sb-mini .sb-module-row:before{background:#1e3347;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.35);color:#e0f0ff;content:attr(data-tooltip);font-size:.72rem;left:calc(100% + 10px);opacity:0;padding:5px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s;white-space:nowrap;z-index:9999}.sb-mini .sb-module-row:hover:before{opacity:1}}.sb-user{align-items:center;background:#0d1b2a;border-bottom:1px solid hsla(0,0%,100%,.06);cursor:pointer;display:flex;flex-shrink:0;gap:9px;padding:9px 12px;transition:background .2s}.sb-user:hover{background:#111f30}.sb-online-dot{background:#2ecc71;border-radius:50%;box-shadow:0 0 0 2px rgba(46,204,113,.25);flex-shrink:0;height:8px;width:8px}.sb-user-details{flex:1;min-width:0}.sb-user-name{color:#dce8f4;font-size:.76rem;font-weight:700}.sb-user-firm,.sb-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-user-firm{color:#a9b9ca;font-size:.65rem;margin-top:1px}.sb-notif-btn{background:none;border:none;border-radius:5px;color:#526880;cursor:pointer;flex-shrink:0;font-size:13px;padding:5px;transition:background .2s,color .2s}.sb-notif-btn:hover{background:hsla(0,0%,100%,.09);color:#c8d8e8}.sb-search-wrap{background:#0d1b2a;border-bottom:1px solid hsla(0,0%,100%,.06);flex-shrink:0;padding:6px 10px;position:relative}.sb-search-icon{color:#5a7a99;font-size:11px;left:19px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.sb-search-input{background:#0f1e2e;border:1px solid hsla(0,0%,100%,.09);border-radius:5px;box-sizing:border-box;color:#c8d8e8;display:block;font-size:.72rem;outline:none;padding:5px 9px 5px 30px;transition:border-color .2s,background .2s;width:100%}.sb-search-input::placeholder{color:#3d5570}.sb-search-input:focus{background:#122030;border-color:#2d5080}.sb-nav-modules{flex:1;overflow-x:hidden;overflow-y:auto}.sb-nav-modules::-webkit-scrollbar{width:3px}.sb-nav-modules::-webkit-scrollbar-track{background:transparent}.sb-nav-modules::-webkit-scrollbar-thumb{background:#1e3347;border-radius:2px}.sb-module{border-bottom:1px solid hsla(0,0%,100%,.04)}.sb-module-row{align-items:center;cursor:pointer;display:flex;gap:9px;padding:10px 12px;position:relative;transition:background .2s}.sb-module-active>.sb-module-row,.sb-module-row:hover{background:#111f30}.sb-module-active>.sb-module-row:after{background:linear-gradient(90deg,#9b59b6,#00d4ff);content:"";height:2px;left:0;position:absolute;right:0;top:0}.sb-module-icon-wrap{align-items:center;display:flex;flex-shrink:0;font-size:23px;height:28px;justify-content:center;width:28px}.sb-module-name{color:#c0d0e0;flex:1;font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-module-arrow{color:#3d5570;flex-shrink:0;font-size:10px;transition:transform .2s}.sb-module-active>.sb-module-row .sb-module-arrow{transform:rotate(-90deg)}.sb-module-body{background:#091422}.sb-subcat{align-items:center;background:#0e1e2f;border-top:1px solid hsla(0,0%,100%,.04);cursor:pointer;display:flex;justify-content:space-between;padding:8px 13px;transition:background .2s}.sb-subcat-open,.sb-subcat:hover{background:#122840}.sb-subcat-name{color:#c2d8ee;flex:1;font-size:.75rem;font-weight:600}.sb-subcat-arrow{color:#6e90ae;font-size:9px}.sb-subcat-body{background:#091422;padding:2px 0}.sb-cat-label{color:#6e90ae;font-size:.63rem;font-weight:700;letter-spacing:.4px;padding:7px 16px 3px;text-transform:uppercase}.sb-menu-item{align-items:center;border-left:3px solid transparent;color:#b8d0e8;cursor:pointer;display:flex;font-size:.73rem;gap:7px;padding:6px 14px;transition:background .2s,color .2s}.sb-menu-item:hover{background:#122840;color:#e8f4ff}.sb-menu-dot{color:#5a80a0;flex-shrink:0;font-size:4px}.sb-menu-item-active{background:rgba(61,157,255,.18)!important;border-left-color:#5cb0ff!important;border-left-width:4px!important;color:#fff!important;font-weight:700}.sb-menu-item-active .sb-menu-dot{color:#7fc8ff;font-size:6px}.sb-search-results{overflow-y:auto}.WelcomeUserLink{background-color:#f7f7f7;border:1px solid #ccc;border-radius:4px;color:#366699;cursor:pointer;display:inline-block;font-size:.7rem;font-weight:700;padding:10px;text-align:center}.WelcomeUserLink div{font-size:14px;margin-bottom:2px}.UserSettingsMenu{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:none;padding:10px;position:absolute;text-align:justify;width:230px;z-index:9999}#divMenu{flex-grow:1;overflow:auto}#divMenu,#divModules{box-sizing:border-box;width:100%}.UserInfoMenu{display:none}.UserInfoMenu label{color:#01043c;display:block;font-size:12px;font-weight:700;padding:5px 15px;text-align:initial;width:100%}.notification-menu{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.2);display:none;position:absolute;width:230px;z-index:9999}.notification-header{border-bottom:1px solid #ddd;font-weight:700;padding:10px}.notification-content{max-height:300px;overflow-y:auto}.notification-item{border-bottom:1px solid #ddd;padding:7px}.notification-footer{border-top:1px solid #ddd;padding:10px;text-align:center}.no-notifications{color:gray;padding:10px;text-align:center}.ActionDivider{border:none;border-top:1px solid #ccc;margin:5px 0;width:200px}.UserActions{align-items:flex-start;display:inline-grid;flex-direction:column}.UserActions a{color:var(--color1)!important;display:inline-block;font-size:12px!important;font-weight:700;padding:5px 15px;text-decoration:none;transition:color .2s,background-color .2s}.UserActions a:hover{background-color:#f8f9fa;border-radius:4px;color:#0056b3!important}.modal{background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:9999}.modal-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between}.modal-content{background-color:#fff;border-radius:8px;padding:20px;width:100%}.close-btn{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700}.close-btn:focus,.close-btn:hover{color:#000;text-decoration:none}.form-actions{margin-top:10px;text-align:end}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px}.btn-primary{background-color:var(--color1);color:#fff}.btn-secondary{background-color:#f6f6f6!important;border:1px solid #ccc!important;color:#000!important}.SideContent{display:inline-block;height:100%;margin-left:240px!important;overflow:auto;position:absolute;transition:margin .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);width:100%}.tblModulehref{background-color:#f6f6f6;border:1px solid #ccc;color:var(--color1);display:block;height:35px;vertical-align:top;width:100%}.tblModulehref img{display:inline-block;height:22px;padding-left:5px;padding-right:5px;position:relative;top:4px;width:22px}.tblModulehref span{font-weight:700;position:relative}.tblModulehref:hover{background-image:linear-gradient(#f7b64a,#fff)!important;border-bottom-color:#f7b64a}.MenuSubCategory{background-color:#f6f6f6;border:1px solid #ccc;color:var(--color1);font-weight:700;height:30px;padding-left:10px;padding-right:10px}.MenuSubCategory>i{font-size:.7rem;margin-top:9px}.MenuChildLink{border-color:transparent;border-style:solid;border-width:1px 0;color:var(--color2);font-size:.85rem;height:25px;overflow:hidden;width:100%}.MenuChildLink i{margin:5px 5px 0}.MenuChildLink:hover,.MenuChildeLinkHover{background-color:#dbeefb;border-color:var(--color2);border-style:solid;border-width:1px 0;color:#2c3e50;font-weight:700}.MenuChildLink span{width:calc(100% - 22px)}.MenuChildLinkSLCTD{background-color:#ffe6a0;background-repeat:repeat-x;border-color:#ffb74c;border-style:solid;border-width:1px 0;color:#2c3e50;font-weight:700;height:23px;margin:0;padding-top:2px;text-decoration:none}.MenuTable{border-top:1px solid #6893cf;color:#15428b;font-size:11px;font-weight:700;vertical-align:middle;width:100%}.MenuChildimg{height:16px;margin:0 5px;src:url(Images/MainFrame/TransparentSpace.gif);width:16px}.tblModuleSlider{overflow:hidden}.tblModuleSlider,.tblModuleSlider:hover{background-repeat:repeat-x;border-bottom:1px solid #6693cf;table-layout:fixed;vertical-align:top;width:100%}.tblModuleSlider:hover{background-image:url(Images/MainFrame/wunderbar_hover.gif)}#divUserControl{width:100%}#divUserControl,txtSearchSystem{box-sizing:border-box}.Welcome{text-align:center}.MainControls{height:50px!important;margin-bottom:0}#divUserControl .Welcome a{color:#366699;font-size:10px}#divUserControl .Welcome a:hover{color:#3e9d46;font-size:10px}#divUserControl img{margin:0 2px;vertical-align:middle}#ChangeLanguage{font-size:12px!important}.float{float:left}.floatInverse{float:right}.ui-tabs .ui-tabs-panel{padding:0}.ui-dialog-titlebar span.ui-dialog-title{min-height:14px}.Logo{display:inline-block;margin-bottom:-10px!important;max-height:70px;width:100%}.JSGrid{clear:both}.GridDiv{overflow-x:auto}.GridHeaderColumn.ui-sortable-helper{border-width:0 1px}.GridHeaderColumn div{font-size:.8rem;padding:2px 0;position:relative;text-align:center;vertical-align:middle}.GridCurrentPage{padding:0;width:29px}.GridPageInfo{margin-top:3px}.GridTextBox{font-size:.8rem}.GridPagerButton{border:1px solid var(--color1);border-radius:3px;color:var(--color1);display:inline-block;margin:1px;padding:2px}.GridPagerButton:hover{background:#fff;border-color:var(--color2)}.GridHeaderResizeHandle{border-bottom:0;border-top:0;width:0}.GridHeaderResizeBar,.GridHeaderResizeHandle{cursor:w-resize;height:100%;position:absolute}.GridHeaderResizeBar{font-size:0;right:0;top:0;width:4px;z-index:1}.GridContentTable,.GridFooterTable,.GridHeaderTable,.GridPager{background-color:#f6f6f6;border:1px solid #ccc;font-size:.8rem;font-weight:700;margin:0;padding:0;table-layout:fixed!important;width:100%}.vscomp-ele{font-weight:400}.GridPager{background-color:#f6f6f6;border:1px solid #ccc;font-size:.85rem;font-weight:700;margin:0;padding:0;table-layout:fixed!important;width:100%}.GridFooterTable,.GridHeaderTable,.GridPager{color:var(--color1)}.GridContentTable td,.GridFooterTable td,.GridHeaderTable td{border-color:inherit;border-style:solid;border-width:0 1px 1px 0;height:20px;position:relative;user-select:text;vertical-align:middle}.GridContentTable tbody,.GridContentTable tr{border-color:inherit}td.GridContenttxtTD{height:auto;overflow:hidden}.GridContentlblTD{padding:0 5px}.GridLinkCell{color:var(--color1);cursor:pointer}.GridLinkCell:hover{color:var(--color2);text-decoration:underline}.GridContentcbxTD{overflow:hidden;text-align:center}.GridDefaultRow:nth-child(2n){background-color:#fff}.GridDefaultRow:nth-child(odd){background-color:#dbeefb}.Toolbar{background:#f6f6f6;border-bottom:1px solid #ccc;border-top:1px solid #ccc;display:flex;height:28px;margin-bottom:10px;margin-top:5px;overflow-x:auto;white-space:nowrap}.Toolbar:empty{display:none}.Toolbar button{background:#f6f6f6;border:0;height:100%;margin-left:3px;margin-right:3px}.Toolbar button i{color:var(--color1)}.Toolbar button:hover{background:#fff;border-radius:7px}.Toolbar .seperator{background-color:#aaa;display:inline-block;height:20px;margin-top:3px;width:1px}.PageHeader{background:var(--color2);font-size:1rem;font-weight:700;height:36px;position:relative}.PageHeader span{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;bottom:0;color:var(--color1);display:inline-block;margin-left:5px;margin-right:5px;padding-left:15px;padding-right:15px;position:absolute}.PageHeaderBar{align-items:center;background:#fff;border-bottom:2px solid #0d1b2a7a;box-shadow:0 1px 4px #137dc5;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:8px;height:60px;overflow:hidden;padding:0 16px;position:relative}.PageHeaderInfo{display:flex;flex:1;flex-direction:column;min-width:0}.PageTitleRow{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.PageFavorite{align-items:center;display:inline-flex;gap:8px;margin-inline-start:6px}.PageFavorite i{color:#90a4ae;cursor:pointer;font-size:15px}.PageFavorite .fav-star.fas{color:#f9a825}.PageFavorite .fav-home.fav-home-on{color:#1565c0}.PageFavorite i:hover{opacity:.75}.PageMainTitle{color:#1a1a2e;font-size:1.15rem;font-weight:700;white-space:nowrap}.PageStateSep{color:#9aabbf;font-size:1.1rem;font-weight:400}.PageStateLabel{color:#607080;font-size:1.1rem;font-weight:600}.PageBreadcrumb{align-items:center;color:#b0bec8;display:flex;flex-wrap:wrap;font-size:.72rem;gap:0;min-height:16px}.PageBreadcrumb .bc-item{color:#b0bec8;white-space:nowrap}.PageBreadcrumb .bc-current{color:var(--color1);font-weight:600}.PageBreadcrumb .bc-sep{color:#ced6de;padding:0 1px;white-space:nowrap}.PageBreadcrumb .bc-sep:after{content:" › "}.PageBreadcrumb .bc-state-text{color:#7a8fa0}.PageHeaderBar .Toolbar{align-items:center;background:transparent;border:none;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;height:auto;margin:0;overflow:visible;padding:0}.PageHeaderBar .Toolbar button{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;float:none!important;font-size:.8rem;font-weight:600;gap:5px;height:34px;line-height:1;margin:0;padding:0 14px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.PageHeaderBar .Toolbar .seperator{display:none}.PageHeaderBar .Toolbar button i{color:inherit!important;font-size:.85em}.PageHeaderBar .Toolbar button,.PageHeaderBar .Toolbar button.tb-secondary{background:#fff;border-color:#d0d8e4;color:#444}.PageHeaderBar .Toolbar button.tb-secondary:hover,.PageHeaderBar .Toolbar button:hover{background:#f5f7fa;border-color:#adb8c8;color:#222}.PageHeaderBar .Toolbar button.tb-primary,.PageHeaderBar .Toolbar button[onclick*="'Approve'"],.PageHeaderBar .Toolbar button[onclick*="'Confirm'"],.PageHeaderBar .Toolbar button[onclick*="'ConfirmOrder'"],.PageHeaderBar .Toolbar button[onclick*="'New'"],.PageHeaderBar .Toolbar button[onclick*="'NewDialog'"],.PageHeaderBar .Toolbar button[onclick*="'Post'"],.PageHeaderBar .Toolbar button[onclick*="'SaveForm'"],.PageHeaderBar .Toolbar button[onclick*="'Submit'"]{background:var(--color1);border-color:var(--color1);color:#fff}.PageHeaderBar .Toolbar button.tb-primary:hover,.PageHeaderBar .Toolbar button[onclick*="'New'"]:hover,.PageHeaderBar .Toolbar button[onclick*="'NewDialog'"]:hover,.PageHeaderBar .Toolbar button[onclick*="'SaveForm'"]:hover{background:#1578a0;border-color:#1578a0}.PageHeaderBar .Toolbar button.tb-danger,.PageHeaderBar .Toolbar button[onclick*="'Cancel'"],.PageHeaderBar .Toolbar button[onclick*="'DeleteRecord'"],.PageHeaderBar .Toolbar button[onclick*="'Reject'"],.PageHeaderBar .Toolbar button[onclick*="'Unpost'"],.PageHeaderBar .Toolbar button[onclick*="'Void'"]{background:#fff2f2;border-color:#f5c0bc;color:#d9534f}.PageHeaderBar .Toolbar button.tb-danger:hover,.PageHeaderBar .Toolbar button[onclick*="'DeleteRecord'"]:hover,.PageHeaderBar .Toolbar button[onclick*="'Reject'"]:hover{background:#ffe0de;border-color:#d9534f}.PageHeaderBar .dialogClose{background:none;border:none;border-radius:4px;color:#aab8c8;cursor:pointer;flex-shrink:0;font-size:1.05rem;padding:4px 6px;transition:color .15s}.PageHeaderBar .dialogClose:hover{color:#607080}@media (max-width:1100px){.PageHeaderBar{align-items:flex-start;flex-wrap:wrap;gap:2px;height:auto;min-height:60px;overflow:visible;padding:6px 12px}.PageHeaderInfo{flex:0 0 100%;min-width:0;padding:4px 0 2px}.PageHeaderBar .Toolbar{flex:0 0 100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.PageHeaderBar .Toolbar button{flex-shrink:0;font-size:.75rem;height:30px;padding:0 10px}}.PageControls{margin-top:10px}.FormViewPage{height:100%}.FormViewPage #ListView{display:none}.FormViewPage #AddEditForm,.FormViewPage #MainToolbar{display:inherit}.FormViewPage #ViewToolbar,.ViewModePage #AddEditForm .file-control>div>i,.ViewModePage #AddEditForm [onclick*=".AddNewRow("],.ViewModePage #AddEditForm [onclick*=".DeleteSelectedRows("]{display:none}.file-control:has(input[type=file]:disabled)>div>i{display:none}.GridImageCell{border-radius:4px;cursor:zoom-in;height:40px;max-width:100%;object-fit:cover;vertical-align:middle}.ViewModePage #AddEditForm .leaflet-container,.ViewModePage #AddEditForm .search-code,.ViewModePage #AddEditForm .view-readonly{pointer-events:none}.ListViewPage #ListView{display:inherit}.ListViewPage #AddEditForm,.ListViewPage #MainToolbar{display:none}.ListViewPage #ViewToolbar{display:inherit}.tabs{background-color:#eee;border:1px solid #ddd;border-radius:4px;padding:1px}.tabs,.tabs>div{display:inline-block;width:100%}.tabs>div{padding-top:2px}.tabs button{background-color:var(--color1);border:1px solid #fff;border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;color:#fff;font-size:14px;font-weight:700;margin-left:4px;padding-left:10px;padding-right:10px}.tabs button.selected{background-color:#fff;border-color:var(--color1);color:var(--color1)}.tab-body{background-color:#fff;border:1px solid var(--color1)}.tabs-group{margin-bottom:8px}.tab-header-item{align-items:center;display:inline-flex;gap:2px;position:relative}.tab-header-item .IconContainer{left:auto;position:absolute;right:0;top:-22px;width:auto}.tab-header-item:hover .IconContainer{opacity:1}.tabs button.tab-add-btn{background-color:transparent;border:1px dashed #1c94c4;color:#000;opacity:.8;padding-left:6px;padding-right:6px}.tabs button.tab-add-btn:hover{opacity:1}.tab-body-panel{min-height:60px;padding:20px}.tab-empty-placeholder{color:#999;font-size:12px;font-style:italic;padding:8px 4px}.builderCanvasToolbar{margin-bottom:8px}.builderCanvasToolbar button{background:#f0f8fd;border:1px dashed var(--color1);border-radius:4px;color:var(--color1);cursor:pointer;font-size:12px;padding:6px 10px}.builderCanvasToolbar button:hover{background:var(--color1);color:#fff}.selected{background-color:#fbd850}.GridActionLabel{cursor:pointer;display:block;font-size:1rem;position:relative;text-align:center}.search-code{width:26%!important}.search-description{width:74%!important}[draggable=true]{cursor:move}#TableName{font-size:14px;font-weight:400;margin:0;padding:2px}div#FieldsMenu ul{height:100%;margin:0;overflow-y:auto;padding:3px;width:auto}div#FieldsMenu ul li{list-style:none;margin:3px 0;padding:2px}div#FieldsMenu ul li div{border:1px solid #646464;font-size:11px;font-weight:700;padding:5px;text-align:left;width:100%}.SideContent,.SideMenu{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.IconContainer{cursor:pointer;display:flex;gap:2px;height:auto;opacity:0;position:absolute;right:4px;top:2px;transition:opacity .15s;width:58px}.IconContainer button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;padding:0;width:22px}.IconContainer button:first-child{background:#e8f4fc;color:var(--color1)}.IconContainer button:first-child:hover{background:var(--color1);color:#fff}.IconContainer button:last-child{background:#fde8e8;color:#c0392b}.IconContainer button:last-child:hover{background:#c0392b;color:#fff}.form-control:hover .IconContainer{opacity:1}.ContentFields{background:#f9fafb;flex:1;min-height:0;overflow-y:auto;padding:8px;width:100%}#ContentFields{height:100%;min-height:200px;position:relative}#ContentFields:empty:before{border:2px dashed #c8d8e8;border-radius:10px;content:"";display:block;inset:0;pointer-events:none;position:absolute}#ContentFields:empty:after{align-items:center;color:#b0bec5;content:"\f0d0  Drag fields or tables here to build the form";display:flex;font-family:Font Awesome\ 6 Free,Noto Kufi Arabic,sans-serif;font-size:13px;font-weight:900;height:100%;justify-content:center;letter-spacing:.3px;min-height:200px}#SettingMenu{background:#fff;border-left:2px solid var(--color1);border-radius:0;box-shadow:-4px 0 20px rgba(0,0,0,.15);display:none;height:calc(100vh - 38px);margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:38px;width:290px;z-index:100000}.settings-panel-header{align-items:center;background:var(--color2);color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;justify-content:space-between;padding:10px 14px}.settings-panel-header i{margin-right:6px}.settings-close-btn{background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;line-height:1;padding:2px 6px}.settings-close-btn:hover{background:hsla(0,0%,100%,.2)}.settings-panel-body{height:calc(100% - 42px);overflow-y:auto}.settings-section{border-bottom:1px solid #eef0f3}.settings-section-header{background:#f0f6fc;border-bottom:1px solid #d4e9f5;color:var(--color1);font-size:10px;font-weight:700;letter-spacing:.6px;padding:7px 14px 5px;position:sticky;text-transform:uppercase;top:0;z-index:1}.settings-section>div{display:block;padding:3px 12px;width:100%}.settings-section>div>label{align-items:center;display:flex;gap:4px;width:100%}.settings-section>div>label>span{color:#555;display:inline-block;flex-shrink:0;font-size:11px;width:44%}.settings-section>div>label>input,.settings-section>div>label>select{border:1px solid #ddd;border-radius:4px;flex:1;font-size:11px;height:24px;margin:0;min-width:0;padding:2px 5px}.settings-section>div>label>input[type=checkbox]{flex:none;height:15px;width:15px}.settings-section>div>label>input:focus,.settings-section>div>label>select:focus{border-color:var(--color1);box-shadow:0 0 0 2px rgba(28,148,196,.15);outline:none}.settings-section>div>label>input:disabled{background:#f5f5f5;color:#999}.AddSeparatorAfter{background:linear-gradient(to right,transparent,var(--color1),transparent);float:left;height:2px;margin:4px 0;position:relative;width:100%}.AddSeparatorAfter:after{background:#f9fafb;color:var(--color1);content:"── separator ──";font-size:9px;left:50%;padding:0 6px;position:absolute;top:-8px;transform:translateX(-50%);white-space:nowrap}.grid-type-control{background:#f0f8fd;border:2px solid var(--color1)!important;border-radius:6px;padding:4px}.dialog-type-control{background:#f8f5ff;border:2px dashed #7b4fd6!important;border-radius:6px;padding:0}.dialog-group-header{align-items:center;background:#ece3fb;border-bottom:1px dashed #7b4fd6;border-radius:4px 4px 0 0;color:#5b34a8;display:flex;font-size:13px;font-weight:700;gap:6px;padding:6px 10px;position:relative}.dialog-body-panel{min-height:50px;padding:16px}.dialog-empty-placeholder{color:#999;font-size:12px;font-style:italic;padding:8px 4px}#ContentFields input,#ContentFields select{pointer-events:none;user-select:none}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-top-center{right:0;top:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{right:0;top:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{left:12px;top:12px}.toast-top-right{right:12px;top:12px}.toast-bottom-right{bottom:12px;right:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{pointer-events:none;position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{background-position:15px;background-repeat:no-repeat;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);margin:0 0 6px;opacity:.8;overflow:hidden;padding:15px 15px 15px 50px;pointer-events:auto;position:relative;width:300px}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;cursor:pointer;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);opacity:1}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{margin-left:auto;margin-right:auto;width:300px}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{margin-left:auto;margin-right:auto;width:96%}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.textBoxFilter{position:relative}.textBoxFilter input.qf-range-to{box-sizing:border-box;display:inline-block;vertical-align:middle}.filter-icon-container{align-items:center;display:flex;justify-content:center}.filter-icon-container,.textBoxFilter .icon-stack{color:gray;height:1.5em;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:1.5em}.dialogClose{display:none!important}dialog .dialogClose{display:block!important;margin-top:2px}.ModuleIcon{font-size:16pt;margin:4px;text-align:center;width:30px}.GridSelectedRow{background-color:#6ebdf4}.editor>div{height:500px;width:100%}details{outline:none;padding-left:15px;padding-top:8px;position:relative}details:last-child:before{height:20px}details:before{border-left:1px dotted;content:"";height:100%;position:absolute;top:0}details summary{outline:none;padding-left:15px}details summary:last-child::-webkit-details-marker,details summary:last-child::marker{content:""}details summary:before{border-bottom:1px dotted;content:"";left:15px;position:absolute;top:19px;width:15px}details summary:active,details summary:focus{outline:none}details summary:hover{cursor:pointer}details summary:hover .selector{background-color:rgba(73,73,74,.71);transition:background-color .3s}details summary i{border-radius:6px;font-size:15px;margin-left:3px;margin-right:4px;margin-top:2px;width:auto}details summary i :hover{border-color:var(--color1);cursor:pointer}details summary .selector{bottom:0;height:30px;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.selectedtreenode{background-color:#f6f6f6;border:1px solid #ccc;border-radius:4px;color:var(--color1)}.leaflet-control-attribution{display:none!important}.confirmDialog label{display:block;margin:20px}.ButtonPanel{background-color:#eee;height:50px;padding-bottom:15px;padding-top:10px;width:100%}.ButtonPanel button{margin:5px}#mainPanel{flex:5;position:relative}#sidePanel{background-color:var(--bg-secondary);position:relative;transition:.3s;z-index:500}.actionMenu{background-color:#333;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;display:none;position:absolute!important;z-index:999}.actionMenu ul{list-style:none;margin:0;padding:0}.actionMenu a{border-bottom:1px solid #999;color:#fff;display:block;padding:5px;text-decoration:none;white-space:nowrap}.thingIcon,.thingIconCircle{align-items:center;display:flex;justify-content:center}.thingIconCircle{border-radius:50%;color:#fff;height:25px;width:25px}.connected{background-color:#28a745}.disconnected{background-color:#dc3545}.thingIconCircle i{font-size:16px;line-height:1}.dataCardsContainer{flex-grow:1;max-height:calc(100vh - 160px);overflow-y:auto;padding:3px}.statusBtn{background-color:#ddd;border:1px solid #ccc;border-radius:5px;color:#555;cursor:pointer;font-size:.8rem;margin:5px;padding:5px 10px;transition:background-color .3s,color .3s}.statusBtn.selected{background-color:var(--color1);color:#fff}.sidePanel{background-color:#f9f9f9;border-right:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow-y:auto;transition:transform .3s ease,width .3s ease;width:226px}.sidePanel.hidden{transform:translateX(0);width:0!important}.togglePanelBtn{background-color:var(--color1);border:none;border-radius:2px;color:#fff;cursor:pointer;left:260px;padding:8px 5px;position:absolute;top:60px;transition:background-color .3s ease,left .3s ease;z-index:1000}.togglePanelBtn:before{content:"\25C4"}.togglePanelBtn.open:before{content:"\25BA"}.togglePanelBtn.collapsed{left:0}.togglePanelBtn:hover{background-color:#66b9d8}.thingsCount{background-color:#f1f1f1;border-top:1px solid #ddd;bottom:0;font-size:12px;padding:2px;text-align:center}.thingDetailsDialog{background-color:rgba(0,0,0,.7);overflow:hidden;z-index:1000}.thingDetailsContent{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.3);margin:5% auto;max-width:800px;overflow:hidden;padding:0;position:relative;width:90%}.thingDetailsHeader{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 20px;position:sticky;top:0;z-index:10}.thingDetailsHeader h2{color:#333;font-size:20px;font-weight:600;margin:0}.closeThingDetailsDialog{color:#aaa;cursor:pointer;font-size:24px;font-weight:700;transition:color .3s ease}.closeThingDetailsDialog:hover{color:#333}.infoThingDialog{display:flex;flex-direction:row;height:calc(100vh - 150px);overflow-y:auto;padding:20px}.deviceList{max-height:calc(100vh - 250px);overflow-y:auto;width:100%}.dataCard{align-items:center;border:1px solid #ddd;border-radius:6px;display:flex;flex-direction:row;margin-bottom:10px;padding:5px;transition:background-color .3s ease}.thingInfoIcon{color:#555;font-size:20px;text-align:center}.thingInfoDetail{margin-left:10px;margin-right:10px}.leftSection{display:flex;flex-direction:column;flex-grow:1;padding-left:10px}.cardContent{color:#333;cursor:pointer;font-size:16px;margin-bottom:5px;transition:color .3s ease}.IconThing,.IconThingContainer{display:flex}.IconThing{align-items:center;background-color:var(--color1);border-radius:50%;cursor:pointer;height:20px;justify-content:center;margin-left:2px;margin-right:2px;width:20px}.IconThing i{color:#fff;font-size:10px}.rightSection,.thingIconCard{align-items:center;display:flex;justify-content:center}.thingIconCard{cursor:pointer;height:50px;width:50px}.customClusterIcon{background-color:transparent;border-radius:50%}.customCluster{align-items:center;background-color:var(--color1);border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3);color:#fff;display:flex;font-size:12px;font-weight:700;height:25px;justify-content:center;width:25px}.thingDetailsDialog{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1001}.thingInfo{display:flex;padding:5px}.deviceInfo{padding-right:15px;width:100%}.deviceInfo h3{font-size:16px;margin-top:5px}.deviceInfo h3,.deviceName{align-items:center;display:flex;margin-bottom:5px}.deviceName{justify-content:space-between}.deviceName h3{align-items:center;display:flex;font-size:18px;margin:0}.deviceName i{color:var(--color1);font-size:20px}.sensorCard,.sensorCard>div{display:flex;padding:10px;width:100%}.sensorCard>div{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-wrap:wrap}.sensorCard i{color:var(--color1);margin-bottom:8px}.sensorCard p{color:#333;font-size:14px;margin:5px 0}.status{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-weight:700;margin-top:5px!important;padding:4px 8px}.status-online{background-color:#28a745}.status-offline{background-color:#dc3545}.status i{font-size:12px;margin:1px}.custom-tooltip .tooltip-content{align-items:center;display:flex;gap:5px;padding:5px}.custom-tooltip .close-tooltip-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:12px;font-weight:700;margin-left:10px}.custom-tooltip .close-tooltip-btn:hover{color:#333}.trackingButton{background-color:#fff;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:14px;left:10px;padding:8px 12px;position:absolute;top:10px;z-index:1000}.trackingButton #cancelTrackingBtn{cursor:pointer;font-weight:700;margin-left:8px}.flashingIcon{animation:flash 1s infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.6}}.mapSettings{background-color:hsla(0,0%,100%,.9);border-radius:8px;bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;flex-direction:column;font-size:14px;left:20px;padding:10px 15px;position:absolute;width:200px;z-index:1000}.mapSettings h4{color:#333;font-size:14px;margin:0 0 5px}.mapSettings button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:5px;padding:8px 12px}.mapSettings button:hover{background-color:#0056b3}.formBuilderPage{align-items:stretch;flex-direction:row;height:100vh}.formBuilderPage,.tablePanel{box-sizing:border-box;display:flex;overflow:hidden}.tablePanel{background:#f5f7fa;border-right:1px solid #d4e0ec;flex-direction:column;flex-shrink:0;min-width:220px;width:260px}.tablePanel-header{background:var(--color2);color:#fff;flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.3px;padding:10px 14px}.tablePanel-header i{margin-right:6px;opacity:.85}.tablePanel-body{display:flex;flex:1;flex-direction:column;gap:8px;overflow:hidden;padding:10px 8px}.table-selector label{color:#555;display:block;font-size:11px;font-weight:700;margin-bottom:3px}.table-selector select{background:#fff;border:1px solid #c8d8e8;border-radius:6px;font-size:11px;height:28px;padding:0 6px;width:100%}.draggable-table{align-items:center;background:#fff;border:1px dashed #1c94c4;border-radius:8px;color:var(--color2);cursor:grab;display:flex;font-size:12px;font-weight:700;gap:6px;margin:0;padding:6px 10px;transition:background .15s;user-select:none}.draggable-table:hover{background:#e8f4fc}.draggable-table.no-drag{border-color:#c8d8e8;border-style:solid;color:#888;cursor:default;opacity:.6}.draggable-table i{color:#aaa;flex-shrink:0;font-size:11px}.field-search-wrapper{flex-shrink:0;position:relative}.field-search-icon{color:#aaa;font-size:11px;left:8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.field-search{background:#fff;border:1px solid #c8d8e8;border-radius:6px;font-size:11px;height:28px;outline:none;padding:5px 8px 5px 26px;width:100%}.field-search:focus{border-color:var(--color1);box-shadow:0 0 0 2px rgba(28,148,196,.15)}#FieldsMenu{flex:1;min-height:0;overflow-y:auto}#FieldsMenu ul{display:flex;flex-direction:column;gap:3px;list-style:none}#FieldsMenu li,#FieldsMenu ul{margin:0;padding:0}.DraggableField{align-items:center;background:#fff;border:1px solid #dde8f0;border-radius:6px;color:#333;cursor:grab;display:flex;font-size:11px;gap:5px;padding:5px 8px;transition:background .12s,border-color .12s;user-select:none}.DraggableField:hover{background:#e8f4fc;border-color:var(--color1)}.DraggableField:active{cursor:grabbing}.drag-grip{color:#ccc;flex-shrink:0;font-size:10px}.field-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-type-badge{border-radius:4px;flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.3px;padding:1px 5px;text-transform:uppercase}.type-text{background:#e9ecef;color:#555}.type-date{background:#dbeafe;color:#1d4ed8}.type-bool{background:#ede9fe;color:#6d28d9}.type-table{background:#d1fae5;color:#065f46}.type-number{background:#dcfce7;color:#166534}.type-file{background:#fef3c7;color:#92400e}.sideBuilderPanel{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.page-container{display:flex;flex-direction:column}.map,.page-container{height:100%;width:100%}.horizontal-layout{display:flex;flex-wrap:wrap;gap:10px;padding:10px}.thing-info-box{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;display:flex;gap:5px;padding:5px 10px}.thing-info-box .info-label{color:#01043c;font-size:12px;font-weight:700}.search-button{background-color:var(--color1);border:none;border-radius:3px;color:#fff;cursor:pointer;padding:10px;width:100px}.search-button:hover{background-color:#0056b3}.side-history-panel{background-color:#f9f9f9;border-right:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;transition:transform .3s ease,width .3s ease}.side-history-panel.hidden{display:none}.sensorCardsContainer{background-color:var(--bg-secondary);display:flex;flex-wrap:wrap;margin:auto;overflow-y:auto;transition:all .3s ease;width:100%}.sensorCardsContainer.hidden{display:none}.sensorCardsContainer.normal{height:220px}.sensorCardsContainer.full-page{background-color:var(--bg-secondary);height:100%;max-height:unset;overflow-y:auto;width:100%;z-index:999}.toggle-button{align-items:center;background-color:var(--color1);border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:7px;position:absolute;right:10px;transition:all .3s ease;z-index:2000}.toggle-button:hover{background-color:#0056b3;transform:scale(1.05)}.toggle-button.full-page,.toggle-button.hidden{bottom:10px}.toggle-button.normal{bottom:220px}#toggleIcon{font-size:14px}.togglePanelHistoryBtn{background-color:var(--color1);border:none;border-radius:2px;color:#fff;cursor:pointer;padding:8px 5px;position:absolute;right:15px;top:75px;transition:background-color .3s ease,left .3s ease;z-index:1000}.togglePanelHistoryBtn:before{content:"\25B2"}.togglePanelHistoryBtn.open:before{content:"\25BC"}.togglePanelHistoryBtn.collapsed{top:0}.togglePanelHistoryBtn:hover{background-color:#66b9d8}.sensor-card{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;flex-direction:column;height:200px;margin:5px;padding:10px;width:48%}.sensor-card,.sensor-card-header{display:flex;justify-content:space-between}.sensor-card-header{align-items:center;font-size:1em;font-weight:700;height:10px;margin:5px 5px -40px;width:100%}.sensor-card-header span i{color:var(--color1);font-size:24px;margin:5px;vertical-align:middle}.sensor-chart{height:250px!important;margin-bottom:-45px;width:100%!important}.search-box{align-items:center;display:flex;gap:5px}@media only screen and (max-width:580px){.summary{width:100vw}}@media (max-width:768px){#SubscriptionPlans{grid-template-columns:repeat(2,1fr)}.formBuilderPage{flex-direction:column;height:auto;overflow:auto}.tablePanel{border-bottom:1px solid #d4e0ec;border-right:none;max-height:240px;min-width:0;width:100%}.tablePanel,.tablePanel-body{flex-direction:row;flex-wrap:wrap}.tablePanel-body{overflow-x:auto}#SettingMenu,.sideBuilderPanel{height:60vh;width:100%}#SettingMenu{border-left:none;border-top:2px solid var(--color1);bottom:0;top:auto}.Welcome{display:none}.UserSettingsMenu{right:0;top:60px}.notification-menu{left:auto;right:0;top:60px}.UserInfoMenu{display:block}.horizontal-layout{flex-direction:column}.sensor-card{width:100%}.togglePanelHistoryBtn{top:220px}.togglePanelHistoryBtn.collapsed{top:60px}.sensorCardsContainer.hidden{display:none}.sensorCardsContainer.normal{height:220px}.sensorCardsContainer.full-page{background-color:var(--bg-secondary);height:100%;max-height:unset;overflow-y:auto;width:100%;z-index:999}.toggle-button{bottom:200px}.search-box{width:unset}.SideMenu{background:#0d1b2a;position:absolute;top:0;z-index:9999}.Header{display:inline-block}.sidecontent{display:none}.header{display:flex}.header .menu-btn{display:block}.SideMenu,.sb-header,.sb-user{display:none}.SideMenu{height:calc(100vh - 60px);margin-top:60px}#SideLogoImg{display:none}.SideContent{margin-left:0!important;padding:60px 0 0}.SideMenu.open{display:flex;transform:translateX(0)}.GridContentTable,.GridFooterTable,.GridHeaderColumn,.GridHeaderResizeHandle,.GridHeaderTable,.GridTextBox,.JSGrid{overflow-x:auto;width:100%}.GridHeaderColumn div{font-size:.8rem}}@media (max-width:550px){.ui-dialog{height:90%!important;width:85%!important}.ui-dialog-content{height:100%!important;width:100%!important}#tdMenuModules{width:170px!important}.LoginBox{left:0;width:100%}}@media only screen and (min-width:768px){.Header{display:none}#divUserControl .Logo{display:block}.SideMenu{display:flex}.SideContent{width:calc(100% - 240px)!important}.col-md-1{width:8.33%}.col-md-2{width:16.66%}.col-md-3{width:25%}.col-md-4{width:33.33%}.col-md-5{width:41.66%}.col-md-6{width:50%}.col-md-7{width:58.33%}.col-md-8{width:66.66%}.col-md-9{width:75%}.col-md-10{width:83.33%}.col-md-11{width:91.66%}.col-md-12{width:100%}}@media (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}#SubscriptionPlans{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px;max-height:calc(100vh - 150px);overflow-y:auto;padding:10px;width:100%}.divider{border:none;border-top:1px solid #ccc;margin:5px 0}.plan-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;min-height:400px;padding:20px;text-align:center}.plan-card h3{color:#333;font-size:1.5rem;margin-bottom:5px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-card .price{color:#137dc5;font-size:1.6rem;margin:5px 0}.plan-card .discount{color:#888;font-size:.9rem;margin:5px 0;text-decoration:line-through}.plan-card .features{flex-grow:1;list-style-type:none;margin:10px 0;padding:0;text-align:left}.plan-card .features li{margin-bottom:5px;padding-left:25px;position:relative}.plan-card .features li:before{color:#137dc5;content:"•";left:0;position:absolute;top:50%;transform:translateY(-50%)}.plan-card button{background-color:#137dc5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin:5px 0;padding:10px;width:100%}.plan-card button:hover{background-color:#244e9d}@media (max-width:1024px){#SubscriptionPlans{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){#SubscriptionPlans{grid-template-columns:1fr}}.language-toggle{position:relative;z-index:1000}.language-button{align-items:center;background-color:#137dc5;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 10px;transition:background-color .3s ease}.language-button:hover{background-color:#244e9d}.language-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;left:10px;list-style:none;margin:0;min-width:150px;padding:0;position:absolute;top:calc(100% + 5px);z-index:1001}.language-dropdown.active{display:block}.language-dropdown li{cursor:pointer;font-size:14px;padding:8px 12px;text-align:left}.language-dropdown li:hover{background-color:#f5f5f5}.search-menu{background:#fff;border:1px solid #ccc;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;padding:5px;position:fixed;z-index:1000}.search-menu div{align-items:center;cursor:pointer;display:flex;padding:2px}.search-menu div:hover{background:#f0f0f0}.search-menu div i{font-size:12px;position:static;width:20px}.column-chooser-header{align-items:center;background:var(--color1);border-bottom:1px solid #ccc;color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:8px 10px}.column-chooser-header .dialogClose{color:#fff;cursor:pointer}.column-chooser-body{display:flex;flex-direction:column;max-height:320px;overflow-y:auto;padding:8px 10px}.column-chooser-item{align-items:center;cursor:pointer;display:flex;gap:6px;padding:4px 0}.column-chooser-item:hover{background:#f0f0f0}.column-chooser-footer{border-top:1px solid #ccc;display:flex;gap:6px;justify-content:flex-end;padding:8px 10px}.no-calendar::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.no-calendar{appearance:none;-webkit-appearance:none;-moz-appearance:none}.styled-date{width:100%}.icon-stack i{position:absolute;text-align:center;width:100%}.icon-stack-2x{bottom:.7px;color:var(--color1);font-size:1.1em;position:absolute;right:1px}.icon-stack-1x{font-size:.8em;left:8px;position:absolute;top:2px}.rte-wrapper{--rte-xpad:15px}.rte-wrapper:after{content:"";left:var(--rte-xpad);position:absolute;right:var(--rte-xpad)}.rte-wrapper.rte-invalid:after{border-bottom:2px solid #a00000!important}.rte-wrapper .ql-toolbar{background:#f8f9fa;direction:ltr}.rte-wrapper .ql-editor{min-height:160px}.rte-muted .ql-toolbar{filter:grayscale(1);opacity:.6;pointer-events:none}.rte-muted .ql-editor{background:#f6f7f9;opacity:.65;pointer-events:none}.ace_editor,.ace_editor *{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace!important;font-variant-ligatures:none!important;letter-spacing:normal!important;line-height:normal!important;word-spacing:normal!important}.overlay{background-color:rgba(0,0,0,.3);bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:10}.overlay__content{height:100%;position:absolute;width:100%}.overlay__close{background-color:#fff;border:3px solid #000;border-radius:2rem;box-sizing:content-box;cursor:pointer;font-size:1.5rem;height:2rem;line-height:2rem;margin:-1rem;padding:.5rem;position:absolute;right:0;text-align:center;width:2rem;z-index:100}.overlay__content video{height:100%;width:100%}.vscomp-options-container{z-index:100000!important}.vscomp-value{height:19.5px!important}.vscomp-wrapper.has-error .vs-required-tooltip{display:block}