@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bungee+Inline&family=Inter:wght@100..900&family=Monoton&family=Protest+Guerrilla&family=Rye&display=swap);@import url(https://fonts.cdnfonts.com/css/library-3-am);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#webpack-dev-server-client-overlay,#webpack-dev-server-client-overlay-div{display:none!important}:root{--background-color:transparent;--base-font-size:12px;--base-font-weight:400;--font-stack:"Inter",sans-serif;--heading-font-size:14px;--edge-statistics-heading-font-size:20px;--heading-font-weight:700;--button-border-radius:40px;--heading-sidebar-border-radius:16px;--card-border-radius:16px;--container-border-radius:16px;--custom-header-font-size:20px;--custom-header-font-weight:700;--gap:16px;--icon-font-size:20px;--placeholder-color:#919090;--primary-color:#1b78e5;--white-color:#fff;--black-color:#000;--base-padding:20px;--input-border-radius:8px;--light-green-color:#35ab55;--light-green-shade:#90eda9;--light-yellow-color:#f7bd01;--light-red-color:red;--light-red-shade:#f68484;--button-font-weight:600;--selected-border-radius:8px;--container-backdrop-filter:blur(100px);--chart-header-font-size:16px;-webkit-user-select:none;user-select:none}.light{--font-color:#000;--line-color:rgba(0,0,0,.35);--container-background-color:hsla(0,0%,100%,.46);--selected-nav-bg-color:#fff;--container-border:1px solid hsla(0,0%,100%,.15);--background:url(/static/media/lightBack.c5cc85f1c61b2de14bac.png) no-repeat center center;--background-size:cover;--edge-statistics-card-bg-color:#dbece6;--table-bottom-border:1px solid #c5c5c5;--edge-statistics-utilization-text-color:rgba(0,0,0,.5);--line-chart-fill-color:#afd1f8;--line-chart-stroke-color:#3091ff;--table-header-color:#fbfdfd;--dialog-bg:#e5e9e9;--dialog-color:#e5e9e9;--tooltip-background-color:#f7f7f7;--cartesian-grid-stoke-color:#c5c3c3;--placeholder-color:#b9b6b6;--loader-background-color:#e0e0e0;--loader-foreground-color:#f7f7f7;--date-picker-color:invert(0) brightness(2)}.dark{--font-color:#fff;--line-color:hsla(0,0%,100%,.35);--container-background-color:hsla(0,0%,100%,.06);--container-border:1px solid hsla(0,0%,100%,.15);--background:url(/static/media/darkBack.48578582aec59b2ef006.png) no-repeat center center;--background-size:cover;--selected-nav-bg-color:hsla(0,0%,100%,.23);--edge-statistics-card-bg-color:rgba(53,186,98,.06);--table-bottom-border:1px solid #4a4a4a;--edge-statistics-utilization-text-color:hsla(0,0%,100%,.5);--line-chart-fill-color:#0a213b;--line-chart-stroke-color:#0465d3;--table-header-color:#262c2c;--dialog-bg:#131414;--dialog-color:#131414;--tooltip-background-color:rgba(0,0,0,.9);--cartesian-grid-stoke-color:#616060;--placeholder-color:#474747;--loader-background-color:#2c2c2c;--loader-foreground-color:#3c3c3c;--date-picker-color:invert(1) brightness(2)}.dark select>option{background-color:grey;color:var(--font-color)}.dark .leaflet-layer,.leaflet-control-attribution,.leaflet-control-zoom-in,.leaflet-control-zoom-out{-webkit-filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)!important;filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)!important}.container-style{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:var(--container-border);border-radius:16px;border-radius:var(--container-border-radius)}.container-style,.input-style{background-color:var(--container-background-color)}.input-style{border:var(--container-border);border-radius:8px;border-radius:var(--input-border-radius);color:var(--font-color);display:flex;width:100%}.headerInput{margin:auto}.input-style input,.input-style select{background-color:initial;border:none;color:var(--font-color);outline:none;padding:10px;width:100%}.input-style input::-webkit-input-placeholder{color:#919090;color:var(--placeholder-color)}.input-style input::placeholder{color:#919090;color:var(--placeholder-color)}.input-style{position:relative}.input-style input[type=date]::-webkit-calendar-picker-indicator,.input-style input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;-webkit-filter:var(--date-picker-color);filter:var(--date-picker-color);position:absolute;right:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:inherit}.customNavigator,.customTrendNavigator{height:100%;width:33vh}.selected-nav{border:1px solid hsla(0,0%,100%,.15);border-radius:16px;border-radius:var(--heading-sidebar-border-radius)}.selected,.selected-nav{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background:var(--selected-nav-bg-color)}.selected{border:1px solid hsla(0,0%,100%,.15);border-radius:8px;border-radius:var(--selected-border-radius)}.tooltipStyle{background-color:var(--dialog-bg)!important;border:var(--container-border)!important;border-radius:16px!important;border-radius:var(--container-border-radius)!important;color:var(--font-color)!important;z-index:10000!important}.filled-btn-style.disabled,.outline-btn-style.disabled{cursor:not-allowed}.commonTableStyle{display:flex;flex-direction:column;justify-content:space-between;overflow:auto;width:100%}.commonTableStyle table{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border-collapse:collapse;border-radius:16px;border-radius:var(--container-border-radius);height:100%;margin-left:auto;margin-right:auto;width:100%}.commonTableStyle thead{color:var(--font-color);font-size:14px;font-size:var(--heading-font-size);font-weight:700;font-weight:var(--heading-font-weight);height:5%;position:-webkit-sticky;position:sticky;text-align:left}.commonTableStyle tbody{height:95%;overflow-y:auto}.commonTableStyle tbody tr,.commonTableStyle tbody tr:hover{cursor:pointer;height:auto;min-height:40px}.commonTableStyle tbody tr:hover{background-color:var(--container-background-color)}.commonTableStyle th{border-bottom:var(--table-bottom-border)}.commonTableStyle td,.commonTableStyle th{padding:20px;text-align:left}.commonTableStyle tbody th{font-weight:400;font-weight:var(--base-font-weight)}.commonTableStyle tbody th,.filled-btn-style{font-size:12px;font-size:var(--base-font-size)}.filled-btn-style{background-color:#1b78e5;background-color:var(--primary-color);border-radius:40px;border-radius:var(--button-border-radius);color:#fff;cursor:pointer;font-weight:600;font-weight:var(--button-font-weight);padding:10px 20px}.filled-btn-style:hover{background-color:#005ac0}.filled-btn-style:active{border:none;outline:none}.outline-btn-style{background-color:initial;border:1px solid #1b78e5;border:1px solid var(--primary-color);border-radius:40px;border-radius:var(--button-border-radius);color:#1b78e5;color:var(--primary-color);cursor:pointer;font-size:12px;font-size:var(--base-font-size);font-weight:600;font-weight:var(--button-font-weight);padding:10px 20px}.outline-btn-style:hover{border:1px solid #72aef3}.custom-dialog-style{background-color:var(--dialog-bg);border:var(--container-border);margin:auto;padding:30px;width:25%}.custom-dialog-style,.custom-tabs{border-radius:16px;border-radius:var(--container-border-radius)}.custom-tabs{background-color:var(--container-background-color);display:flex;gap:5px;margin-left:auto;margin-right:auto;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.canvasTabs{margin-top:5px}.custom-tab{background-color:initial;color:var(--font-color);cursor:pointer}.custom-tab,.custom-tab-selected{align-items:center;display:flex;justify-content:center;padding:10px}.custom-tab-selected{background-color:#1b78e5;background-color:var(--primary-color);border-radius:16px;border-radius:var(--card-border-radius);color:#fff;color:var(--white-color)}.custom-input-label,.custom-tab-selected{font-weight:700;font-weight:var(--custom-header-font-weight)}.custom-input-label{font-size:12px;font-size:var(--base-font-size)}::-webkit-scrollbar{display:none}body{background:var(--background);background-color:initial;background-size:var(--background-size);color:var(--font-color);font-family:Inter,sans-serif;font-family:var(--font-stack);font-size:12px;font-size:var(--base-font-size);font-weight:400;font-weight:var(--base-font-weight);height:100%;height:100vh;overflow:hidden;width:100vw}.version{border-radius:10px;bottom:10px;padding-left:15px;padding-right:15px;position:absolute;right:10px;z-index:4000}.App{display:flex;flex-direction:column;gap:20px;padding-left:10px;padding-right:10px;padding-top:10px}.content{display:flex;gap:16px;gap:var(--gap);height:86vh}.headerContent{display:flex;height:7vh}.AppRoutes{flex:1 1;padding-left:20px}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.5);height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:2000}.itemSelected{background-color:var(--settings-selected-color);border-radius:40px;border-radius:var(--button-border-radius);padding-bottom:5px;padding-right:10px;padding-top:5px}li{list-style:none}.link{color:var(--font-color);cursor:pointer;text-decoration:none}.link.settings{align-items:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:5px;width:100%}.edgeLink{color:var(--font-color);margin:auto 0;padding:0}.css-1jaw3da,.css-j204z7-MuiFormControlLabel-root{margin-left:0!important;margin-right:0!important}.css-8coetn{background-color:hsla(0,0%,100%,.9)!important;color:#1c1c1c66!important;color:var(--black-40,#1c1c1c66)!important;font-weight:600!important;line-height:20px!important;padding:5px!important;text-align:left!important;z-index:0!important}.css-7dv1rb-MuiButtonBase-root-MuiFab-root-MuiSpeedDial-fab{border-radius:40px!important;border-radius:var(--button-border-radius)!important;margin-top:3px!important;min-height:29px!important}.css-f7pxvb-MuiSwitch-root .MuiSwitch-track{background-color:var(--light-heading-color)!important}.css-13cymwt-control{background-color:var(--input-background-color)!important;border:none!important;border-radius:40px!important;border-radius:var(--button-border-radius)!important;margin:auto!important;outline:none!important;width:70%;width:90%!important}.css-3w2yfm-ValueContainer{display:flex!important;flex-direction:column!important;width:90%!important}.css-t3ipsp-control{background-color:var(--input-background-color)!important;border:none!important;border-radius:10px!important;box-shadow:none!important;margin:auto!important;outline:none!important;width:90%!important}.css-b62m3t-container{margin-bottom:10px}.common-btn{background-color:var(--heading-details-color);border-radius:8px;color:var(--light-font-color);cursor:pointer;font-size:14px;font-weight:600;margin:30px auto auto;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.css-7dv1rb-MuiButtonBase-root-MuiFab-root-MuiSpeedDial-fab{background-color:#fff!important}.common-rename-input{background-color:var(--background-color-violet);border:none;border-radius:40px;border-radius:var(--button-border-radius);color:var(--light-font-color);display:flex;font-size:15px;font-weight:500;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:5px 15px;text-align:center}.common-rename-input::-webkit-input-placeholder{color:var(--light-font-color);opacity:70%}.common-rename-input::placeholder{color:var(--light-font-color);opacity:70%}.css-y8ay40-MuiTableCell-root{background-color:var(--table-header-color)!important;border-bottom:var(--container-border)!important;font-size:14px!important;font-size:var(--heading-font-size)!important;font-weight:700!important;font-weight:var(--heading-font-weight)!important}.css-12t20bl-MuiSpeedDial-root .MuiSpeedDial-fab{background-color:var(--heading-details-color)!important}.css-1byvl2s-MuiSpeedDial-root .MuiSpeedDial-fab{background-color:#fff!important;border-radius:10px;box-shadow:none}.css-byenzh-MuiButtonBase-root-MuiSwitch-switchBase .MuiSwitch-input{cursor:default;left:-100%;width:300%}.red{color:red;color:var(--light-red-color);text-shadow:none}.red,.yellow{font-weight:600}.yellow{color:#fff700}.blue{color:#3593f8}.blue,.green{font-weight:600}.green{color:#108c10}.css-1ps6pg7-MuiPaper-root,.css-jtlhu6-MuiTablePagination-root:last-child{color:var(--font-color)!important}.css-1ps6pg7-MuiPaper-root{-webkit-backdrop-filter:blur(100px)!important;backdrop-filter:blur(100px)!important;background-color:var(--container-background-color)!important;border:var(--container-border)!important;border-radius:16px!important;border-radius:var(--container-border-radius)!important;box-shadow:none!important;height:100%;overflow:scroll}.css-194a1fa-MuiSelect-select-MuiInputBase-input.css-194a1fa-MuiSelect-select-MuiInputBase-input.css-194a1fa-MuiSelect-select-MuiInputBase-input,.css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon,.css-zylse7-MuiButtonBase-root-MuiIconButton-root.Mui-disabled{color:var(--font-color)!important}.css-apqrd9-MuiTableBody-root{height:20%!important}.css-i4bv87-MuiSvgIcon-root{color:var(--font-color)!important}.css-15wwp11-MuiTableHead-root{border-radius:16px!important;gap:16px!important;height:50px!important;justify-content:center!important;margin:auto!important}.css-rorn0c-MuiTableContainer-root{max-height:92%!important}.css-y8ay40-MuiTableCell-root{line-height:20px!important;padding:16px!important;text-align:left!important;z-index:0!important}.css-1ex1afd-MuiTableCell-root{font-size:12px!important;font-size:var(--base-font-size)!important;font-weight:400!important;font-weight:var(--base-font-weight)!important}.css-1ex1afd-MuiTableCell-root,.css-1yhpg23-MuiTableCell-root,.css-dwuj3p-MuiTableCell-root{border-bottom:var(--container-border)!important;text-align:left!important}.css-1yhpg23-MuiTableCell-root{align-items:center!important;font-size:12px!important;font-size:var(--base-font-size)!important;font-weight:400!important;font-weight:var(--base-font-weight)!important;justify-content:center!important;margin-bottom:auto!important;margin-top:auto!important}.css-g9ktl7-MuiTableCell-root{border-bottom:var(--container-border)!important;padding:0!important;text-align:left!important}.fc{-webkit-backdrop-filter:blur(100px)!important;backdrop-filter:blur(100px)!important;-webkit-backdrop-filter:var(--container-backdrop-filter)!important;backdrop-filter:var(--container-backdrop-filter)!important;background-color:var(--container-background-color)!important;border:none!important;border-radius:16px!important;border-radius:var(--container-border-radius)!important;height:100%!important;margin-left:auto!important;margin-right:auto!important;margin-top:10px!important;padding-left:10px!important;padding-right:10px!important;width:98.5%!important}.fc .fc-toolbar.fc-header-toolbar{display:none!important}.fc .fc-view-harness{border:none!important;border-radius:16px!important;border-radius:var(--container-border-radius)!important;height:100%!important;outline:none!important;width:100%!important}.fc-theme-standard .fc-scrollgrid{border:none!important}.fc-theme-standard .fc-scrollgrid thead{border-bottom:1px solid var(--font-color)!important;color:var(--font-color)!important}.fc-theme-standard td,.fc-theme-standard th{border:none!important;border-right:1px solid var(--font-color)!important;color:var(--font-color)!important;padding-bottom:4px!important;padding-top:4px!important}.fc .fc-col-header-cell-cushion{color:var(--font-color)!important;font-size:14px!important;font-size:var(--heading-font-size)!important;font-weight:700!important;font-weight:var(--heading-font-weight)!important}.fc-timegrid-event-harness-inset .fc-timegrid-event,.fc-timegrid-event.fc-event-mirror,.fc-timegrid-more-link{box-shadow:none!important}.react-international-phone-input-container .react-international-phone-input{background-color:initial!important;border:none!important;color:var(--font-color)!important;display:flex!important;margin:auto!important;width:100%!important}.react-international-phone-country-selector-button{background-color:initial!important;border:none!important}.react-international-phone-country-selector-dropdown{z-index:2000!important}input:-webkit-autofill{-webkit-text-fill-color:var(--font-color)!important;background-color:initial!important;-webkit-box-shadow:inset 0 0 0 1000px transparent!important;transition:background-color 5000s ease-in-out 0s,-webkit-text-fill-color 5000s ease-in-out 0s}.noTableData{text-align:center!important}.alarmview{display:flex;height:100%;margin-top:10px;overflow:scroll;position:relative;width:100%!important}.rdt{background-color:var(--container-background-color);border:var(--container-border);border-radius:8px;border-radius:var(--input-border-radius);color:var(--font-color);display:flex;width:100%}.rdtPicker{left:0;position:absolute!important;top:100%;z-index:9999!important}.rdt input{background-color:initial;border:none;color:var(--font-color);outline:none;padding:12px;width:100%}.rdtPicker{background-color:#2e3d40!important;border:var(--container-border)!important;border-radius:8px;border-radius:var(--input-border-radius)}.rdtBtn:hover,.rdtPicker td:hover,.rdtPicker th:hover{background-color:var(--container-background-color)!important}.css-19s3t1h{gap:2px;justify-content:space-between;margin-left:auto;margin-right:auto;padding:0}.yamada-ui-reorder,.yamada-ui-reorder-item{-webkit-animation:none!important;animation:none!important;transition:none!important}.templateTabs{display:flex;max-width:80%;overflow:scroll}.tooltipStyle{border:none!important}.tooltipStyle,[data-tooltip-id]{outline:none!important}.header{border-radius:var(--container-border-radius);display:flex;height:100%;justify-content:space-between;width:100%}.header-content{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-right:20px;width:25%}.globalSearchInput{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);flex-direction:column;padding:5px;width:60%}.globalSearchInput,.globalSearchInputContainer{align-items:center;display:flex;justify-content:space-between}.globalSearchInputContainer{margin:auto;width:95%}.globalSearchInputContainer input{background-color:initial;border:none;color:var(--font-color);outline:none;width:90%}.globalSearchResults{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:10px;box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:10px;height:150px;margin-left:8px;margin-top:15px;overflow:scroll;padding:10px;position:absolute;width:100%;will-change:transform;z-index:2000}.globalSearchResult{padding:10px}.globalSearchResult:hover{background-color:var(--container-background-color);border-radius:var(--input-border-radius)}.globalResultText{cursor:pointer;display:flex;flex-direction:column;overflow:scroll}.resultName{font-size:var(--heading-font-size);font-weight:800}.resultBelongsTo{color:var(--font-color);font-size:12px;font-weight:400}.header-logo{align-items:center;display:flex;justify-content:center;width:10%}.header-logo img{height:50%;margin-bottom:auto;margin-top:auto;width:50%}.appHeaderContainer{align-items:center;display:flex;justify-content:flex-start;width:45%}.header-welcome{align-items:center;display:flex;font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);width:90%}.sidenav{display:flex;flex-direction:column;height:100%;width:9vh}.menuItems,.sidenavMenu{display:flex;justify-content:center}.menuItems{align-items:center;flex-direction:column;gap:10px;margin:20px auto auto}.sidenavMenuItem{align-items:center;display:flex;justify-content:center;margin:auto;width:100%}.sidenavMenuIcon{display:flex;margin:auto;padding:11px}.sidenavMenuText{color:var(--font-color);font-size:var(--base-font-size);text-align:center}.navLink{align-items:center;color:var(--font-color);display:flex;flex-direction:column;gap:2px;text-decoration:none}.login{background-color:var(--input-background-color);display:flex;height:100%;margin:auto;position:relative;width:100%}.loginBackLeft{border-radius:0 0 100px 0;height:100vh;width:50%}.loginForm{align-items:center;-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;justify-content:center;margin-bottom:auto;margin-left:-25%;margin-top:auto;padding:10px;position:relative;width:50%}.loginImage{object-fit:fill;width:60%}.logoLogin{background-color:var(--primary-color);color:#fff}.logoEnd{height:25%;width:25%}.loginImage img{height:100%;width:100%}.loginContent{width:40%}.loginSignUpSwitcher{display:flex;position:absolute;right:10px;top:10px}.signInBtn{border-radius:10px 0 0 10px}.signInBtn,.signUpBtn{background-color:var(--light-heading-color);color:var(--light-font-color);cursor:pointer;font-size:12px;font-weight:700;padding:3px 10px}.signUpBtn{border-radius:0 10px 10px 0}.signInBtn.selected,.signUpBtn.selected{background-color:var(--primary-color);color:#000;font-weight:700}.loginFormContent{display:flex;flex-direction:column;width:90%}@media screen and (max-width:600px){.loginForm{margin-left:-48%;width:90%}}.loginBtnContainer{gap:20px;margin:20px auto auto;width:100%}.loginBtn,.loginBtnContainer{align-items:center;display:flex;justify-content:center}.loginBtn{background-color:var(--background-color-violet);border:none;border-radius:var(--button-border-radius);color:var(--light-font-color);cursor:pointer;padding:5px;width:50%}.loginImg{width:100%}.Loginlogo{display:flex;margin-left:10px;margin-top:10px;width:30%}.landingLogo{margin:auto;padding:30px;width:70%}.org{align-items:center;height:100vh;justify-content:center;margin:auto;width:100vw}.createOrgContent,.org{display:flex;flex-direction:column}.createOrgContent{gap:10px;width:30%}.orgHeading{align-items:center;font-weight:var(--heading-font-weight);gap:10px;justify-content:flex-start;text-align:center}.orgBackBtn,.orgHeading{display:flex;font-size:var(--edge-statistics-heading-font-size)}.orgBackBtn{cursor:pointer}.orgBackBtn span{text-align:center}.orgSubHeading{margin-left:30px}.inviteSubHeading,.orgSubHeading{font-weight:400;text-align:left}.orgForm{align-items:center;-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);box-shadow:0 5px 15px rgba(0,0,0,.35);justify-content:center;margin:auto;padding:10px;position:relative;width:100%}.orgFormContent{padding:5px;width:100%}.orgBtns{align-items:center;display:flex;justify-content:center;margin:20px auto auto;width:100%}.orgBtnStyle{background-color:#375dfb;border-radius:10px;color:var(--white-color);cursor:pointer;font-weight:var(--heading-font-weight);outline:none;padding:10px;width:90%}.orgBtnStyle:hover{background-color:#2651fd}.orgJoinContent{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-top:10px;text-align:center}.register{display:flex;height:100vh;width:100vw}.registerForm{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;height:90%;margin:auto;padding:10px;position:relative;width:90%}.registerLoginlogo{display:flex;height:5%;justify-content:flex-end;object-fit:contain;width:100%}.registerLoginlogo img{height:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.registerContent{display:flex;height:90%;justify-content:space-between;width:100%}.registerFormContent{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:40%}.registerLandingImage{height:100%;object-fit:contain;width:60%}.registerLandingImage img{height:100%;width:100%}.signUpText{align-items:center;display:flex;font-size:23px;font-weight:var(--heading-font-weight);height:10%;justify-content:center;margin:auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.registerContentForm{display:flex;flex-direction:column;width:100%}.loginPopupContent{align-items:center;gap:10px;height:100%;justify-content:center;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.loginPopupContent,.orgForm{display:flex;flex-direction:column}.orgForm{gap:30px}.loginCloseIcon{color:var(--light-red-color);cursor:pointer;position:absolute;right:-10px;top:-5px}.dontHaveAnAccount{display:flex;justify-content:center;width:100%}.signUpLink{color:var(--primary-color);font-weight:var(--heading-font-weight);margin-left:5px}.skipInvite{display:flex;justify-content:center;margin-top:10px;text-align:center;width:100%}.preLoaderBackground{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.5)}.preLoaderBackground,.preLoaderBackgroundTrends{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5000}.logoContainer{align-items:center;-webkit-animation:scaleUp 2.5s ease-in-out infinite;animation:scaleUp 2.5s ease-in-out infinite;display:flex;justify-content:center}@-webkit-keyframes scaleUp{0%{-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes scaleUp{0%{-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.8);transform:scale(.8)}}.customFormInput{display:flex;flex-direction:column;margin:auto auto 10px;position:relative;width:90%}.customFormLabel{font-weight:600;margin-bottom:10px;text-align:left}.customFormInputField{align-self:center;background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--input-border-radius);color:var(--font-color);display:flex;margin-bottom:5px;margin-top:5px;min-width:170px;width:100%}.customFormInputField .customFormInputBox{padding:10px}.customFormInputField input{background-color:initial;border:none;color:var(--font-color);outline:none;width:100%}.customFormInputBox.disabled{cursor:not-allowed}.customFormInputField input::-webkit-input-placeholder{color:#919090}.customFormInputField input::placeholder{color:#919090}.customFormInputField.checkbox{align-self:flex-start;background-color:initial;border:none;bottom:35px;left:200px;margin:10px;position:relative;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.customFormInputBox{align-self:center;background-color:initial;border:none;color:var(--font-color);display:flex;font-size:var(--base-font-size);font-weight:var(--base-font-weight);margin:auto;max-height:100px;outline:none;overflow:scroll;padding:13px;width:100%}.customFormInputField.focused{border:1px solid var(--primary-color)}.customFormInputBox::-webkit-input-placeholder{color:var(--font-color)}.customFormInputBox::placeholder{color:var(--font-color)}.required{color:var(--light-red-color)}.customInputField{display:flex}.passwordToggle{margin:auto 8px auto auto;width:10%}.selected-items{display:flex;flex-wrap:wrap;gap:5px}.selected-item{align-items:center;background-color:var(--container-background-color);border-radius:4px;display:flex;padding:3px 8px}.remove-btn{background:none;border:none;color:var(--light-red-color);cursor:pointer;font-size:15px;margin-left:5px}.dropdown{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background:var(--dialog-bg);border:var(--container-border);border-radius:var(--container-border-radius);height:350%;padding:5px;position:absolute;top:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:999}.search-input{margin:auto}.dropdown-options{align-items:flex-start;display:flex;flex-direction:column;height:75%;justify-content:flex-start;margin-top:5px;max-height:80%;overflow-y:auto}.dropdown-option{cursor:pointer;padding:5px}.dropdown-option:hover{background-color:var(--container-background-color);border-radius:5px}.clear-all-btn{align-items:center;border-left:1px solid var(--font-color);color:var(--font-color);cursor:pointer;display:flex;font-size:30px;height:100%;justify-content:center;margin:auto 3px auto auto;width:30px}.clear-button{color:#999;cursor:pointer;font-size:20px;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.clear-button:hover{color:#666}.has-clear input{padding-right:30px}.file-input{padding:8px 0}.fixed-suffix{color:grey;font-size:14px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}@-webkit-keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Toastify__toast--default,.Toastify__toast--error,.Toastify__toast--info,.Toastify__toast--success,.Toastify__toast--warning{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:var(--container-background-color)!important;border-radius:10px!important;box-shadow:0 4px 8px rgba(0,0,0,.1)!important;color:var(--font-color)!important}.Toastify__progress-bar{background:var(--light-heading-color)!important}.Toastify__close-button{color:var(--light-red-color)!important}.Toastify__close-button:focus,.Toastify__close-button:hover{color:#f50303!important}.alarms{display:flex;flex-direction:column;gap:var(--gap);height:100%;width:100%}.alarms.dark{background-color:var(--dark-secondary-color)}.alarmBtns{display:flex;gap:40px;justify-content:center;width:100%}.alarmBtn{background-color:var(--heading-details-color);border:none;border-radius:var(--button-border-radius);color:var(--light-font-color);cursor:pointer;font-weight:600;padding:5px 15px}.alarmBtn.dark{color:var(--black-color)}.alarmTableMessage{background-color:var(--item-selected-color);border:1px solid #000;border-radius:10px;display:flex;justify-content:space-between;outline:none;padding:6px}.alarmTableMessage input{border:none;flex-grow:1;max-width:80%;outline:none}.userTagText{width:90%}.userTagRemoveBtn{background-color:red;color:#000;width:10%}.alarmTableMessage span{background-color:var(--input-background-color);border-radius:var(--button-border-radius);cursor:pointer;margin:auto;padding:5px}.tagUserDialog{background-color:var(--white-color);border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:30%;overflow:scroll;padding:10px;width:20%}.tagUserHeading{display:flex;font-size:16px;font-weight:700;justify-content:center;text-align:center;width:100%}.usersList{background-color:var(--white-color);cursor:pointer;display:flex;flex-direction:column;height:80%;margin:10px auto auto;overflow:scroll;width:100%}.usersList,.usersList span{border-radius:var(--button-border-radius)}.usersList span{margin-left:auto;margin-right:auto;padding:10px;text-align:center;width:80%}.selectedUser{background-color:var(--input-background-color)}.alarmTableAckStatus select{background-color:var(--item-selected-color);border:1px solid #000;outline:none;padding:6px}.tagUserBtn{justify-content:flex-end}.userTagBtns{display:flex;margin-left:auto;margin-right:auto;width:60%}.tagUser{align-items:center;display:flex;height:100%;justify-content:center;margin:auto;width:100%}.alarmTableHeader{text-align:center;white-space:nowrap}.alarmsHeading{color:var(--header-color);font-size:var(--heading-size);margin-bottom:40px;margin-top:25px;text-align:center;width:100%}.customConfirmDeleteDialog{background-color:#fff;border-radius:20px;box-shadow:0 1px 4px rgba(0,0,0,.16);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.customConfirmDeleteDialogContent{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:0}.customConfirmDeleteDialogContent p{font-size:20px;font-weight:600;margin-top:0}.customConfirmDeleteDialogContentNote{color:var(--disabled-color);margin-bottom:20px;text-align:center;width:80%}.customConfirmDeleteDialogBtns{display:flex;gap:10px;justify-content:center;margin:auto;width:100%}.customConfirmDeletebtnConfirm{background-color:var(--heading-details-color);color:#fff}.customConfirmDeletebtnCancel,.customConfirmDeletebtnConfirm{border-radius:var(--button-border-radius);cursor:pointer;padding:10px}.customConfirmDeletebtnCancel{background-color:var(--white-color);border:1px solid var(--font-color);color:var(--font-color)}.alarmTable{display:flex;flex-direction:column;flex-grow:1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin:20px auto;max-height:80%;overflow:hidden;width:100%}.alarmTableContainer{max-height:100%;overflow-y:auto}.alarmTableContainer::-webkit-scrollbar{border-radius:20px;display:flex;height:5px;width:5px}.alarmTableContainer::-webkit-scrollbar-track{background:#f1f1f1}.alarmTableContainer::-webkit-scrollbar-thumb{background:var(--font-color);border-radius:20px}.alarmTableContainer::-webkit-scrollbar-thumb:hover{background:#555}.alarmTableHeader.dark,.alarmTablePagination.dark{background-color:#d3e3fd}.alarmTableRefreshIcon{background-color:var(--item-selected-color);border-radius:50%;cursor:pointer;font-size:21px;margin:auto;padding:5px}.alarmTableHeaderAscendingDescending{cursor:pointer;font-size:17px;margin-left:5px}.alarmTableFilters{align-items:center;display:flex;gap:10px;height:6vh;justify-content:center;margin:auto;width:100%}.alarmTableFilter{background-color:var();border-radius:10px;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:15%}.alarmTableSourceFilter select{background-color:var(--item-selected-color);border-radius:10px;width:60%}.alarmTableFilter select{border:1px solid var(--font-color);text-align:center}.alarmTableFilter input,.alarmTableFilter select{background-color:var(--item-selected-color);margin:auto}.alarmTableFilter input{border:none;border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;outline:none;padding:10px;width:90%}.alarmTableFilters p{margin:auto;width:100px}.alarmTableFilterResetBtn{background-color:var(--heading-details-color);border-radius:var(--button-border-radius);color:var(--white-color);cursor:pointer;display:flex;justify-content:center;margin:auto;padding:9px 15px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.alarmTableData.acknowledged,.alarmTableData.green{color:var(--light-green-color);font-weight:500}.alarmTableData.red{color:var(--light-red-color);font-weight:500}.alarmTablePriority{gap:5px!important}.alarmTablePriority span{margin-left:5px!important}.alarmDetails{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.alarmDetailsContainer{align-items:center;display:flex;height:70%;position:relative;width:70%}.alarmDetailsCloseIcon{cursor:pointer;font-size:40px;position:absolute;right:-10px;top:-10px;z-index:999}.customTableContent{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;width:100%}.customTableContent.pointDetailsCustomTable{height:80%!important}.customTable{overflow-y:auto}.customTableHeader{cursor:pointer;margin-left:5px}.customTable table{border-collapse:collapse;height:100%;width:100%}.customTable thead th{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--table-header-color);border:none;color:var(--font-color);font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);outline:none;padding-bottom:15px;padding-top:15px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:2}.customTable tbody tr:hover{background-color:var(--container-background-color)}.customTable td,.customTable th{border-bottom:var(--table-bottom-border);padding:10px;text-align:left}.customTableFooter{align-items:center;display:flex;justify-content:space-between;padding:15px}.rowCount{text-align:left}.pagination,.rowCount{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight)}.pagination{display:flex;gap:5px}.paginationBtn{border-radius:5px;padding:5px}.pageNumber{background-color:var(--container-background-color)}.activePage,.pageNumber{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);border-radius:5px;color:var(--font-color);padding:5px}.activePage{background-color:var(--selected-nav-bg-color)}.rowsPerPage{align-items:center;display:flex;gap:5px;justify-content:center}.rowsPerPage select{background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--input-border-radius);color:var(--font-color);display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.customTable .fixedColumn{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--table-header-color);left:0;position:-webkit-sticky;position:sticky;z-index:999}.alarmState{align-items:center;border-radius:var(--container-border-radius);display:flex;justify-content:center;margin:auto;padding-bottom:5px;padding-top:5px}.alarmState.alarm{background-color:#ebb3b3;color:#000}.alarmState.normal{background-color:#49915f;color:#fff}.customTable tfoot tr.totalRowSticky{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--table-header-color);bottom:0;position:-webkit-sticky;position:sticky;z-index:2}.devices{gap:var(--gap)}.deviceBrowser,.devices{display:flex;height:100%;width:100%}.deviceBrowser{flex-direction:column;justify-content:space-between}.deviceBrowserHeader{align-items:center;display:flex;font-size:16px;font-weight:var(--heading-font-weight);gap:16px;height:8%;justify-content:space-between;margin-left:auto;margin-right:auto;text-align:center;width:90%}.addNetworksBtn{color:var(--background-color-violet);cursor:pointer;margin-bottom:auto;margin-top:auto;outline:none}.deviceBrowserHeaderBtns{display:flex;gap:5px;justify-content:center}.deviceBrowserContent{display:flex;height:84%;margin-left:auto;margin-right:auto;overflow-x:scroll;overflow-y:scroll;width:98%}.deviceBrowserContent::-webkit-scrollbar{width:0}.deviceBrowserContent::-webkit-scrollbar:horizontal{display:flex!important;height:7px}.deviceBrowserContent::-webkit-scrollbar-track{background:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius)}.deviceBrowserContent::-webkit-scrollbar-thumb{background:#555;border-radius:20px}.deviceBrowserContent::-webkit-scrollbar-thumb:hover{background:var(--font-color)}.objectBrowserList{margin-left:auto;margin-right:auto;width:90%!important}.deviceBrowserNetworks{display:flex;flex-direction:column;height:75vh;margin:0;padding:0;width:100%}.deviceBrowserNetworkhead{font-size:15px}.deviceBrowserNetworkhead,.deviceBrowserhead{display:flex;flex-direction:row;font-weight:700;gap:10px;line-height:20px;margin:0;padding:5px}.deviceBrowserDevices{margin-left:-20px}.deviceBrowserDeviceName{display:flex;font-weight:600;padding:5px}.deviceBrowserPointList{display:flex;padding:3px}.deviceBrowserPointList span{padding:5px}.deviceBrowserPoints{align-items:flex-start;display:flex;flex-direction:column}.deviceBrowserSearch{display:flex;height:6%}.context-menu{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--dialog-color);border-radius:10px;display:flex;flex-direction:column;left:-110px;padding:5px;top:0;width:150px;z-index:999}.context-menu button{border-radius:10px;margin-bottom:5px;padding:.5em;text-align:center}.deviceDetailsContentTabs{display:flex;margin:auto;width:100%}.deviceDetailsContentLeft{align-items:center;display:flex;justify-content:center;margin:auto;position:relative;width:25%}.deviceDetailsContentRight{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:space-between;margin-bottom:auto;margin-left:auto;margin-right:auto;overflow:scroll;width:70%}.deviceDetailsHeaderContainerName{display:flex;flex-direction:row;width:100%}.networkListing{font-size:var(--heading-size);font-weight:700;font-weight:500;margin-bottom:15px;padding-left:8px}.deviceDetailsContents{background-color:var(--background-color);border-radius:var(--container-border-radius);display:flex;flex-basis:100%;flex-direction:column;margin-top:10px}.deviceDetails{gap:var(--gap)}.deviceDetails,.deviceDetailsTemplate{display:flex;flex-direction:column;flex-grow:1;overflow:scroll}.deviceDetailsTemplate{gap:5px}.deviceDetailsContent{bottom:10px;display:flex;flex-direction:column;flex-grow:1;height:70vh;margin-right:auto;overflow:hidden;width:100%}.deviceDetailsHeader{border-radius:var(--button-border-radius);color:var(--font-color);margin-left:20px;padding:9.8px 15px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.devicePropertiesHeaderGroup{align-items:center;display:flex;height:5%;justify-content:center;margin-top:10px;width:100%}.deviceDetailsHeader.dark{background-color:#d1e5fb;color:var(--dark-background-color)}.deviceDetailsHeaderContainerHeading{position:relative;right:130px}.headerDeviceGroup{display:flex;padding-left:10px;padding-top:10px;width:100%}.deviceNetworkPropertiesHeader{align-items:center}.deviceDetailsPoints{border-radius:8px;box-shadow:0 0 3px rgba(0,0,0,.3);display:flex;flex-direction:column;flex-grow:1;margin-right:15px;width:10vh}.deviceDetailsHeaderName{border-radius:var(--button-border-radius);color:var(--font-color);font-size:14px;font-weight:400;margin-bottom:15px;margin-left:25px;padding-bottom:10px;padding-right:8px;padding-top:10px;position:relative;right:12px;text-align:center;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.deviceDetailsHeaderTabs{border-bottom:1px solid #000;bottom:20px;display:flex;flex-direction:row;gap:5px;margin-left:50px;margin-top:10px;width:90%}.deviceDetailsHeaderTabs span{border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;border-top-left-radius:var(--button-border-radius);border-top-right-radius:var(--button-border-radius);cursor:pointer;padding:10px}.deviceTemplate,.tariffsDetailsContentRight{display:flex;flex-direction:column;height:70vh;overflow:scroll}.tariffsDetailsContentRight{gap:17px;margin:auto auto auto 20px;width:100%}.tariffsDetailsContentLeft{align-items:center;display:flex;justify-content:center;margin:auto auto auto 15px;overflow:hidden;position:relative;transition:width .3s ease-in-out,opacity .3s ease-in-out;width:25%}.tariffsDetailsContentLeft.collapsed{opacity:0;pointer-events:none;width:0}.tariffsDetailsContentLeft.open{opacity:1;pointer-events:all;width:25%}.tariffsDetailsContent{bottom:10px;display:flex;flex-direction:column;flex-grow:1;height:70vh;margin-right:auto;overflow:hidden;width:100%}.tariffsHeadingRight{align-items:center;background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);color:var(--font-color);display:flex;gap:20px;height:5vh;justify-content:space-between;padding:8px;width:95%}.tariffsHeaderActions,.tariffsLeft{align-items:center;display:flex;gap:10px}.addTariffs{background:none;border:none;color:var(--font-color);cursor:pointer;font-size:19px}.search-Container{align-items:center;background:var(--container-background-color);border:var(--container-border);border-radius:8px;display:flex;gap:5px;height:28px;padding-left:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search-icon{font-size:14px}.search-icon,.searchTariffs{color:var(--primary-text-color)}.searchTariffs{background:transparent;border:none;font-size:12px;outline:none}.deviceDetailsPropertiesContent{bottom:30px;display:flex;flex-direction:column}.deviceDetailsPropertiesContentInputs{display:flex;gap:20px;margin-left:14%;margin-top:23px;width:70%}.networkListingStyle{display:flex;font-size:var(--font-size-device-heading);font-weight:700;gap:10px;padding-bottom:10px}.deviceDetailsPropertiesContentPartInputs{width:50%}.checkboxContainer{align-items:center;display:flex}.checkboxContainer label{margin-right:8px}.deviceDetailsPropertiesSavebtn{align-items:center;background-color:var(--light-button-color);border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;margin:40px auto -20px 40%;padding-left:15px;padding-right:15px}.deviceDetailsPropertiesGroup{align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;white-space:nowrap}.deviceDetailsPropertiesLabel{flex:1.5 1;font-size:16px;font-weight:700;text-align:left}.deviceDetailsPropertiesData{flex:2 1;font-size:16px;text-align:left}.deviceDetailsPropertiesData input{background-color:var(--light-button-color);border:none;border-radius:10px;color:var(--font-color);font-size:16px;outline:none;padding:10px}.deviceDetailsPropertiesData.inactive{color:red}.addPointsForm{background-color:var(--dialog-bg);display:flex;flex-direction:column;height:95%;margin-top:10px;min-width:25%;padding:10px;position:absolute;right:0;z-index:100}.addPointsFormHeading{font-size:24px;text-align:center}.addPointsFormContents{display:flex;flex-direction:column;gap:10px;height:100%}.addPointsFormDiscoveringImg{margin:auto;object-fit:cover;width:250px}.addPointsFormDiscoveringImg img{margin:auto;width:100%}.addDeviceFormContentsDeviceList{display:flex;flex-direction:column;height:100%}.addDeviceContentsDeviceListSearch{display:flex;margin-left:auto;margin-right:auto;margin-top:20px;width:70%}.addPointsFormContentsDeviceListContents{align-items:self-start;display:flex;flex-direction:column;height:40vh;margin-left:30px;overflow:scroll;width:80%}.addPointsFormContentsDeviceListItem{display:flex;gap:10px}.addPointsFormContentsDeviceListItem.selectAll{font-weight:600;justify-content:center;margin-bottom:20px;text-align:center}.addPointsFormContentsBtns{display:flex;gap:10px;margin:30px auto auto}.addPointsFormContentsSaveBtn{background-color:var(--light-green-color)}.addPointsFormContentsCancelBtn,.addPointsFormContentsSaveBtn{border-radius:10px;color:#fff;cursor:pointer;padding:5px 10px;text-align:center;width:80px}.addPointsFormContentsCancelBtn{background-color:var(--light-red-color)}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{-webkit-filter:inherit;filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:hsla(0,0%,100%,.5);border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.65)}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.4)}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:hsla(0,0%,100%,.8);border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid rgba(0,0,0,.2)}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.4);color:#333}.leaflet-container a.leaflet-popup-close-button{background:transparent;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.4);color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:transparent;border:6px solid transparent;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-control-attribution .leaflet-attribution-flag,.leaflet-control-attribution a[href*=leaflet],.leaflet-control-attribution span[aria-hidden=true]{display:none!important}.leaflet-control-attribution{border-top-right-radius:5px}.leaflet-container{border-radius:var(--container-border-radius);flex:none!important;height:43vh!important;overflow:hidden}.mapview{display:flex;flex-direction:column;height:100%}.custom-marker{background-color:var(--font-color);border:var(--container-border);border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3);height:24px;position:relative;width:24px}.custom-marker.red{background-color:var(--light-green-color)}.custom-marker:before{background-color:var(--dialog-color);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:8px}.custom-marker.red:after{border-color:var(--light-green-color) transparent transparent transparent}.custom-marker:after{border-color:var(--font-color) transparent transparent transparent;border-style:solid;border-width:8px 6px 0;bottom:-6px;content:"";height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0}.locate-btn{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;position:absolute;right:10px;top:25px;z-index:1000}.locate-btn:hover{background-color:#0056b3}.location-home-btn{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;position:absolute;right:10px;top:65px;z-index:1000}.location-home-btn:hover{background-color:#0056b3}.siteSelected{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border-radius:var(--input-border-radius);padding:5px}.siteName{cursor:pointer;padding:5px}.imageWidgetLabel{display:flex;justify-content:center}.imageWidgetImage{height:100%;left:0;position:absolute;top:0;width:100%}.statusPoint{background-color:initial;cursor:pointer;display:flex;flex-direction:column;height:20px;width:20px}.statusPointOuter{border-radius:50%;display:flex;height:100%;width:100%}.statusPointInner{border-radius:50%;height:80%;justify-content:center;width:80%}.statusPointInner,.textWidget{align-items:center;margin:auto}.textWidget{font-weight:600;text-align:center;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.commandWidget,.textWidget{display:flex;height:100%;overflow:scroll}.commandWidget{flex-direction:column;justify-content:center;margin:auto;width:75%}.commandWidgetInput{width:70px}.commandWidgetInput,.commandWidgetSelect{background-color:var(--container-background-color);border:none;border-radius:var(--input-border-radius);color:var(--font-color);display:flex;font-size:25px;outline:none;padding:10px}.commandWidgetSelect{width:100px}.pointWriteInfo{display:flex}.pointWriteInfo label{margin-bottom:auto;margin-top:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pointWriteInfo input,.pointWriteInfo select{margin-bottom:auto;margin-right:15px;margin-top:auto}.pointWriteInfo select{font-size:30px}.buttonWidget{align-items:center;border-radius:10px;cursor:pointer;display:flex;height:100%;justify-content:center;margin:0;text-decoration:none;width:100%}.buttonWidget span{font-weight:var(--heading-font-weight)}.tableWidget{border-radius:10px;box-shadow:none;display:flex;flex-direction:column;height:96%;justify-content:space-between;margin:auto;overflow:hidden;padding:5px}.tableWidgetContent{height:100%;margin:auto;overflow:scroll;width:100%}.tableWidgetLabel{margin:0;text-align:center}.dataTable{border-collapse:initial;border-radius:10px;border-spacing:0;height:98%;margin:auto;overflow:hidden;width:98%}.dataTable td,.dataTable th{border:1px solid #ddd;padding:8px;text-align:left}.dataTable th:first-child{border-top-left-radius:10px}.dataTable th:last-child{border-top-right-radius:10px}.dataTable tr:last-child td:first-child{border-bottom-left-radius:10px}.dataTable tr:last-child td:last-child{border-bottom-right-radius:10px}.dataTable th{background-color:var(--input-background-color);color:var(--font-color)}.tableWidgetLabel{color:var(--font-color);font-size:16px;font-weight:1000;margin-left:10px;text-align:left}.writableInput{background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--input-border-radius);color:var(--font-color);display:flex;font-size:14px;font-weight:500;margin:auto;outline:none;padding:10px;width:90%}.alarmFilterWrapper{display:flex;height:10%;margin:auto;overflow:hidden;overflow-x:scroll;width:100%}.guageChart{background-color:#fff;border-radius:20px;height:100%;object-fit:contain;width:100%}.guageChart.dark{background-color:var(--dark-background-color)}.guageChartLabel{color:#000;font-size:16px;font-weight:1000;margin-left:10px;text-align:left}.guage{display:flex;flex-direction:column;width:100%}.guageChartChart{display:flex;justify-content:center;margin:auto}.lineChart{width:100%}.recharts-wrapper{height:100%!important;margin-bottom:auto;margin-top:auto;width:100%!important}.chartLabel{align-items:center;display:flex;font-size:16px;font-weight:var(--heading-font-weight);height:4vh;justify-content:left;margin-bottom:10px;margin-left:10px;margin-right:auto;text-align:left}.lineLabel{font-size:1.3rem;font-weight:600;margin-top:-10px;padding:10px;text-align:center}.line{height:70px;width:100%}.noData{align-items:center;color:var(--disabled-color);display:flex;font-size:18px;height:100%;justify-content:center;margin-top:auto;text-align:center;white-space:nowrap;width:100%;z-index:999}.noData.template{min-height:100px}.timeWidget{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;text-align:center;width:100%}.timeWidget span{font-weight:var(--heading-font-weight);justify-content:center}.chartContents{display:flex;height:90%;width:100%}.chartTrendList{background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:100%;justify-content:space-evenly;overflow-y:scroll;width:40%}.chartTrendListContent{gap:10px;height:85%;margin:auto;overflow:scroll;width:100%}.chartTrendListContent,.chartTrendListContentCard{align-items:center;display:flex;flex-direction:column}.chartTrendListContentCard{background-color:var(--container-background-color);border-radius:var(--container-border-radius);height:10%;justify-content:center;min-height:7%;padding:5px;width:90%}.chartTrendListContentCard:hover{border:var(--container-border);cursor:pointer}.chartTrendListContentCard.selected{border:var(--container-border)}.widgetTitleBarRightContent{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dateRangeLabel{align-items:flex-end;display:flex;font-size:15px;justify-content:right;text-align:right;width:20%}.dateGroup{align-items:center;display:flex;gap:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dateRangeBtn{cursor:pointer;margin-bottom:5px}.widgetSearchInput{align-items:center;background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--input-border-radius);display:flex;gap:10px;height:37px;justify-content:center;margin:auto;width:90%}.widgetSearchInput input{background-color:initial;border:none;color:var(--font-color);outline:none;padding:2px;width:85%}.chartGraph{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.numericWidgetTitle{align-items:center;display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-left:25px;margin-right:auto;margin-top:5.5px;width:85%}.numericValue{align-items:left;color:var(--font-color);display:flex;font-size:40px;font-weight:var(--heading-font-weight);justify-content:left;margin:auto;text-align:left;width:85%}.numericValue.red{color:var(--light-red-color)}.numericValue.yellow{color:var(--light-yellow-color)}.numericWidget{align-items:flex-start;height:100%;overflow:scroll}.numericWidget,.switchWidget{display:flex;flex-direction:column;width:100%}.switchWidget{align-items:center;gap:10px;justify-content:center;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;overflow:hidden}.switchWidgetTitle{font-weight:700;margin-top:5px}.watchlistWidget{display:flex;flex-direction:column;height:100%;width:100%}.watchlistContent{display:flex;flex-direction:column;gap:10px;height:90%;margin:auto;overflow:scroll;width:85%}.watchlistCard{align-items:center;background-color:var(--container-background-color);border:var(--container-border);border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.watchlistCard:hover{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter)}.watchlistLabel{overflow:scroll;text-align:left;width:60%}.watchlistValue{overflow:scroll;text-align:right;width:40%}.watchlistContent-accordion{max-height:50vh;overflow:scroll}.watchlistWidget .customFormInput{width:99%}.kpiConsumptionPercent{border-radius:20px;display:flex;font-size:15px;font-weight:600;padding:5px;position:absolute;right:2%;top:15%}.kpiCardContent{display:flex;flex-direction:column;gap:10px;height:50%;justify-content:center;margin:auto auto auto 30px;position:relative;width:50%}.kpiCardContent span{font-size:40px;font-weight:var(--heading-font-weight)}.kpiBaselineContent{align-items:center;display:flex;font-size:20px;font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-end;margin-right:20px;margin-top:auto}.kpiSmallCard{display:flex;flex-direction:column;height:100%;width:100%}.kpiHeading{align-items:center;display:flex;height:3.5vh;justify-content:space-between;margin:auto;width:90%}.kpiHeading span{font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight)}.kpiSubHeading{display:flex;flex-direction:row;margin:auto;width:90%}.kpiHeading.kpiSmallCard{align-items:flex-start;display:flex;height:3vh;margin:3px auto 0 30px;text-align:left;width:85%}.kpiSubHeading.kpiSmallCard{align-items:center;gap:10px;height:20%;margin:3px auto 0 30px;width:85%}.kpiSmallCardSwitch{align-items:center;height:20px}.deviceNetwork{display:flex;flex-direction:column;flex-grow:1;gap:var(--gap);height:100%;text-align:center}.deviceNetworksHeader{color:var(--header-color);font-size:var(--heading-size);margin-bottom:40px;margin-top:0}.deviceNetworkBtns{display:flex;margin-bottom:auto;margin-left:20px}.deviceNetworkBtn{background-color:var(--light-heading-color);border-radius:var(--button-border-radius);color:var(--light-font-color);cursor:pointer;font-weight:600;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.deviceNetworkBtn.dark{color:var(--black-color)}.deviceNetworkTable{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:auto;overflow:auto;padding-top:30px;width:100%}.deviceNetworkTable table{border-collapse:collapse;margin-left:auto;margin-right:auto;width:100%}.deviceNetworkTable thead{color:var(--font-color);font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);height:5%;text-align:left}.deviceNetworkTable tbody{height:95%;overflow-y:auto}.deviceNetworkTable tbody tr,.deviceNetworkTable tbody tr:hover{cursor:pointer;height:auto;min-height:40px}.deviceNetworkTable tbody tr:hover{background-color:var(--container-background-color)}.deviceNetworkTable td,.deviceNetworkTable th{border-bottom:var(--table-bottom-border);padding:20px;text-align:left}.deviceNetworkTable tbody th{font-size:var(--base-font-size);font-weight:var(--base-font-weight)}.deviceNetworkDevicesBtn{background-color:var(--light-heading-color);border-radius:10px;color:var(--font-color);cursor:pointer;font-size:15px;font-weight:600;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:768px){.deviceNetwork{height:100%;width:100%}.devices{height:85%;width:100%}}.deviceNetworkTableData .MuiTableCell-root{font-weight:700!important;text-align:left}.bold{font-weight:700!important}.onboardWizard{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.onboardWizardDialog{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--dialog-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:70%;width:80%}.onBoardWizardDialogBtn{cursor:pointer;display:flex;margin:auto;position:absolute;right:-10px;top:-10px}.onBoardWizardDialogContent{display:flex;height:90%;margin:auto}.deviceNetworkProperties{display:flex;flex-direction:column;flex-grow:1;gap:20px;text-align:center}.networkListingStyle{height:33px}.deviceNetworkPropertiesContainerBox{background-color:blue}.deviceNetworkPropertiesHeaderContainerBox{align-items:center;display:flex;padding:20px 10px 10px 20px;white-space:nowrap}.deviceNetworkPropertiesContents{background-color:var(--background-color);border-radius:var(--container-border-radius);height:100%;margin-top:10px;padding-left:100px;padding-right:100px}.headerGroup{color:var(--white-color);cursor:pointer;display:flex;gap:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:left}.deviceNetworkPropertiesHeadingBox{align-items:center;display:flex;font-size:20px;font-weight:700;margin-left:40px}.deviceNetworkPropertiesHeader{background-color:var(--heading-details-color);border-radius:var(--heading-border-radius);color:var(--light-font-color);cursor:pointer;display:flex;font-size:var(--heading-size);height:-moz-fit-content;margin-bottom:19px;margin-left:20px;padding-bottom:4px;padding-left:8px;padding-right:8px;width:-moz-fit-content}.deviceNetworkPropertiesHeader span{margin:auto}.deviceNetworkPropertiesContent{display:flex;gap:20px;margin-left:14%;margin-top:20px;width:70%}.deviceNetworkPropertiesPartContent{display:flex;flex-direction:column;width:50%}.deviceNetworkPropertiesGroup{align-items:center;display:flex;justify-content:space-between}.deviceNetworkPropertyLabel{flex:1.5 1;font-size:16px;font-weight:700;text-align:left}.deviceNetworkPropertyData{flex:2 1;font-size:16px;text-align:left}.deviceNetworkPropertyData input{background-color:var(--light-button-color);border:none;border-radius:10px;color:var(--font-color);font-size:16px;outline:none;padding:10px}.deviceNetworkPropertyData.inactive{color:red}.deviceNetworkPropertiesBtnsGroup{display:flex;gap:20px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:40px;width:90%}.deviceNetworkPropertiesHeadingNetwork{font-size:15px;font-weight:400;margin-bottom:5px;margin-left:13px;margin-top:3px}.addDeviceForm{background-color:var(--dialog-bg);display:flex;flex-direction:column;height:94%;margin:auto;min-width:25%;padding:10px;position:absolute;right:0;top:10px;z-index:100}.addDeviceFormHeading{font-size:24px;margin-top:30px;text-align:center}.addDeviceFormTabs{display:flex;gap:10px;margin:auto auto 10px}.addDeviceFormTab{background-color:var(--input-background-color);border-radius:var(--button-border-radius);cursor:pointer;padding:10px}.addDeviceFormTab.selected{background-color:var(--background-color-violet);color:var(--light-font-color)}.addDeviceFormContents{display:flex;flex-direction:column;gap:10px;height:100%}.addDeviceFormDiscoveringImg{margin:auto;object-fit:cover;width:250px}.addDeviceFormDiscoveringImg img{margin:auto;width:100%}.addDeviceFormContentsDeviceListContents{align-items:center;align-items:self-start;background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;gap:10px;height:50vh;margin:auto;overflow:scroll;padding:5px;width:80%}.addDeviceFormContentsDeviceListItem{display:flex;font-size:var(--heading-font-size);font-weight:var(--base-font-weight);gap:5px;margin-top:10px}.addDeviceFormContentsDeviceListItem.selectAll{font-weight:600;justify-content:center;margin-bottom:20px;margin-top:20px;text-align:center}.scanAgainBtn{cursor:pointer;display:flex;gap:5px;margin:10px auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.scanAgainBtn p,.scanAgainIcon{margin:auto}.addDeviceFormContentsBtns{display:flex;gap:10px;margin-left:auto;margin-right:auto;margin-top:auto}.addDeviceFormContentsGroup{display:flex;flex-direction:column;height:80%;margin:auto;width:80%}.addDeviceFormContentsGroup select{background-color:var(--input-background-color);border:none;border-radius:10px;outline:none;padding:10px}.addDeviceManualFormContentsForm{margin-top:30px}.addDeviceManualFormContentsBtn{display:flex;gap:10px;justify-content:center;margin-top:40px}.headerContainer{color:var(--font-color);height:5vh;justify-content:space-between;padding:8px}.headerContainer,.headerIconsContainer{display:flex;gap:20px}.headerBackIcon{background-color:var(--primary-color);border-radius:4px;color:var(--white-color);cursor:pointer;font-size:var(--icon-font-size);margin-left:10px;padding:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.headerBackIcon,.headerHeading{margin-bottom:auto;margin-top:auto}.headerHeading{font-size:var(--custom-header-font-size);font-weight:var(--custom-header-font-weight);text-align:left}.headerSearch{align-items:center;background:var(--container-background-color);border:var(--container-border);border-radius:8px;display:flex;height:28px;margin-bottom:auto;margin-top:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.headerSearch input,.headerSearchNone{background-color:initial}.headerSearch input{border:none;color:var(--font-color);margin:auto;outline:none}.headerSearch input::-webkit-input-placeholder{color:#919090;font-size:var(--base-font-size)}.headerSearch input::placeholder{color:#919090;font-size:var(--base-font-size)}.headerSearchIcon{color:#919090;font-size:15px;margin-left:5px}.headerIcon{cursor:pointer;font-size:19px;margin:auto}.customHeaderRightContent{justify-content:flex-end}.customHeaderLeftContent,.customHeaderRightContent{display:flex;gap:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.onBoardApex{align-items:center;background-color:#375dfb;border-radius:12px;display:flex}.onBoardApex:hover{background-color:#2651fd}.configurationSettingsNavigator{margin-top:10px}.configurationSettingsNetworkOptions{display:flex;gap:10px}.saveNetworkConfigurations{background-color:var(--light-heading-color);border-radius:10px;color:var(--light-font-color);cursor:pointer;display:flex;margin:auto;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mqttCertificate{display:flex;gap:10px;height:100%;margin-top:10px;overflow:scroll;width:100%}.mqttCertificateForm{gap:20px;height:98%}.mqttCertificateForm,.mqttCertificateGuide{display:flex;flex-direction:column;width:50%}.mqttCertificateGuide{border-left:var(--container-border);height:96%}.certificateInfoContainer{display:flex;flex-direction:column;font-size:var(--heading-font-size);font-weight:300;margin-left:auto;margin-right:auto;margin-top:10px;text-align:left;width:90%}.certificateInfoHeading{font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);margin-bottom:10px}.certificateInfoContent{display:flex;flex-direction:column;gap:10px}.certificateInfoContentList{display:flex;flex-direction:column;gap:15px}.certificateInfoContentList li{list-style:decimal}.secretKeyInputGroup{align-items:flex-start;flex-direction:column;justify-content:flex-start;margin-left:auto;margin-right:auto;width:80%}.secretKeyInputGroup label{margin-bottom:5px}.secretKeyInputGroup input{background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--input-border-radius);color:var(--font-color);padding:10px;width:95%}.copyInputField{display:flex;gap:5px;width:100%}.mqttCertificateFormContent{display:flex;flex-direction:column;gap:10px}.certificateApexDevicesContainer{display:flex;flex-direction:column;gap:20px;height:55%;margin-left:auto;margin-right:auto;width:80%}.apexDevicesHeader{align-items:center;display:flex;font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);gap:10px;text-align:left}.apexDeviceContainer{flex-direction:column;height:90%;overflow:scroll;padding:5px}.apexDeviceContainer,.apexDeviceItem{background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;gap:10px}.apexDeviceItem{align-items:center;align-items:flex-start;flex-direction:row;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:90%}.apexDeviceItem span{margin:auto;width:50px}.apexDeviceSecretKey{overflow:scroll;width:40%}.mqttCertificateBtns{display:flex;gap:10px;margin-left:auto;margin-right:auto}.pointsDetailsProperties{align-items:center;display:flex;flex-direction:column;height:88%;width:100%}.pointsDetailsPropertiesContent{display:flex;gap:20px;height:90%;overflow:scroll;width:100%}.saveButtonProperties{background-color:var(--heading-details-color);border-radius:8px;color:var(--light-font-color);cursor:pointer;font-size:14px;font-weight:600;padding:8px 15px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.pointsDetailsPropertiesPartContent{display:flex;flex-direction:column;width:50%}.pointsDetailsPropertiesGroup{align-items:center;display:flex;justify-content:space-between}.pointsDetailsPropertiesLabel{font-size:16px;font-weight:700;text-align:left;width:40%}.pointsDetailsPropertiesData{align-items:center;display:flex;font-size:16px;text-align:left;width:80%}.pointsDetailsPropertiesData input{border:none;color:var(--font-color);font-size:16px}.pointsDetailsPropertiesData input,.pollFrequency{background-color:var(--light-button-color);border-radius:10px;outline:none;padding:10px}.pollFrequency{border:none;margin-right:10px;text-align:center;width:10%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.pointsDetailsPropertiesBtnGroup{display:flex;justify-content:center;margin-top:auto;width:100%}.pointDetailsPropertiesSaveButton{background-color:var(--light-heading-color);border-radius:var(--button-border-radius);color:var(--light-font-color);cursor:pointer;margin-left:auto;margin-right:auto;margin-top:20px;padding:10px;width:10%}.deviceDetailsNavigator{border-bottom:1px solid #000;display:flex;gap:5px;margin-left:20px;width:100%}.deviceDetailsNavigator.trends{margin-top:20px}.pointProperty:before{bottom:0;content:"";left:-10px;position:absolute;width:calc(100% + 10px)}.deviceDetailsNavigatorOption{background-color:var(--item-selected-color);border-left:1px solid var(--font-color);border-radius:8px;border-right:1px solid var(--font-color);border-top:1px solid var(--font-color);cursor:pointer;padding:12px 10px 10px;width:150px}.deviceDetailsNavigatorOption,.deviceDetailsNavigatorOption.selected{border-radius:0;border-top-left-radius:var(--button-border-radius);border-top-right-radius:var(--button-border-radius)}.deviceDetailsNavigatorOption.selected{background-color:var(--background-color-violet);color:var(--light-font-color);font-weight:600;padding-top:12px}.pointsDetailsPropertiesWrapper{display:flex;flex-direction:column;justify-content:center;margin:auto;width:90%}.pointsDetailsPropertiesLeft,.pointsDetailsPropertiesRight{display:flex;flex-direction:column;justify-content:center;margin:auto;width:100%}.pointsDetailsPropertiesGroup{width:100%}.deviceDetailsRow{align-items:flex-start;display:flex;justify-content:space-between}.liveDataWidgetContainer{flex:1 1;margin-right:20px}.tabsContainer{flex:2 1;flex-direction:column}.deviceDetailsRowContent{display:flex;flex-direction:column;margin-top:20px}.pointProperty{padding-bottom:10px;width:100%}.deviceDetailsHeaderContainer{align-items:center;margin:auto;width:100%}.pointHeaderGroup{align-items:center;background-color:var(--background-color-violet);border-radius:var(--heading-border-radius);color:var(--white-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;line-height:30px;min-height:29px;padding-bottom:4px;padding-left:15px;padding-top:4px;text-align:left;white-space:nowrap;width:110px}.deviceDetailsPointsStyle{display:flex;flex-direction:column;flex-grow:1;gap:20px}.card-container{display:flex;gap:20px}.custom-card{background-color:var(--container-background-color);border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);flex:1 1;margin:10px;text-align:center}.card-title{font-size:18px;font-weight:700}.card-value{color:#007bff;font-size:22px}.pointDetailsSummaryLiveDataContainer{align-items:center;background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:70vh;justify-content:center;margin:auto;width:100%}.utility-link{align-items:center;display:flex;gap:8px}.utility-icon{display:inline-flex}.utility-label{display:inline-block}.pointDetailsSummaryLiveDataContents{align-items:center;display:flex;flex-direction:column;font-size:14px;height:100%;margin:10px auto auto;width:100%}.pointDetailsSummaryLiveDataContent{margin-bottom:10px;overflow:scroll;text-align:center;width:100%}.liveValueContainer{align-items:center;font-family:LIBRARY\ 3 AM,sans-serif;font-size:40px;font-style:normal;font-weight:800;justify-content:center;margin-top:auto;overflow:scroll;text-align:center;text-transform:uppercase;width:100%}.liveWidgetLastPart{display:flex;flex-direction:column;margin-top:auto;width:100%}.liveValueContainer.red{color:var(--light-red-color)}.liveValueContainer.green{color:var(--light-green-color)}.liveValueContainer.yellow{color:var(--light-yellow-color)}.liveDataWidetChart{margin:auto;width:90%!important}.pointDetailsSummaryLiveDataHeading{color:var(--font-color);font-size:var(--custom-header-font-size);font-weight:var(--custom-header-font-weight);justify-content:center;padding:10px;text-align:center;width:95%}.pointDetailsSummaryLiveDataInputGroup{display:flex;flex-direction:column;padding-bottom:10px}.pointDetailsSummaryLiveDataInputGroupLabel{display:flex;flex-direction:column;font-size:13px;gap:10px;margin:20px auto auto;text-align:left;width:70%}.pointDetailsSummaryLiveDataInputGroupInput{display:flex;flex-direction:column;gap:5px;width:45%}.pointDetailsSummaryLiveDataInputGroupInput input{background-color:var(--item-selected-color);border:none;justify-content:start;outline:none;width:80%}.pointDetailsSummaryLiveDataInputGroupInput select{background-color:var(--item-selected-color);border:none;justify-content:start;outline:none;padding:0;width:85%}.Writableflag{background-color:var(--container-background-color);border-radius:var(--button-border-radius);color:var(--font-color);justify-content:center;margin:10px auto 20px;padding:8px;text-align:center;width:100px}.pointDetailsLiveDataHeading{color:#887f7f;font-size:12px}.labelInputContainer{align-items:flex-start;border-radius:var(--button-border-radius);display:flex;flex-direction:column;margin-bottom:10px;width:100%}.labelInputContainer label{text-align:left}.labelInputContainer input,.labelInputContainer select{margin-top:5px;padding-bottom:8px;padding-top:8px;text-align:center}.modeToggle{display:flex;gap:5px;margin-top:8px;width:100%}.toggleButton{border:var(--container-border);border-radius:var(--selected-border-radius);color:var(--font-color);cursor:pointer;padding:8px 16px;transition:background-color .3s,color .3s;width:150px}.toggleButton,.toggleButton.notactive{background-color:initial}.toggleButton.active{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background:var(--selected-nav-bg-color);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--selected-border-radius)}.toggleButton:disabled{background-color:initial!important;border:.2px solid #bebaba;color:var(--disabled-button-text-color);cursor:not-allowed!important}.watchListIcon{cursor:pointer;position:absolute;right:10px;top:10px}.tarriffsUtilitiesDataContainer{align-items:flex-start;background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:70vh;margin-left:auto;margin-right:auto;width:100%}.utilitiesHeader{align-items:center;display:flex;font-family:12px;font-weight:600;height:36px;justify-content:center;margin-bottom:20px;margin-left:auto;margin-right:auto;text-align:center}.tarriffsUtilitiesDataContainer p{align-items:center;display:flex;font-size:16px;gap:var(--gap);margin:5px 0;padding-left:20px}.tarriffsUtilitiesDataContainer p a{border-radius:5px;color:var(--font-color);display:block;font-size:12px;padding:8px 12px;text-decoration:none}.tarriffsUtilitiesDataContainer p a.active{background-color:var(--primary-color);background:var(--selected-nav-bg-color);border-radius:var(--button-border-radius);color:var(--font-color);width:100%}.pointDetailsConfigNavigator{margin-top:10px}.pointDetailsConfig{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;margin-top:auto;width:100%}.pointDetailsBtnContainer{display:flex;justify-content:center;margin-left:auto;margin-right:auto;width:100%}.pointDetailsAlarms{display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:flex-end;margin-top:10px;width:100%}.saveButtonAlarmProperties{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pointDetailsAlarmsContent{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;margin:auto;width:100%}.pointDetailsAlarmsPartContent{width:50%}.pointDetailsAlarmsGroup{display:flex;margin:0 auto}.pointDetailsAlarmsLabel{font-size:16px;font-weight:700;margin-bottom:10px;margin-left:14px;margin-top:10px;text-align:left;width:80%}.pointDetailsAlarmsData{background-color:var(--light-button-color);border:none;border-radius:10px;display:flex;font-size:16px;outline:none;padding:5px;text-align:center}.pointDetailsAlarmsData.select{width:210px}.pointDetailsSaveBtn{background-color:var(--light-heading-color);border-radius:var(--button-border-radius);color:var(--light-font-color);cursor:pointer;display:flex;font-weight:500;margin:auto auto auto 30%;padding:10px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pointDetailsTrendsContent{display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:flex-end;width:100%}.pointDetailsTrendsMainContent{display:flex;flex-direction:row;gap:20px;height:90%;margin-bottom:auto;margin-top:auto;overflow:scroll;width:100%}.pointDetailsTrendsContentLeft{display:flex;flex-direction:column;gap:15px;height:100%;margin-top:10px;width:50%}.trendsHr{border:1px solid #8b8b8b;height:200px;margin:auto;width:.01px}.pointDetailsTrendsContentRight{display:flex;flex-direction:column;height:100%;width:50%}.trendCheckbox{display:flex;gap:20px}.pointDetailsTrendsGroup{display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.pointDetailsTrendsLabelNormal{font-weight:600;margin-bottom:12px;text-align:left;white-space:nowrap;width:45%}.pointDetailsTrendsData{width:21%}.pointDetailsTrendsData,.pointDetailsTrendsEnable{background-color:var(--input-background-color);border:none;border-radius:10px;display:flex;font-size:16px;justify-content:center;outline:none;padding:5px;text-align:center}.pointDetailsTrendsDataTimeGroup{align-items:center;background-color:var(--container-background-color);border-radius:var(--input-border-radius);display:flex;gap:5px;justify-content:center;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pointDetailsTrendsDataTime,.pointDetailsTrendsDataTimeGroup{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);text-align:center}.pointDetailsTrendsDataTime{background-color:initial;background-color:var(--container-background-color);border:none;border:var(--container-border);border-radius:var(--input-border-radius);color:var(--font-color);margin:auto;outline:none;padding-bottom:5px;padding-top:5px;width:20px}.daysOfWeek,.pointDetailsTrendsActivePeriod{display:flex}.daysOfWeek{align-items:center;font-size:14px;margin-bottom:10px}.daysOfWeek p{color:var(--black-color);font-size:12px;font-weight:600}.saveButtonTrendsProperties{background-color:var(--heading-details-color);border-radius:8px;color:var(--light-font-color);cursor:pointer;font-size:14px;font-weight:600;margin:20px 220px 40px 200px;padding:8px 15px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.checkboxes{display:flex;flex-wrap:wrap;gap:11px}.checkboxes input[type=checkbox]{margin-right:5px}.pointDetailsTrendsDays{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:none;border:var(--container-border);border-radius:10px;border-radius:var(--input-border-radius);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:13px}.pointDetailsTrendsDays,.pointDetailsTrendsTimeRange{font-size:16px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pointDetailsTrendsTimeRange{border:none;border-radius:10px;display:flex;outline:none;white-space:nowrap}.pointDetailsTrendsTimeRange p{font-size:14px;margin:auto 10px;text-align:center}.pointDetailsTrendsTimeRange input{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:none;border:var(--container-border);border-radius:var(--input-border-radius);color:var(--font-color);outline:none;padding:10px;width:28%}.pointDetailsTrendsSaveBtn{background-color:var(--light-heading-color);border-radius:var(--button-border-radius);color:var(--light-font-color);cursor:pointer;display:flex;font-weight:500;margin:auto auto auto 30%;padding:10px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.customTimeInputGroup{align-items:center;background-color:var(--container-background-color);border-radius:var(--input-border-radius);display:flex;gap:5px;justify-content:center;padding:5px;width:60%}.customTimeInput,.customTimeInputGroup{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);text-align:center}.customTimeInput{background-color:initial;background-color:var(--container-background-color);border:none;border:var(--container-border);border-radius:var(--input-border-radius);color:var(--font-color);margin:auto;outline:none;padding-bottom:5px;padding-top:5px}.file-actions,.file-info,.trendRightContentContent,.trendRightUploadContent,.uploaded-file-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.trendRightContentContent{cursor:pointer;height:100%;margin:auto;width:100%}.trendRightContentContent span{font-size:20px;text-align:center}.pointDetailsTags{height:100%;overflow-y:scroll;width:100%}.pointDetailsTags,.pointDetailsTagsContent,.tagsInputGroup{display:flex;flex-direction:column}.tagsInputGroup{gap:10px;margin-top:20px;width:80%}.taglist{background-color:var(--dialog-color);border-radius:10px;box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);color:var(--font-color);display:flex;flex-direction:column;gap:5px;margin-left:5px;margin-top:80px;max-height:200px;overflow-y:auto;padding:10px;position:absolute;width:30%;z-index:1000}.taglist span{cursor:pointer;font-size:14px;font-weight:600;padding:10px;text-align:left;width:95%}.taglist span:hover{border-radius:10px}.selectedTags,.taglist span:hover{background-color:var(--container-background-color)}.selectedTags{border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;gap:5px;height:30.4vh;overflow:scroll;width:100%}.selectedTag{display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:5px;padding:10px;text-align:left;width:95%}.selectedTag:hover{background-color:var(--container-background-color);border-radius:var(--selected-border-radius)}.selectedTag span{width:90%}.closeIcon{color:var(--light-red-color);cursor:pointer;font-size:20px;font-weight:600}.trendChart{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);padding-bottom:15px;padding-top:15px;width:100%}.trendCanvasChart,.trendChart{display:flex;height:100%;justify-content:space-between}.trendCanvasChart{align-items:center;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:auto;width:95%}.trendCanvasChartData{align-items:center;display:flex;height:100%;object-fit:contain;overflow:hidden;width:100%}.trendCanvasChartLabel{font-size:16px}.trendCanvasChartLine{color:#fff}.filters{display:flex;flex-direction:row;gap:20px;justify-content:center;margin:auto;width:60%}.filterInputGroup{display:flex;gap:10px}.filterInputGroup label{align-self:center;font-size:14px;font-weight:600}.filterInputGroup input{align-items:center;background-color:var(--white-color);border:none;border-radius:var(--button-border-radius);display:flex;font-size:14px;justify-content:center;margin:auto;outline:none;padding:5px;width:150px}.hr{border:1px solid #8b8b8b;height:50px;margin:auto;width:.01px}.pointDetailsTrendsTableContent{display:flex;flex-direction:column;gap:5px;height:100%;width:100%}.pointDetailsAlarmsChart{height:100%}.pointDetailsTable{max-height:60vh;overflow-y:auto}.pointDetailsTable table{border-collapse:collapse;height:100%;width:100%}.pointDetailsTable thead th{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--table-header-color);border:none;color:var(--font-color);font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);outline:none;padding:20px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:2}.firstChild{border-radius:16px 0 0 0}.lastChild{border-radius:0 16px 0 0}.pointDetailsTable tbody tr{cursor:pointer}.pointDetailsTable tbody tr:hover{background-color:var(--container-background-color)}.pointDetailsTable td,.pointDetailsTable th{border-bottom:var(--table-bottom-border);padding:20px;text-align:left}.pointDetailTrendsBtns{display:flex;gap:5px;position:absolute;right:1.5%;top:16%}.export-btn-style{margin-top:-8px}.delete-btn-style{align-items:center;background-color:var(--light-red-color)!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pointTrendChartContainer{display:flex;height:80%;width:100%}.pointDetailsTrendsBtnsInput{align-items:center;display:flex;gap:5px}.pointDetailsTrendsBtnsInput label{font-size:14px}.pointDetailsTrendDates{display:flex;gap:10px;justify-content:space-between;left:29%;position:absolute;top:10%;width:28%}.deviceNetworkForm{background-color:var(--dialog-color);display:flex;flex-direction:column;height:95%;margin:auto;min-width:20%;padding:10px;position:absolute;right:0;z-index:100}.deviceNetworkFormHeading{font-size:24px;margin-top:30px;text-align:center}.deviceNetworkFormContents{display:flex;flex-direction:column;gap:10px;height:80vh;margin-top:20px;overflow:scroll}.deviceNetworkFormContentsBtns{display:flex;gap:10px;margin-left:auto;margin-right:auto;margin-top:10px}.deviceNetworkFormContentsSaveBtn{background-color:var(--heading-details-color);border-radius:var(--button-border-radius);color:#fff;cursor:pointer;padding:5px 10px;text-align:center;width:80px}.deviceNetworkFormContentsCancelBtn{background-color:var(--white-color);border:1px solid var(--light-heading-color);border-radius:var(--button-border-radius);color:var(--font-color);cursor:pointer;padding:5px 10px;text-align:center;width:80px}@media screen and (max-width:768px){.deviceNetworkForm{height:95%;margin:auto;width:70%}}.display{display:flex;gap:var(--gap);height:100%;position:relative;width:100%}.canvasContainer{border-radius:8px;display:flex;flex-direction:column;flex-grow:1}.canvasWidgetsContainer{display:flex;flex-direction:row;gap:10px;height:100%;width:100%}.cancel-btn{background-color:var(--light-red-color);border-radius:8px;color:var(--light-font-color);cursor:pointer;font-size:14px;font-weight:600;margin:30px auto auto;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:768px){.display{gap:5px;height:90%;margin:0;padding:0}.canvasContainer{height:90%;width:100%}}.addDeviceToTemplate{display:flex;height:100%;width:100%}.addDeviceToTemplateContent{align-items:center;border-radius:var(--container-border-radius);display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.addDeviceToTemplateHeading{display:flex;font-size:18px;font-weight:600}.addDeviceToTemplateForm{align-items:center;border-radius:var(--container-border-radius);display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;margin:auto;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.addDeviceToTemplateSearchBox{align-items:center;background-color:var(--input-background-color);border-radius:var(--button-border-radius);display:flex;font-weight:600;padding:10px;width:100%}.addDeviceToTemplateSearchBox input{background-color:initial;border:none;outline:none;width:90%}.addDeviceToTemplateSearchBoxSearchIcon{margin:auto;width:10%}.addDeviceToTemplateFormInputGroup{display:flex;gap:10px;justify-content:center;margin:auto;width:100%}.addDeviceToTemplateFormInputGroup input{margin-bottom:auto;margin-top:auto}.addDeviceToTemplateFormList{background-color:var(--input-background-color);border-radius:var(--container-border-radius);flex-direction:column;height:200px;overflow:scroll;padding:10px;width:100%}.addDeviceToTemplateFormDeviceInputGroup{display:flex;gap:10px;justify-content:flex-start;margin:auto;width:100%}.addDeviceToTemplateBtns{display:flex;gap:10px}.deleteDisplay{bottom:10px;color:red;font-size:16px;margin-right:15px;position:relative}.canvasHeaderLeft,.canvasHeaderRight{display:flex}.node-container{border-radius:8px;font-weight:700;padding:7px;text-align:center}.node-container,.node-container-billing{background-color:var(--container-background-color)}.node-container-billing{border:1px solid var(--node-border-color);border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:6px 3px}.node-label{color:var(--font-color);font-size:10px}.context-menu{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:2px 2px 10px rgba(0,0,0,.2);padding:8px;z-index:100}.context-menu button{background:none;border:none;cursor:pointer;display:block;font-size:14px;padding:5px 10px;text-align:left;width:100%}.context-menu button:hover{background-color:#007bff;color:#fff}.node-label-building{width:100%}.building-node-content{align-items:center;display:flex;gap:8px;justify-content:flex-start}.canvas{flex-direction:row;height:100%}.canvas,.canvasContent{display:flex;flex-grow:1}.canvasContent{align-items:center;flex-direction:column;width:100%}.dragHandle{cursor:move;display:flex;font-weight:var(--heading-font-weight);justify-content:center;left:5px;position:absolute;top:5px}.grid-item{height:100%;width:100%}.button-container{margin:16px;text-align:center}.text{font-size:16px}.droppedItem{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);border-radius:5px}.droppedItem,.droppedItemTemplate{background-color:var(--container-background-color);height:100%;overflow:hidden;width:100%;z-index:0}.droppedItemTemplate{border-radius:var(--container-border-radius)}.droppedItem.widgetSelected{border:2px solid var(--primary-color)}.widgetComponent{border-radius:var(--button-border-radius);box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);display:flex;height:100px;margin:10px;object-fit:cover}.displayRemoveWidget{padding:0;right:2px}.displayRemoveWidget,.displaySettingsWidget{cursor:pointer;position:absolute;z-index:999}.displaySettingsWidget{margin-bottom:auto;margin-top:auto;right:30px;top:5px}.displayRemoveWidget:hover{background-color:initial}.editNewDashboardBtns{align-items:center;display:flex;height:5.3vh;justify-content:space-between;padding-bottom:8px;padding-top:8px;width:100%;z-index:999}.gridLayout{height:100%;overflow:scroll;width:100%}.canvasBtns{align-items:center;color:var(--light-font-color);height:100%;justify-content:flex-end;margin-right:10px}.canvasBtns,.canvasName{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.canvasName{flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:10px}.canvasDisplayName{background-color:var(--background-color-violet);border:none;border-radius:8px;color:var(--light-font-color);font-weight:500;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.canvasDisplayName,.canvasEditViewBtn{display:flex;font-size:15px;padding:5px 15px}.canvasEditViewBtn{border-radius:var(--button-border-radius);color:#000;cursor:pointer;flex-direction:row;font-weight:600;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.canvasExportBtn p{margin:auto}.canvasExportBtnIcon{font-weight:600;margin:auto}.canvasExportBtn{background-color:var(--light-heading-color);border-radius:var(--button-border-radius);cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-size:16px;font-weight:600;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.canvasExportBtn.dark{color:var(--black-color)}.canvasExportImageBtn p{margin:auto}.canvasExportImageBtnIcon{font-weight:600;margin:auto}.canvasExportImageBtn{background-color:var(--light-heading-color);border-radius:var(--button-border-radius);cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-size:16px;font-weight:600;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.canvasExportImageBtn.dark{color:var(--black-color)}.canvasSaveBtnIcon{font-weight:600;margin:auto}.canvasSaveBtn{background-color:var(--light-heading-color);border-radius:var(--button-border-radius);cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-size:16px;font-weight:600;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.canvasSaveBtn p{margin:auto}.canvasEditViewBtn.dark,.canvasSaveBtn.dark{color:var(--black-color)}.saveDialog{background-color:var(--dialog-bg);bottom:39%;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:40%;padding:10px;position:absolute;right:40%;top:39%;z-index:999}.saveHeading{font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.saveDialogBtns{display:flex;gap:10px;justify-content:space-evenly;margin:30px auto auto;width:60%}.preBuiltDisplayCanvas{background-color:var(--background-color);border-radius:var(--container-border-radius);display:flex;flex-direction:column;flex-grow:1;height:100%;margin-top:10px;overflow:scroll}.preBuiltDisplayHeader{display:flex}.canvasHeading{background-color:var(--light-heading-color);border:none;border-radius:var(--button-border-radius);color:var(--light-font-color);display:flex;font-size:14.3px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto auto auto 10px;padding:5px 15px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.preBuiltDisplayCanvasContent{display:flex;height:93%;width:100%}@media screen and (max-width:768px){.canvas{display:flex;width:10%}.canvasName{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:0}.canvasDisplayName{padding:5px;width:10px}.canvasEditViewBtn,.canvasName p{padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.canvasEditViewBtn{font-size:12px}}.floorLayout{flex-grow:1;margin:auto;width:100%}.floorLayout,.floorLayoutCanvasImageContainer{display:flex;flex-direction:column;height:100%;overflow:scroll}.floorLayoutCanvasImageContainer{border-radius:var(--container-border-radius);margin-left:auto;margin-right:auto;margin-top:10px;object-fit:contain;width:98%}.floorImageUploadBtn{cursor:pointer;display:flex;flex-direction:column;font-size:20px;margin:auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.floorImageUploadImage{font-size:10rem;margin-bottom:-30px}.floorImageWidgetImageDeleteBtn{background-color:#000;border-radius:var(--button-border-radius);color:var(--light-font-color);cursor:pointer;font-size:1.6rem;padding:5px;position:absolute;right:5px;top:0}.floorImageWidget{height:98%;width:98%}.floorWidgetsContent{height:40%;margin-top:21px}.floorWidgetsContent,.floorWidgetsContent2{align-items:center;flex-direction:column;gap:10px;justify-content:center;width:100%}.floorWidgetsContent2{display:flex;height:55%;margin-top:10px}.floorLayoutWidget{height:80%;overflow:scroll;width:100%}.draggableItemsContainer,.floorLayoutWidget{display:flex;flex-direction:column;margin-top:20px}.draggableItemsContainer{gap:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.floorWidgetGroup{display:flex;gap:10px;justify-content:center;margin-left:auto;margin-right:auto;width:90%}.floorWidgetTitle{font-size:15px;font-weight:600;justify-content:center;margin:auto auto 20px;text-align:center;width:80%}.floorWidgets{flex-direction:column;gap:5px;margin-left:auto;margin-right:auto;width:30vh}.floorWidgetsHeader{font-size:var(--custom-header-font-size);font-weight:var(--custom-header-font-weight)}.floorWidgetsHeader,.floorWidgetsSubHeader{color:var(--font-color);display:flex;justify-content:center;width:100%}.floorWidgetsSubHeader{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight)}.floorWidgetsFormContent{height:95%;margin-top:10px;overflow:scroll;width:100%}.floorWidgetsFormContentGroup{display:flex;flex-direction:column;gap:10px;width:100%}.floorWidgetsFormContentGroup label{font-weight:600;margin-left:20px;text-align:left}.floorWidgetsFormContentGroup input{border-radius:var(--button-border-radius);margin-bottom:5px;margin-top:-5px;width:30%}.updateBtn{background-color:var(--heading-details-color);border-radius:var(--button-border-radius);color:var(--light-font-color);cursor:pointer;display:flex;justify-content:center;margin:auto auto 10px;text-align:center;width:50px}.floorImageWidgetPinDetails{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:rgba(0,0,0,.5);border-radius:var(--container-border-radius);color:#fff;display:flex;flex-direction:column;gap:10px;padding:15px;width:25%;z-index:1100!important}.floorLayoutPointName{word-wrap:break-word;font-size:16px;font-weight:600;width:100%}.floorLayoutPointDesc{font-size:12px}.floorLayoutPointValue{font-size:22px;font-weight:600}.floorImageWidgetPin{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:rgba(0,0,0,.5);justify-content:center}.floorImageWidgetButtonPin,.floorImageWidgetPin{border-radius:var(--container-border-radius);color:var(--light-font-color);display:flex;padding:5px}.floorLayoutPinPointValue{color:var(--white-color);font-size:16px;font-weight:600;margin:auto auto auto 5px}.pointPinInactive{color:var(--light-red-color)}.pointPinActive,.pointPinInactive{border-radius:50%;font-size:3.3rem;height:10px;margin-bottom:auto;margin-left:-10px;margin-top:-45px;width:10px}.pointPinActive{color:#3ee52b}.displayTemplateContent{gap:10px}.displayTemplate,.displayTemplateItem{height:100%;overflow:scroll;width:100%}.displayTemplateItem{z-index:0}.selectBox{display:flex;padding:7px 5px 5px 10px}.context-menu{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.2);min-width:150px;padding:5px 0;position:absolute;z-index:1000}.context-menu-item{color:var(--font-color);cursor:pointer;padding:8px 16px}.context-menu-item:hover{background-color:var(--hover-color)}.statusPointGroup{align-items:center;display:flex;gap:10px;justify-content:space-evenly;margin-bottom:5px;width:90%}.statusPointPresentValue{display:flex;width:20%}.statusPointLabel,.statusPointUnitSymbol{display:flex;width:5%}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid rgba(0,0,0,.4);border-right:2px solid rgba(0,0,0,.4);bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.energyTemplateContainer{height:80vh}.energyTemplateContainer,.energyTemplateTop{display:flex;flex-direction:column;overflow:scroll;width:100%}.energyTemplateTop{gap:10px;height:100%;margin:auto}.energyTemplateBottom{display:flex;height:80%}.energyTemplateMainContainer{display:flex;flex-direction:column;gap:10px;height:100%;width:100%}.templateHomeBtn{background-color:var(--primary-color);border-radius:var(--input-border-radius);color:var(--white-color);cursor:pointer;display:flex;justify-content:center;margin-bottom:10px;margin-left:30px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.templateHomeBtn:hover{background-color:#005ac0;color:var(--white-color)}.energyTemplateLeft{display:flex;flex-wrap:wrap;gap:5px;width:80%}.energyTemplateRight{display:flex;flex-direction:column;gap:5px;width:20%}.largeCard{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border-radius:var(--container-border-radius);height:60%;width:100%}.smallCard{height:100%;width:100%}.displayTemplateRemoveWidget{cursor:pointer;position:absolute;right:0;z-index:999}.cardHeading{align-items:center;display:flex;height:3.5vh;justify-content:space-between;margin:auto;width:90%}.cardHeading span{font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight)}.cardBtnContainer{display:flex;gap:5px;margin-right:30px}.cardBtn{border:1px solid var(--primary-color)}.cardBtn,.cardBtn.selected{border-radius:5px;cursor:pointer;padding:5px}.cardBtn.selected{background-color:var(--primary-color);color:var(--white-color)}.cardBtn:hover{background-color:#005ac0;color:var(--white-color)}.lineTemplateChart{display:flex;height:90%;margin-left:auto;margin-right:auto;margin-top:10px;width:75%}.cardContent{height:80%;margin-top:20px;width:100%}.cardHeading.small{height:3vh;text-align:center;width:85%}.cardSubHeading.small{width:85%}.smallCardContent{align-items:center;display:flex;height:80%;justify-content:left;margin-left:auto;margin-right:auto;overflow:scroll;width:85%}.smallCardContent span{color:var(--font-color);font-size:40px;font-weight:700;margin-bottom:auto;margin-top:auto;text-align:left}.mediumCard{height:100%;width:100%}.cardSubHeading{display:flex;margin:auto;width:90%}.templateHeading{align-items:center;display:flex;height:7%;justify-content:center;width:100%}.templateLabel{font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);text-align:center}.energyTemplateCardGroup{display:flex;gap:5px;height:100%;width:100%}.vrfFilterCardGroup{display:flex;gap:30px;height:100px;justify-content:space-evenly;margin:auto;width:95%}.consumptionCard{align-items:flex-start;-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:scroll;width:100%}.consumptionCardContent{align-items:center;display:flex;height:90%;justify-content:space-between;margin:auto;width:90%}.consumptionName{font-size:var(--custom-header-font-size);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.consumptionValue{font-size:30px}.threePointDetailsContainer{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--dialog-bg);border:var(--container-border);border-radius:var(--container-border-radius);box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:10px;height:33vh;overflow:scroll;padding:20px;position:absolute;right:20px;top:30px;width:20%}.threePointDetailsHeading{align-items:center;display:flex;font-size:16px;font-weight:var(--heading-font-weight);height:15%;overflow:scroll;width:100%}.treePointDetailsContent{display:flex;flex-direction:column;gap:10px;height:90%;justify-content:space-between}.threePointValue{align-items:center;display:flex;font-size:30px;font-weight:var(--heading-font-weight);height:40%}.threePointInfo{display:flex;flex-direction:column;font-size:14px;gap:20px}.threePointStatus{display:flex}.threePointInfoBtn{align-items:center;border-radius:10px;display:flex;font-size:14px;justify-content:center;padding:10px;text-align:center}.twinChartLabel{font-size:16px;font-weight:var(--custom-header-font-weight);margin-left:30px;position:absolute;top:50px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:999}.gldfBtnContainer{align-items:center;display:flex;gap:5px;height:7%;margin-left:auto;margin-right:auto;overflow:scroll;width:95%}.threeHomeBtn{border-radius:8px;cursor:pointer;padding:8px}.threeHomeBtn,.threeHomeBtn:hover{background-color:var(--container-background-color)}.threeHomeBtn:hover{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter)}.ahuBtn{border-radius:8px;color:var(--font-color);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:50px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ahuBtn,.ahuBtn:hover{background-color:var(--container-background-color)}.ahuBtn:hover{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter)}.chartContainer{align-items:center;display:flex;flex-direction:column;height:92%;margin:auto;padding:5px 20px 10px}.calendarHeader{color:var(--font-color);margin-bottom:15px;text-align:center;width:100%}.calendarGrid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);height:100%;overflow:scroll;width:100%}.weekdayHeader{background-color:var(--table-header-color);border-radius:10px;color:var(--font-color);font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 0;text-align:center}.dayCell,.weekdayHeader{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter)}.dayCell{align-items:center;background-color:var(--container-background-color);border:var(--container-border);border-radius:6px;cursor:pointer;display:flex;font-weight:500;justify-content:center;transition:all .2s ease}.dateNumber{color:var(--font-color);font-size:17px;font-weight:700;margin:auto}.dateValue{font-size:14px;font-weight:var(--font-weight);margin-bottom:5px;margin-top:auto}.emptyCell{background-color:initial;border:none;cursor:default}.todayCell{background-color:var(--container-background-color);border:var(--container-border);box-shadow:0 2px 6px rgba(24,144,255,.4)}.debugInfo{color:#888;font-size:12px;margin-top:15px}.dayCell{flex-direction:column!important;height:60px!important;position:relative}.legendContainer{display:flex;justify-content:center;margin-bottom:10px}.legendItem{align-items:center;display:flex;font-size:.8rem;margin:0 10px}.legendColor{border-radius:2px;height:10px;margin-right:5px;width:20px}.displayConfigurationForm{width:20%}.displayConfigurationForm,.displayTemplateConfigurationForm{background-color:var(--dialog-bg);display:flex;flex-direction:column;height:98%;min-width:20%;position:absolute;right:0;top:1%;z-index:3000}.displayTemplateConfigurationForm{width:40%}.displayDataConfigurationFormContentHeading{font-size:24px;margin-top:30px;text-align:center}.displayDataConfigurationFormButtons{display:flex;gap:10px;margin:auto auto 25px}.displayDataConfigurationFormImageContainer{margin-left:auto;margin-right:auto}.displayDataConfigurationFormImageContainer,.imageWidget{align-items:center;display:flex;height:100%;justify-content:center;object-fit:contain;width:100%}.imageWidget{flex-direction:column}.imageDragUploadText{font-weight:600}.imageUploadBtn{align-items:center;flex-direction:column}.imageUploadBtn,.imageUploadImage{display:flex;justify-content:center}.imageUploadImage{color:var(--background-color-violet);cursor:pointer;font-size:80px;margin:auto;width:100%}.imageWidgetImageDeleteBtn{color:var(--light-red-color);cursor:pointer;font-size:18px;position:absolute;right:0;top:30%}.displayDataConfigurationFormImage{width:100%}.displayDataConfigurationFormContents{gap:10px;height:75vh;margin-top:30px;overflow:scroll}.displayDataConfigurationLimit{align-items:center;display:flex;height:100%;justify-content:center}.selectPointsLabel{font-weight:600;margin-left:20px;text-align:left}.displayDataConfigurationFormContentsColorInput,.displayDataConfigurationFormContentsInput{margin-left:auto;margin-right:auto;outline:none}.displayDataConfigurationFormContentsInput{background-color:var(--input-background-color);border:none;border-radius:10px;padding:15px;width:80%}.colorPicker{width:90%}.displayDataConfigurationFormContentsInputGroup{display:flex;gap:10px}.filterFormContentsSaveBtn{background-color:var(--heading-details-color);border-radius:var(--button-border-radius);color:var(--light-font-color)}.filterFormContentsCancelBtn,.filterFormContentsSaveBtn{cursor:pointer;padding:5px 10px;text-align:center;width:80px}.filterFormContentsCancelBtn{background-color:var(--white);border:1px solid var(--font-color);border-radius:var(--button-border-radius);color:var(--font-color)}.colorSelectorContainer{gap:10px;margin-top:20px}.colorSelector{border:none;cursor:pointer;height:100px!important;margin:auto;overflow:scroll;width:100%}.colorSelector div div{box-shadow:none!important}.colorSelector .swatches-picker{background-color:#333!important;background-color:var(
    --picker-background-color,#333
  )!important}.recentColors{gap:5px;width:90%}.recentColorBox{border:1px solid #ccc;border-radius:5px;cursor:pointer;height:30px;width:30px}@media screen and (max-width:768px){.displayConfigurationForm{width:60%}}.displayDataConfigurationFormContentSubHeading{font-size:15px;font-weight:var(--heading-font-weight);margin-bottom:20px;margin-left:10px;text-align:left}.colorSelectorContainer{align-items:flex-start;display:flex;flex-direction:column}.allColorsContainer{height:100px}.allColorsContainer,.recentColors{display:flex;flex-wrap:wrap;gap:8px;margin:auto;overflow:scroll;width:80%}.colorSwatchBox,.recentColorBox{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:30px;margin-bottom:5px;width:30px}.colorSwatchBox.selected,.recentColorBox.selected{border:2px solid #333}.checkmark{color:#fff;font-size:18px;font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.displayNavigator{display:flex;flex-direction:column;height:100%;width:33vh}.displayNavigatorHeader{align-items:center;display:flex;gap:5px;justify-content:space-between;margin:auto;width:90%}.displayNavigatorHeader span{align-items:center;font-size:16px;font-weight:var(--custom-header-font-weight)}.displayNavigatorHeaderBtns{display:flex;gap:3px}.displayNavigatorContentLists{display:flex;flex-direction:column;gap:5px;margin-left:auto;margin-right:auto;width:90%}.displayNavigatorContentList{align-self:center;display:flex;gap:5px;justify-content:space-between;justify-self:center;margin-bottom:auto;margin-top:auto;padding:5px;text-align:center;width:100%}.displayNavigatorContentDeviceList{align-items:flex-end;display:flex;height:100%;justify-content:flex-end;list-style:none;margin-left:5px;padding:5px;text-align:center;width:90%}.displayNavigatorContentListBtns{display:flex;flex-direction:row;gap:2px;justify-content:flex-end;margin:auto;width:25%}.displayNavigatorContentList span{align-items:center;cursor:pointer;display:flex;height:100%;margin-bottom:auto;margin-top:auto;text-align:left;width:80%}.displayNavigatorContent{height:90%;margin:auto;overflow:scroll}.displayNavigatorContent,.displayNavigatorPrebuiltDisplays{align-items:center;display:flex;flex-direction:column;width:90%}.displayNavigatorPrebuiltDisplays{justify-content:center}.displayNavigatorPrebuiltDisplay{border-radius:20px;display:flex;gap:10px;margin-bottom:5px;margin-left:20px;margin-top:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.displayNavigatorPrebuiltDisplay li{text-align:left}.displayNavigatorPrebuiltDisplaysList{display:flex;flex-direction:column;width:100%}.displayNavigatorPreBuiltDisplayDevices{display:flex;flex-direction:column;justify-content:center;margin-left:50px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select{padding:5px}.displayItem .select,.select{background-color:var(--selected-color);border-radius:var(--button-border-radius)}.displayItem .select{margin-top:2px}.canvasClearBtn{background-color:var(--light-heading-color);border-radius:10px;color:var(--light-font-color);cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:600;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:10px;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.canvasClearBtn p{margin:auto}.canvasClearBtnIcon{font-weight:600;margin:auto}.canvasClearBtn.dark{color:var(--black-color)}.expandCollapseIcon{cursor:pointer;margin-bottom:auto;margin-top:auto}.widgets{display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:14%;width:30vh}.widgetsHeader{align-items:center;font-size:16px;font-weight:var(--custom-header-font-weight);text-align:center}.widgetsContent,.widgetsHeader{display:flex;justify-content:center;margin:auto}.widgetsContent{flex-wrap:wrap;gap:10px;height:89%;overflow:scroll;width:93%}.widgetsContainer{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.widget{align-items:center;background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);cursor:pointer;display:flex;flex-direction:column;height:80px;justify-items:center;width:80px}.widget.dark{background-color:var(--dark-background-color)}.widget p{font-size:12px}.widget p,.widgetIcon{margin:auto}.preBuiltDisplayNavigator{display:flex;flex-direction:column;height:100%;width:15%}.preBuiltDisplays{background-color:#eaf1fb;border-radius:20px;height:100%;width:15%}.prebuiltDisplayHeader{background-color:#c2e7ff;border-radius:20px;font-weight:600;padding:10px;text-align:center}.prebuiltDisplayHeader span{font-size:12px}.prebuiltDisplayHeader.dark{background-color:#d1e5fb;color:var(--dark-background-color)}.prebuiltDisplayContent{align-items:center;display:flex;flex-direction:column;height:80%;margin-top:10px;overflow:scroll}.prebuiltDisplayContent div{cursor:pointer;padding:5px;text-align:center}.displayItem.selected{background-color:var(--light-heading-color);border-radius:10px;width:80%}.floorWidgets{border-radius:var(--container-border-radius);display:flex}.widgetsLibrary{justify-content:start;width:40%}.widgetsLibraryContent{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;margin-left:auto;margin-right:auto}.widgetsLibraryWidget{align-items:center;display:flex;flex-direction:column;height:10%;justify-content:space-between;padding:10px;width:90%}.checkboxGroup{display:flex;margin:15px auto;width:90%}.checkboxGroupLabel{display:flex;font-size:12px;font-weight:var(--heading-font-weight);width:90%}.accordion-item{display:flex;flex-direction:column;width:100%}.accordion-header{align-items:center;background-color:var(--container-background-color);border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.16);cursor:pointer;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:10px}.categoryName{display:flex;width:90%}.accordion-content{max-height:50vh;overflow:scroll}.widgetsLibraryContainer{display:flex;flex-direction:column;gap:10px}.miniWidgets{height:100%;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.miniWidgetMenu,.miniWidgets{display:flex;flex-direction:column}.miniWidgetMenu{gap:5px;margin-left:auto;margin-right:auto;padding:5px;text-align:center}.miniWidgetIcon{border-radius:15px;cursor:pointer;outline:none;padding:5px 10px}.miniWidgetIcon.dark{background-color:#d1e5fb;color:#000}.rules{height:100%;position:relative;width:100%}.rules,.rulesLeft{display:flex;gap:var(--gap)}.rulesLeft{flex-direction:column}.rulesConstantPopup{background-color:#fff;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.2);height:80%;margin:auto;padding:10px;position:fixed;right:1px;text-align:center;top:10%;-webkit-transform:translate(-1%,-50%);transform:translate(-1%,-50%);width:20%;z-index:999}.rulesPopupBtn{border-radius:20px;color:#fff;cursor:pointer;font-weight:600;margin-right:10px;padding:10px 15px}.rulesPopupBtn.save{background-color:var(--light-green-color)}.rulesPopupBtn.cancel{background-color:var(--light-red-color)}.rulesSavePopup{background-color:#fff;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.2);padding:10px;position:fixed;right:53%;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:15%;z-index:999}.rulesSavePopup input[type=text]{border:1px solid #928e8e;border-radius:3px;margin-bottom:10px;outline:none;padding:10px;width:90%}.rulesSavePopup button{background-color:#000;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px}.rulesSavePopup button:hover{background-color:#29292a}.functionBlockHeader{border-radius:20px;font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);padding:10px;text-align:center}.functionBlockContent{display:flex;height:80vh;margin-top:20px;overflow:scroll;text-align:center;width:100%}.functionBlocks{align-content:flex-start;align-items:center;background-color:none;display:flex;flex-wrap:wrap;gap:10px;height:75vh;justify-content:center;margin-left:auto;margin-right:auto;overflow:scroll;text-align:left;width:90%}.functionBlockOperator{align-items:center;background-color:var(--container-background-color);border:var(--container-border);border-radius:10px;cursor:pointer;display:flex;font-weight:600;height:50px;justify-content:space-between;padding:0 20px;position:relative;width:15%}.inDot,.outDot{top:50%}.inDot,.inDotOne,.outDot{font-size:30px;position:absolute;-webkit-transform:translateY(-70%);transform:translateY(-70%)}.inDotOne{top:30%}.inDotTwo{font-size:30px;position:absolute;top:60%;-webkit-transform:translateY(-70%);transform:translateY(-70%)}.inDot1{top:25%}.inDot1,.inDot2{font-size:60px;position:absolute;-webkit-transform:translateY(-70%);transform:translateY(-70%)}.inDot2{top:65%}.inDot,.inDot1,.inDot2,.inDotOne,.inDotTwo{left:-5px}.outDot{right:-5px}.blockContent{align-items:center;display:flex;gap:5px;justify-content:center;margin:auto;width:100%}.blockContent span{font-weight:var(--base-font-weight);text-align:center}.logicBlockHeader{font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);padding:10px;text-align:center}.logicBlockContent{display:flex;height:80vh;margin-top:20px;overflow:scroll;text-align:center;width:100%}.logicBlocks{background-color:none;display:flex;flex-direction:column;gap:10px;margin-left:auto;margin-right:auto;text-align:left;width:80%}.logicBlockOperator{cursor:pointer;font-weight:600;text-align:left}.mathBlockHeader{font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);padding:10px;text-align:center}.mathBlockContent{display:flex;height:80vh;margin-top:20px;overflow:scroll;text-align:center;width:100%}.mathBlocks{background-color:none;display:flex;flex-direction:column;gap:10px;margin-left:60px;text-align:left;width:100%}.mathBlockOperator{cursor:pointer;font-weight:600}.objectBrowser{display:flex;flex-direction:column;height:49vh;justify-content:space-between;min-width:16%}.objectBrowserSearch{display:flex;height:11%}.objectBrowserHeader{align-items:center;display:flex;font-size:16px;font-weight:var(--heading-font-weight);gap:10px;height:4%;justify-content:space-between;margin-left:auto;margin-right:auto;padding:10px;text-align:center;width:90%}.objectBrowserRefresh{margin-bottom:auto;margin-top:auto}.objectBrowserContent{height:75%;overflow:scroll;width:100%}.objectBrowserContent::-webkit-scrollbar{width:0}.objectBrowserContent::-webkit-scrollbar:horizontal{display:flex!important;height:7px}.objectBrowserContent::-webkit-scrollbar-track{background:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius)}.objectBrowserContent::-webkit-scrollbar-thumb{background:#555;border-radius:20px}.objectBrowserContent::-webkit-scrollbar-thumb:hover{background:var(--font-color)}.objectBrowserContent ul{align-items:start;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:left}.objectBrowserContent p{margin:0}.objectBrowserContent li{font-size:var(--heading-font-size);margin-bottom:5px;text-align:left}.objectBrowserNetworkhead{font-size:var(--heading-font-size);padding-bottom:5px}.objectBrowserNetworkhead,.objectBrowserhead{display:flex;flex-direction:row;gap:10px;line-height:20px;margin:0}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none}.react-flow__node,.react-flow__nodes{-webkit-transform-origin:0 0;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;-webkit-transform-origin:left top;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;top:auto}.react-flow__handle-bottom,.react-flow__handle-top{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.react-flow__handle-top{top:-4px}.react-flow__handle-left{left:-4px}.react-flow__handle-left,.react-flow__handle-right{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.react-flow__handle-right{right:-4px}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.react-flow__attribution{background:hsla(0,0%,100%,.5);font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px rgba(0,0,0,.08)}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:hsla(0,0%,94%,.25)}.react-flow__nodesselection-rect,.react-flow__selection{background:rgba(0,89,220,.08);border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px rgba(0,0,0,.08)}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;display:flex;height:16px;justify-content:center;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.ruleCanvas{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;text-align:center}.react-flow__attribution a{display:none}.ruleCanvasSaveBtn{background-color:#fff;border-radius:10px;color:var(--black-color);cursor:pointer;margin-top:160px;padding:6px 8px}.ruleCanvasSaveBtn:hover{background-color:#f3f3f3}.ruleCanvasClearNodesBtn{background-color:#fff;border-radius:10px;color:var(--black-color);cursor:pointer;margin-top:10px;padding:6px 5px}.ruleCanvasClearNodesBtn:hover{background-color:#f3f3f3}.react-flow__controls-button{background-color:#fff;border-radius:10px;color:var(--font-color)!important;cursor:pointer;margin-top:10px;padding:5px}.ruleCanvasControls{background-color:initial;border:none;box-shadow:none;outline:none}.ruleCanvasTopOptions{display:flex;justify-content:space-between;margin-top:10px;width:100%}.ruleCanvasRuleName{display:flex;gap:5px;width:20%}.ruleCanvasSwitch{display:flex;font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:-10px;margin-left:10px;margin-top:-10px}.ruleCanvasSwitch,.ruleCanvasSwitch p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ruleCanvasSwitch p{border-radius:20px;padding-left:15px;padding-right:15px}.ruleCanvasRuleName p{border-radius:10px;padding:10px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.react-flow__node.selected{background-color:initial!important;border:1px solid;border-radius:10px}.react-flow__edge.selected{color:var(--font-color)}.minimap{border-radius:10px!important}.minimap>svg *{stroke:none!important;fill:var(--container-background-color)!important}.minimap>rect *{background-color:#000}.react-flow__minimap-mask{display:none!important}.ruleList{height:35vh;width:100%}.ruleListHeader{align-items:center;display:flex;height:36px;justify-content:space-between;margin:auto;text-align:center;width:90%}.ruleListHeader span{font-size:15px;font-weight:var(--custom-header-font-weight)}.ruleListContent{height:58%;overflow:scroll}.rule{display:flex;gap:20px;justify-content:space-between;margin:10px auto auto;width:80%}.rule span{font-size:var(--heading-font-size);width:90%}.ruleListDeleteBtn{color:var(--light-red-color);cursor:pointer;margin-bottom:auto;margin-top:auto;width:10%}.rule li{cursor:pointer;list-style:none;text-align:left;width:90%}.createNewRuleBtn{cursor:pointer;display:flex;gap:10px;margin:5px auto auto;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.createNewRuleBtn,.selectedRule{background-color:var(--light-heading-color);border-radius:10px}.selectedRule{padding:5px}.customNodeContainer{border-radius:10px;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;margin:auto;resize:both}.customConstantNode{display:flex;flex-direction:row;gap:10px;justify-content:center}.customConstantNodeBtn{cursor:pointer;margin:auto}.customOperatorContainer{border:none!important;border-radius:10px!important;display:flex;flex-direction:column;height:70px;margin:auto;width:120px}.customOperatorContainer.four{height:110px;width:120px}.customOperatorContainer.ten{height:230px;width:120px}.customOperatorContainer .customNodeHeading{height:30px;justify-content:center}.customOperatorContainer.large{border:none!important;border-radius:10px!important;display:flex;flex-direction:column;height:70px;margin:auto;width:150px}.customNodeHeading{align-items:center;display:flex;font-size:var(--font-size);font-weight:var(--heading-font-weight);height:20px;justify-content:flex-start;margin:auto;width:100%}.customInputNodeContent{border-radius:10px;display:flex;flex-direction:column;font-size:10px;gap:2px;height:90%;padding:10px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.customNodeContent{border-radius:10px;height:90%;margin:auto;padding:4px}.handleLabel{top:28px}.handleLabel,.handleWithLabel{color:var(--font-color);font-size:10px;left:10px;position:absolute}.handleWithLabel{top:43px}.switchLabel{display:inline-block;height:20px;position:relative;width:40px}.switchLabel input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:3px;width:16px}.switchLabel.active .slider{background-color:#ff963f}.switchLabel.active .slider:before{-webkit-transform:translateX(20px);transform:translateX(20px)}.customHandle{background-color:var(--font-color)!important;border:2px solid var(--font-color)!important;border-radius:50%!important;height:5px!important;width:5px!important}.switchLabel span{color:#333;font-size:14px;font-weight:700;left:0;line-height:34px;position:absolute;right:0;text-align:center;top:0;-webkit-user-select:none;user-select:none;z-index:1}.switchLabel.active span{color:#fff}.operatorNodeForm{background-color:var(--dialog-bg);border-radius:20px;display:flex;flex-direction:column;height:95%;min-width:21%;position:absolute;right:0;top:0;top:10px;z-index:100}.operatorNodeFormHeading{font-size:24px;margin-top:30px;text-align:center}.operatorNodeFormContents{display:flex;flex-direction:column;gap:10px;margin-left:auto;margin-right:auto;margin-top:30px;overflow:scroll;width:90%}.formInputFieldGroup{display:flex;flex-direction:column;gap:5px}.formInputFieldGroup input{width:95%}.formInputFieldGroup input,.formInputFieldGroup select{background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--input-border-radius);color:var(--font-color);outline:none;padding-bottom:10px;padding-left:10px;padding-top:10px}.formInputFieldGroup select{width:100%}.operatorNodeFormContentsBtns{display:flex;gap:10px;margin:auto auto 10px}.operatorNodeFormContentsSaveBtn{background-color:var(--light-green-color)}.operatorNodeFormContentsCancelBtn,.operatorNodeFormContentsSaveBtn{border-radius:10px;color:#fff;cursor:pointer;padding:5px 10px;text-align:center;width:80px}.operatorNodeFormContentsCancelBtn{background-color:var(--light-red-color)}.delayInputGroup{display:flex;margin-left:auto;margin-right:auto;width:80%}.delayInputGroup label{display:flex;margin-left:20px;width:100%}.delayInputGroup input{background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--input-border-radius);color:var(--font-color);text-align:center}.delayInputGroup span{font-size:14px;font-weight:600;margin:auto}.constantBlock{background-color:#eaf1fb;border-radius:20px;height:90vh;width:15%}.constantBlock.dark{background-color:var(--dark-secondary-color)}.constantBlockHeader{background-color:#c2e7ff;border-radius:20px;font-weight:600;padding:10px;text-align:center}.constantBlockHeader.dark{background-color:#d1e5fb;color:var(--dark-background-color)}.constantBlockContent{display:flex;margin-top:20px;text-align:center;width:100%}.constantBlocks{background-color:none;display:flex;flex-direction:column;gap:10px;margin-left:60px;text-align:left;width:100%}.constantBlockOperator{cursor:pointer;font-weight:600}.settings{display:flex;gap:var(--gap);width:100%}.settingsNavigator{gap:16px;height:100%;width:33vh}.settingsNavigatorHeader{align-items:center;display:flex;font-weight:600;height:36px;justify-content:center;margin:auto;text-align:center}.settingsNavigatorHeader span{color:var(--font-color);font-size:var(--custom-header-font-size);font-weight:var(--custom-header-font-weight)}.settingsNavigatorOptions{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:20px;width:100%}.settingsNavigatorOption{border-radius:var(--button-border-radius);cursor:pointer;display:flex;flex-direction:row;width:80%}.settingsNavigatorOption.selected{background-color:var(--settings-selected-color);color:var(--font-color);margin-left:35px;width:100%}.settingsNavigatorOption.selected.dark{background-color:#fff}.settingsNavigatorOptionIcon{margin-right:10px}.userSettings{display:flex;flex-direction:column;flex-grow:1;gap:10px;height:100%;text-align:center}.tabsContainerBuiling{display:flex;flex-direction:row;overflow:scroll;padding:10px;white-space:nowrap;width:63vw}.userSettingsHeading{display:flex;justify-content:flex-end;width:100%}.userSettingsContent{height:100%;width:100%}.usersTableHeader{text-align:left!important}.usersTableBtns{justify-content:center!important}.userSettingsCreateBtn{background-color:var(--heading-details-color);border-radius:10px;color:var(--light-font-color);cursor:pointer;display:flex;gap:5px;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.userSettingsCreateBtn.dark{color:#000}.userSettingsCreateUserPopup{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.userSettingsCreateUser,.userSettingsCreateUserPopup{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.userSettingsCreateUser{background-color:var(--dialog-bg);border-radius:10px;padding:20px;width:40%}.userSettingsCreateUserFormInputs{display:flex;flex-direction:row;gap:30px}.userSettingsCreateUserFormLeft,.userSettingsCreateUserFormRight{width:50%}.userSettingsCreateUserFormBtns{display:flex;gap:10px;justify-content:center;margin-top:20px}.userSettingsCreateUserFormBtn{background-color:var(--heading-details-color);border-radius:var(--button-border-radius);color:var(--light-font-color);cursor:pointer;font-weight:600;padding:10px}.userSettingsCancelUserFormBtn{background-color:var(--white-color);border:1px solid var(--font-color);border-radius:var(--button-border-radius);color:var(--font-color);cursor:pointer;font-weight:600;padding:10px}.userContainer{align-items:"center";display:flex;justify-content:"space-between"}.user-settings-create-btn{background-color:var(--heading-details-color);border-radius:var(--button-border-radius);bottom:10px;color:var(--light-font-color);cursor:pointer;padding:8px 10px 8px 15px;position:relative}.createUserBtn{font-size:12px;position:relative}.tabsContainer{display:flex;flex-direction:row;margin-bottom:10px;overflow:scroll;padding:10px;white-space:nowrap;width:63vw}.tab{background-color:green;border-bottom:none;display:inline-block;margin-right:5px;max-width:10%;padding:10px}.tab.active{font-weight:700}.canvas-tab{background-color:var(--container-background-color);border-bottom:none;border-radius:20px;cursor:pointer;display:inline-block;margin-right:5px;padding:10px}.canvas-tab.active{background:var(--selected-nav-bg-color);font-weight:700}.usersTable{margin-top:0!important}.usersTableBtn{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border-radius:5px;color:var(--light-font-color);cursor:pointer;padding:5px}.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{align-items:center;appearance:button;-webkit-appearance:button;background-color:#fff;background-color:var(--react-international-phone-country-selector-background-color,var(--react-international-phone-background-color,#fff));border:1px solid #dcdcdc;border:1px solid var(--react-international-phone-country-selector-border-color,var(--react-international-phone-border-color,#dcdcdc));box-sizing:border-box;cursor:pointer;display:flex;height:36px;height:var(--react-international-phone-height,36px);justify-content:center;margin:0;padding:0;text-transform:none;-webkit-user-select:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:#f5f5f5;background-color:var(--react-international-phone-country-selector-background-color-hover,#f5f5f5)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:initial}.react-international-phone-country-selector-button__button-content{align-items:center;display:flex;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-left:4px solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;border-top:4px solid #777;border-top:var(--react-international-phone-country-selector-arrow-size,4px) solid var(--react-international-phone-country-selector-arrow-color,#777);margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:#999;border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color,#999)}.react-international-phone-country-selector-button--disabled{cursor:auto}.react-international-phone-country-selector-button--disabled,.react-international-phone-country-selector-button--disabled:hover{background-color:#f5f5f5;background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,#f5f5f5))}.react-international-phone-flag-emoji{box-sizing:border-box;height:24px;height:var(--react-international-phone-flag-height,24px);width:24px;width:var(--react-international-phone-flag-width,24px)}.react-international-phone-country-selector-dropdown{background-color:#fff;background-color:var(--react-international-phone-dropdown-item-background-color,var(--react-international-phone-background-color,#fff));box-shadow:2px 2px 16px rgba(0,0,0,.25);box-shadow:var(--react-international-phone-dropdown-shadow,2px 2px 16px rgba(0,0,0,.25));color:#222;color:var(--react-international-phone-dropdown-item-text-color,var(--react-international-phone-text-color,#222));display:flex;flex-direction:column;left:0;left:var(--react-international-phone-dropdown-left,0);list-style:none;margin:0;max-height:200px;overflow-y:scroll;padding:4px 0;position:absolute;top:44px;top:var(--react-international-phone-dropdown-left,44px);width:300px;z-index:1}.react-international-phone-country-selector-dropdown__list-item{align-items:center;box-sizing:border-box;display:flex;min-height:28px;min-height:var(--react-international-phone-dropdown-item-height,28px);padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{font-size:14px;font-size:var(--react-international-phone-dropdown-item-font-size,14px);margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:gray;color:var(--react-international-phone-dropdown-item-dial-code-color,gray);font-size:14px;font-size:var(--react-international-phone-dropdown-item-font-size,14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:#f5f5f5;background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--focused,.react-international-phone-country-selector-dropdown__list-item--selected{background-color:#f5f5f5;background-color:var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5);color:#222;color:var(--react-international-phone-selected-dropdown-item-text-color,var(--react-international-phone-text-color,#222))}.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code{color:gray;color:var(--react-international-phone-selected-dropdown-item-dial-code-color,var(--react-international-phone-dropdown-item-dial-code-color,gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:#f5f5f5;background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5))}.react-international-phone-dial-code-preview{align-items:center;background-color:#fff;background-color:var(--react-international-phone-dial-code-preview-background-color,var(--react-international-phone-background-color,#fff));border:1px solid #dcdcdc;border:1px solid var(--react-international-phone-dial-code-preview-border-color,var(--react-international-phone-border-color,#dcdcdc));color:#222;color:var(--react-international-phone-dial-code-preview-text-color,var(--react-international-phone-text-color,#222));display:flex;font-size:13px;font-size:var(--react-international-phone-dial-code-preview-font-size,var(--react-international-phone-font-size,13px));justify-content:center;margin-right:-1px;padding:0 8px}.react-international-phone-dial-code-preview--disabled{background-color:#f5f5f5;background-color:var(--react-international-phone-dial-code-preview-disabled-background-color,var(--react-international-phone-disabled-background-color,#f5f5f5));color:#666;color:var(--react-international-phone-dial-code-preview-disabled-text-color,var(--react-international-phone-disabled-text-color,#666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:4px;border-radius:var(--react-international-phone-border-radius,4px);border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-1px}.react-international-phone-input-container .react-international-phone-input{background-color:#fff;background-color:var(--react-international-phone-background-color,#fff);border:1px solid #dcdcdc;border:1px solid var(--react-international-phone-border-color,#dcdcdc);border-radius:4px;border-radius:var(--react-international-phone-border-radius,4px);border-bottom-left-radius:0;border-top-left-radius:0;box-sizing:border-box;color:#222;color:var(--react-international-phone-text-color,#222);font-family:inherit;font-size:13px;font-size:var(--react-international-phone-font-size,13px);height:36px;height:var(--react-international-phone-height,36px);margin:0;overflow:visible;padding:0 8px}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:#f5f5f5;background-color:var(--react-international-phone-disabled-background-color,#f5f5f5);color:#666;color:var(--react-international-phone-disabled-text-color,#666)}.rolesSettings{flex-grow:1;gap:20px;text-align:center}.rolesSettings,.rolesSettingsContents{display:flex;flex-direction:column;height:100%}.rolesSettingsContents{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);width:100%}.rolesSettingsHeader{background-color:var(--light-heading-color);border-radius:10px;color:var(--light-font-color);font-weight:600;margin-left:20px;margin-top:20px;padding:5px 10px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rolesSettingsContent{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;width:100%}.rolesSettingsRolesHeading{display:flex;justify-content:space-between;width:100%}.rolesSettingsRoles{display:flex;font-weight:600;gap:40px}.rolesSettingsRolesHeadingRoleName{font-weight:600;text-align:center;width:20%}.rolesSettingsRolesReadWrite{display:flex;font-weight:600;gap:60px;margin-left:196px}.rolesSettingsRolesReadWrite p{background-color:var(--item-selected-color);border-radius:10px;padding:5px}.rolesSettingsRolesReadWrite.dark p{background-color:var(--dark-background-color)}.rolesSettingsBtns{gap:20px;margin-bottom:20px}.roleSettingsSaveBtn,.rolesSettingsBtns{align-items:center;display:flex;justify-content:center}.roleSettingsSaveBtn{margin-left:auto;margin-right:auto;margin-top:20px}.roleSettingsSaveBtnIcon{font-size:18px;margin:auto}.addRoleForm{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;padding:10px}.addRoleHeading{font-size:20px;font-weight:600;margin-top:10px}.addRoleFormInputs{display:flex;flex-direction:column;margin-top:20px}.addRoleFormInputs label{font-size:16px;margin-left:5px}.addRoleFormInputs input{background-color:var(--input-background-color);border:none;border-radius:10px;outline:none;padding:10px}.addRoleFormBtns{display:flex;gap:10px;justify-content:center;margin-top:20px}.addRoleFormBtn{background-color:var(--light-green-color);border-radius:10px;color:#fff;cursor:pointer;padding:5px}.addRoleFormBtn.cancel{background-color:var(--light-red-color)}.rolesSettingsTable{height:50%;margin:auto;width:60%}.rolesSettingsTable thead{height:60px}.rolesSettingsTable tr{text-align:left}.roleCheckboxGroup{display:flex;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.roleCheckboxGroup input{display:flex;margin:initial}.configurationSettings{display:flex;flex-direction:column;flex-grow:1;gap:20px;height:100%;text-align:center}.configurationSettingsContent{height:100%}.configurationHeader{color:var(--header-color);font-size:var(--heading-size);margin-bottom:40px;text-align:center;width:100%}.configurationSettingsSMSContent{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:15px;max-height:60vh;overflow:scroll;width:50%}.secretKeyInputGroup{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.analyticsConfiurations{margin-top:10px}.kgco2{align-items:center;flex-direction:column;gap:10px;justify-content:center;width:100%}.kgco2,.kgco2table{display:flex;height:90%}.kgco2table{width:90%}.userSettingsCreateUserFormInputs.general{display:flex;flex-direction:column;gap:2px}.kgco2btns{align-items:flex-end;display:flex;justify-content:flex-end;width:90%}.kgco2btn{display:flex;gap:10px}.configurationSettingsMail{display:flex;flex-direction:column;height:90%;margin:auto;width:100%}.configurationSettingsMailHeading{display:flex;margin-top:20px}.configurationSettingsMailTabs{border-bottom:1px solid #000;display:flex;gap:5px;margin:30px auto auto;white-space:nowrap}.configurationSettingsMailTab{background-color:var(--item-selected-color);border-radius:var(--button-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;border-top-left-radius:var(--button-border-radius);border-top-right-radius:var(--button-border-radius);cursor:pointer;padding:10px}.configurationSettingsMailTab.selected{background-color:var(--background-color-violet);border-top-left-radius:var(--button-border-radius);border-top-right-radius:var(--button-border-radius);color:var(--light-font-color);font-weight:600}.configurationSettingsMailContent{display:flex;flex-direction:column;gap:10px;height:60%;justify-content:center;margin-left:auto;margin-right:auto;width:50%}.configurationNotificationsForm{display:flex;flex-direction:column;height:100%;margin-top:20px;width:100%}.configurationNotificationsHeading{display:flex;flex-direction:column;font-size:21px;font-weight:600;margin-top:20px}.enableSmtp{display:flex;margin-bottom:10px;width:100%}.enableSmtp label{width:40%}.enableSmtpCheck{display:flex;margin:0!important;width:15px!important}.configurationNotificationsFormContent{height:100%;margin-left:auto;margin-right:auto;width:100%}.configurationNotificationsFormBtns{align-self:center;display:flex;gap:10px;justify-content:center;margin-top:40px}.configurationNotificationsFormBtn{background-color:var(--heading-details-color);border-radius:10px;color:var(--font-color);color:var(--light-font-color);cursor:pointer;display:flex;font-size:16px;font-weight:600;margin:auto;padding:10px 15px}.configureSmtpAppPasswordGroup{display:flex;gap:40px;margin:auto;width:73%}.configureSmtpAppPassword{left:13px;margin:auto!important;position:relative;width:65%!important}.configureSmtpAppPasswordGroup a{background-color:var(--settings-selected-color);border-radius:var(--button-border-radius);color:var(--font-color);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:auto;padding:12px 10px;position:relative;right:15px;text-decoration:none;white-space:nowrap;width:25%}.configurationSettingsTelegram{height:80%;width:100%}.react-multi-email{-webkit-tap-highlight-color:rgba(255,255,255,0);align-content:flex-start;align-items:center;background:#fff;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;color:rgba(0,0,0,.87);display:flex;flex:1 0 auto;flex-wrap:wrap;line-height:1.21428571em;margin:0;max-width:100%;outline:0;padding:.4em .5em;position:relative;text-align:left;transition:box-shadow .1s ease,border-color .1s ease}.react-multi-email>span[data-placeholder]{display:none;left:.5em;line-height:1.21428571em;padding:.4em;position:absolute;top:.4em}.react-multi-email.focused{background:#fff;border-color:#85b7d9}.react-multi-email.empty>span[data-placeholder]{color:#ccc;display:inline}.react-multi-email.focused>span[data-placeholder]{display:none}.react-multi-email>input{border:0!important;display:inline-block!important;flex:1 1;line-height:1;outline:none!important;padding:.4em .1em!important;vertical-align:initial!important;width:auto!important}.react-multi-email [data-tag]{align-items:center;background-color:#f3f3f3;background-image:none;border:0 solid transparent;border-radius:.28571429rem;color:rgba(0,0,0,.6);display:flex;font-size:.8rem;font-weight:600;justify-content:flex-start;line-height:1;margin:.14285714em;max-width:100%;padding:.4em .8em;text-transform:none;transition:background .1s ease;vertical-align:initial}.react-multi-email [data-tag] [data-tag-item]{max-width:100%;overflow:hidden}.react-multi-email [data-tag]:first-child{margin-left:0}.react-multi-email [data-tag] [data-tag-handle]{cursor:pointer;margin-left:.833em}.configurationSettingsTelegram{display:flex;flex-direction:column;height:90%;margin:auto;overflow:scroll;width:90%}.telegamHeader{font-size:17px;font-weight:600;margin-top:20px;text-align:start}.telegramContent{display:flex;gap:10px;height:80%}.telegramContentLeft,.telegramContentRight{margin:auto;width:50%}.infoPanel,.telegramContentLeft,.telegramContentRight{display:flex;flex-direction:column;gap:10px}.infoPanel span{text-align:start}.inputPanel{display:flex;flex-direction:column;gap:20px;margin-top:20px}.telegramSaveBtn{margin-left:auto;margin-right:auto;text-align:center;width:20%}.telegramSaveBtn,.telegramSaveContentBtn{border-radius:10px;display:flex;justify-content:center}.telegramSaveContentBtn{background-color:var(--light-button-color);cursor:pointer;margin:20px auto auto;padding:10px;width:40%}.bacsysQrImageWithLabel{display:flex;flex-direction:column;height:50%;justify-content:space-evenly;margin-left:auto;margin-right:auto;object-fit:contain;width:50%}.bacsysImageQr{border-radius:20px;height:80%;object-fit:cover}.bacsysQrImageWithLabel img{width:60%}.bacsysTelegramNote{background-color:var(--container-background-color);border-radius:20px;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;padding:20px;width:60%}.telegramHr{border:none;border-left:1px solid #ccc;height:80%;margin-bottom:auto;margin-top:auto;width:1px}.backupRestoreSettings{display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:scroll;text-align:center}.backupAndRestoreHeader{color:var(--header-color);font-size:var(--heading-size);margin-bottom:40px;text-align:center;width:100%}.backupRestoreSettingsContents{background-color:var(--background-color);border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:100%;margin-top:10px}.backupRestoreSettings.dark{background-color:var(--dark-secondary-color)}.backupRestoreSettingsContent{display:flex;flex-direction:row;gap:20px;margin-left:auto;margin-right:auto;margin-top:80px}.backupRestoreSettingsData{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border-radius:var(--container-border-radius);box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);padding:25px}.backupRestoreLastBackupTime{display:flex;gap:80px}.backupRestoreLastBackupStatus{display:flex;gap:20px}.backupRestoreStatusLabel{margin-right:50px}.backupRestoreStatusDot{color:var(--light-green-color);margin:auto}.backupRestoreResetBtn{background-color:var(--light-red-color);border-radius:var(--container-border-radius);color:var(--white-color);cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:10px}.backupRestore{display:flex;margin-bottom:10px;width:100%}.backupRestoreConfig{display:flex;gap:50px;margin:auto;width:50%}.backupRestoreConfigBtns{display:flex;gap:10px;justify-content:center;margin:auto;width:50%}.backupRestoreConfigBtn{background-color:var(--background-color-violet);border-radius:var(--button-border-radius);color:#fff;cursor:pointer;padding:5px 10px}.licenseSettings{display:flex;flex-direction:column;flex-grow:1;gap:20px;height:100%;overflow:scroll;text-align:center}.licenseSettingContent{display:flex;height:100%;width:100%}.licenseSettingsForm{margin:auto}.licenseSettingsStatusDot{color:var(--light-green-color);margin-right:10px}.licenseSettingsGroup{align-items:flex-start;display:flex;gap:40px;justify-content:space-between}.label{flex-basis:50%;font-weight:600}.data,.label{text-align:left}.data{display:flex;flex-basis:60%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;width:50%}.licenseSettingsDetails{background-color:var(--container-background-color);border-radius:10px;color:var(--font-color);max-height:300px;padding:10px}.logs{flex-grow:1;overflow:scroll}.logs,.logsContent{display:flex;flex-direction:column;height:100%}.logsContent{margin-top:10px}.logsFilterContainer{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:7%;margin:auto;width:90%}.logsFilterPriorityChips{align-items:center;display:flex;gap:10px;justify-content:center;margin:auto}.logsFilterPriorityChip{border-radius:var(--button-border-radius);box-shadow:0 1px 4px rgba(0,0,0,.16);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;width:70px}.warning{background-color:#ea500d}.error{background-color:var(--light-red-color)}.debug{background-color:var(--primary-color)}.info{background-color:var(--light-green-color)}.clear{background-color:var(--container-background-color);border:var(--container-border);color:var(--light-font-color)}.logsSearchBox{align-items:center;background-color:var(--item-selected-color);border:1px solid #000;border-radius:var(--button-border-radius);display:flex;font-weight:600;justify-content:space-between;padding:10px;width:30%}.logsSearchBox input{background-color:initial;border:none;outline:none}.logsFilterOptions{display:flex;justify-content:space-between;width:100%}.logsDateTimeFilterBtn{align-items:center;background-color:var(--heading-details-color);border-radius:var(--button-border-radius);color:var(--light-font-color);cursor:pointer;display:flex;font-weight:800;gap:5px;padding:6px 10px}.logsContentText{align-items:center;background-color:#000;border-radius:var(--container-border-radius);color:#fff;height:80%;justify-content:center;margin:auto;overflow:scroll;text-align:justify;width:95%}.deviceLogStatisticsNoContentLog{align-self:center;display:flex;justify-content:center}.setting-form-row{display:flex;gap:20px;margin-bottom:20px}.form-col{flex:1 1}.setting-form-row .form-col:last-child{flex:0.8 1}.logo-upload-container{position:relative}.logo-upload-container input[type=file]{color:transparent;position:relative;z-index:2}.logo-upload-container:before{color:#444;content:attr(data-file-name);font-size:.95rem;left:12px;max-width:85%;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:1}input[type=file]::-webkit-file-upload-button{margin-right:10px}input[type=file]{color:transparent}.half-input{background-color:initial;padding:10px;width:50%}.roleSettingsSaveBtn{align-self:center;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;gap:5px;margin-top:100px;padding:10px 20px}.trends{gap:20px;width:100%}.trends,.trendsCanvas{display:flex;flex-grow:1;height:100%}.trendsCanvas{flex-direction:column;gap:var(--gap);justify-content:center}.trendsSidebar{display:flex;flex-direction:column;gap:10px;height:100%}.trendNavigator{height:100%;min-width:16%}.objectList{cursor:pointer;margin-left:20px;text-align:left}.trendNavigatorContent{align-items:center;display:flex;flex-direction:column;height:83%;margin:10px auto auto;overflow:scroll;width:100%}.trendNavigatorContent p{margin:0;text-align:left;width:90%}.trendNavigatorContent li{display:flex;justify-content:space-between;list-style:none;padding:5px;text-align:center;width:90%}.trendName{text-align:left;width:80%}.trend-item{cursor:pointer;padding:10px}.trend-item.selected{background-color:var(--settings-selected-color);color:var(--font-color)}.trendCanvas{display:flex;flex-direction:column;flex-grow:1;gap:10px;height:100%;overflow:scroll;text-align:center}.trendCanvasLabel{display:flex;justify-content:space-between}.trendCanvasLabelText{display:flex;gap:10px}.trendCanvasLabelText span{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);margin:auto}.trendCanvasLabelDeleteBtn{color:var(--light-red-color)}.trendCanvasLabelDeleteBtn,.trendCanvasLabelRefreshBtn{background-color:var(--item-selected-color);border-radius:50px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);cursor:pointer;font-size:20px;font-weight:700;margin-bottom:auto;margin-top:auto;padding:5px}.trendCanvasLabelExportBtn{background-color:var(--heading-details-color);border-radius:var(--button-border-radius);color:var(--light-font-color);cursor:pointer;font-size:14px;margin-bottom:auto;margin-top:auto;padding:5px 15px}

/*!
 * https://github.com/arqex/react-datetime
 */.rdt{position:relative}.rdtPicker{background:#fff;border:1px solid #f9f9f9;box-shadow:0 1px 3px rgba(0,0,0,.1);display:none;margin-top:1px;min-width:250px;padding:4px;position:absolute;z-index:99999!important}.rdtOpen .rdtPicker{display:block}.rdtStatic .rdtPicker{box-shadow:none;position:static}.rdtPicker .rdtTimeToggle{text-align:center}.rdtPicker table{margin:0;width:100%}.rdtPicker td,.rdtPicker th{height:28px;text-align:center}.rdtPicker td{cursor:pointer}.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover{background:#eee;cursor:pointer}.rdtPicker td.rdtNew,.rdtPicker td.rdtOld{color:#999}.rdtPicker td.rdtToday{position:relative}.rdtPicker td.rdtToday:before{border-bottom:7px solid #428bca;border-left:7px solid transparent;border-top-color:rgba(0,0,0,.2);bottom:4px;content:"";display:inline-block;position:absolute;right:4px}.rdtPicker td.rdtActive,.rdtPicker td.rdtActive:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.rdtPicker td.rdtActive.rdtToday:before{border-bottom-color:#fff}.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker td span.rdtOld{color:#999}.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker th{border-bottom:1px solid #f9f9f9}.rdtPicker .dow{border-bottom:none;cursor:default;width:14.2857%}.rdtPicker th.rdtSwitch{width:100px}.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev{font-size:21px;vertical-align:top}.rdtNext span,.rdtPrev span{-webkit-touch-callout:none;display:block;-webkit-user-select:none;user-select:none}.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker thead tr:first-of-type th{cursor:pointer}.rdtPicker thead tr:first-of-type th:hover{background:#eee}.rdtPicker tfoot{border-top:1px solid #f9f9f9}.rdtPicker button{background:none;border:none;cursor:pointer}.rdtPicker button:hover{background-color:#eee}.rdtPicker thead button{height:100%;width:100%}td.rdtMonth,td.rdtYear{cursor:pointer;height:50px;width:25%}td.rdtMonth:hover,td.rdtYear:hover{background:#eee}.rdtCounters{display:inline-block}.rdtCounters>div{float:left}.rdtCounter{height:100px;width:40px}.rdtCounterSeparator{line-height:100px}.rdtCounter .rdtBtn{-webkit-touch-callout:none;cursor:pointer;display:block;height:40%;line-height:40px;-webkit-user-select:none;user-select:none}.rdtCounter .rdtBtn:hover{background:#eee}.rdtCounter .rdtCount{font-size:1.2em;height:20%}.rdtMilli{padding-left:8px;vertical-align:middle;width:48px}.rdtMilli input{font-size:1.2em;margin-top:37px;width:100%}.rdtTime td{cursor:default}.userProfile{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;flex-grow:1}.userProfileHeadingIcon{font-size:20px;margin:auto}.userProfileHeading{background-color:var(--background-color-violet);border-radius:10px;color:var(--light-font-color);display:flex;font-weight:700;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:10px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.userProfileContent{border-radius:10px;flex-direction:column;height:70%;margin:auto;width:60%}.userProfileContent,.userProfileContentInputs{align-items:center;display:flex;justify-content:center}.userProfileContentInputs{gap:50px;width:100%}.userSettingsCreateUserFormLeft.left,.userSettingsCreateUserFormRight.right{width:40%}.userProfileBtns{display:flex;flex-direction:row;gap:5px}.userProfileUpdateBtn{display:flex;margin-top:30px}.userProfileEmailChangedPopup{background-color:var(--dialog-bg);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:40%;margin:auto;padding:10px;position:absolute;top:20%;width:20%}.userProfilePopupBtns{display:flex;gap:10px;justify-content:center}.userProfileEmailChangedPopupContentHeading{display:flex;font-size:18px;font-weight:600;justify-content:center;margin-bottom:20px;margin-top:10px}.userProfileEmailCancelPopupBtn{background-color:var(--light-font-color);border:1px solid var(--font-color);color:var(--font-color)}.userProfileEmailCancelPopupBtn,.userProfileEmailChangedPopupBtn{border-radius:var(--button-border-radius);cursor:pointer;font-size:14px;font-weight:500;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.userProfileEmailChangedPopupBtn{background-color:var(--heading-details-color);color:var(--white-color)}.userProfileEmailChangedPopupContentForm{margin-bottom:20px}.userProfileOkPopupBtn{cursor:pointer;margin-top:30px;text-align:center}.reports{display:flex;gap:var(--gap);height:100%;width:100%}.reportsBrowser{gap:16px;min-width:16%}.reportCanvas{display:flex;flex-direction:column;flex-grow:1;gap:var(--gap);height:100%;width:80%}.reportCanvasHeadingInput{display:flex;gap:5px;width:20%}.reportCanvasBody{display:flex;flex-direction:column;gap:var(--gap);height:100%;justify-content:space-between;overflow:hidden;width:100%}.reportCanvasBodyBack{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius)}.bodyHeader{gap:5px}.bodyHeader,.bodyTitle{display:flex;height:10%;width:100%}.bodyTitle{border-radius:5px;position:relative}.bodyFooter{gap:5px;height:10%}.body,.bodyFooter{display:flex;width:100%}.body{align-items:center;border-radius:5px;font-weight:var(--heading-font-weight);height:80%;justify-content:center}.headerPart{border-radius:5px;display:flex;flex:1 1;position:relative}.bodyTitle span,.footerPart span,.headerPart span{align-content:center;font-size:var(--heading-font-size);height:100%;margin:auto;text-align:center;width:100%}.footerPart{border-radius:5px;display:flex;flex:1 1;position:relative}.reportCanvasSetting{cursor:pointer;font-size:20px;position:absolute;right:2px;top:2px}.reportsBrowserContent{align-items:center;display:flex;flex-direction:column;gap:10px;height:90%;margin:auto;overflow:scroll;width:90%}.templateItem{display:flex;width:100%}.templateItem span{cursor:pointer;font-size:var(--heading-font-size);width:90%}.reportCanvasConfigurationForm{display:flex;height:70%;margin:auto;overflow:scroll;width:80%}.reportCanvasConfigurationFormLeft{height:100%;margin-left:auto;margin-right:auto;width:50%}.reportCanvasConfigurationFormRight{display:flex;flex-direction:column;gap:10px;height:100%;width:50%}.reportCanvasConfigurationFormBtns{display:flex;justify-content:center;margin:auto;width:100%}.assetsSelectionContainer,.pointSelectorOverlay{align-items:center;display:flex}.assetsSelectionContainer{background-color:var(--dialog-color);border:var(--container-border);border-radius:10px;flex-direction:column;height:60%;justify-content:center;margin:auto;width:25%}.searchContainer{align-items:center;display:flex;margin-top:10px;width:90%}.assetsSelectionContainerList{height:85%;margin-right:auto;margin-top:10px;overflow:scroll;width:90%}.assetsSelectionContainerBtns{display:flex;gap:15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:10px auto;width:100%}.input-style-card-container{display:flex;flex-wrap:wrap;gap:5px;padding:6px}.input-style-card{background-color:var(--container-background-color);border-radius:5px;display:flex;padding:3px}.reportCanvasConfiguration{display:flex;flex-direction:column;height:100%;margin:auto;width:90%}.customFormInput,.reportCanvasConfigurationForm,.reportCanvasConfigurationFormLeft{margin-bottom:5px;margin-top:0;overflow:visible}.overviewTable{display:flex;flex-direction:column;gap:15px;height:85%;margin:10px auto auto;overflow:scroll;width:90%}.overviewTableBtns{display:flex;gap:20px;justify-content:center;width:100%}.reportTable{gap:10px;height:100%;margin:auto;overflow:scroll;width:70vw}.reportTable,.reportTableContent{display:flex;flex-direction:column}.reportTableContent{gap:15px;height:85%;width:100%}.assetsFilter{display:flex;height:75%;width:100%}.assetsFilterContainer{background-color:var(--container-background-color);border-radius:var(--input-border-radius);display:flex;flex-wrap:wrap;gap:5px;height:100%;overflow-x:hidden;overflow-y:auto;padding:10px;width:100%}.reportTableHeader{display:flex;height:6vh}.assetFilterCard{align-items:center;-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border-radius:var(--input-border-radius);display:flex;gap:5px;justify-content:space-between;padding:5px}.reportPreviewWindow{align-items:center;background-color:var(--dialog-color);display:flex;flex-direction:column;height:100%;overflow:scroll;width:100%}.reportHeaderBtns{display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.reportCanvasBody.preview{background:#fff;color:#000}.paginationControls{display:flex;justify-content:space-between;margin-top:10px;width:50%}.body table{border-collapse:collapse;font-size:12px;width:80%}.body th{background-color:#f2f2f2;color:#333}.body td,.body th{border:1px solid #ddd;padding:10px;text-align:left}.body tbody tr:nth-child(2n){background-color:#f9f9f9}.body tbody tr:nth-child(odd){background-color:#fff}.body tbody tr:hover{background-color:#f1f1f1}.reportCanvasBtns{align-items:center;display:flex;gap:5px;margin-right:20px}.reportTableBtns{margin-bottom:10px}.widgetConfigurationForm{display:flex;flex-direction:column;height:97%;position:absolute;right:0;width:25%}.configurationFormContentHeading{align-items:center;display:flex;height:10%;justify-content:center;margin-bottom:auto;width:100%}.configurationFormContents{display:flex;flex-direction:column;height:100%;width:100%}.configurationForm{display:flex;flex-direction:column;height:90%;margin:10px auto auto;overflow:scroll;width:90%}.configurationFormContentHeading span{font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);text-align:center;width:100%}.configurationFormBtns{display:flex;gap:5px;justify-content:center;margin:auto auto 10px;width:80%}.chooseImgBtn{border-radius:8px;display:flex;font-size:12px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:10px;width:90%}.imagePreviewContainer{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.configurationFormDeleteIcon{color:var(--light-red-color);cursor:pointer;font-size:30px;position:absolute;top:0}.widgetDisplay{align-items:center;display:flex;margin:auto;width:95%}.widgetGroupInput{display:flex;width:100%}.widgetGroupInput span{margin:auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.assetInfo{display:flex;flex-direction:column;gap:20px;height:100%;width:100%}.assetTitle{font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);margin-top:3px}.assetContent,.assetTitle{display:flex;margin-left:auto;margin-right:auto;width:85%}.assetContent{flex-direction:column;font-size:var(--heading-font-size);gap:25px;margin-top:30px;overflow:scroll}.assetStatus{border-radius:var(--container-border-radius);color:var(--black-color);padding:5px 10px}.assetStatus.running{background-color:var(--light-green-shade)}.assetStatus.stopped{background-color:var(--light-red-shade)}.assetCard{display:flex;flex-direction:row;justify-content:space-between}.organizationsSettingsContent{display:flex;flex-grow:1}.organizationContent{display:flex;gap:15px;height:100%;margin:auto;width:100%}.organizationBrowser{display:flex;flex-direction:column;height:100%;width:100%}.organizationBrowserHeading{align-items:center;font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);height:8%;justify-content:space-between}.organizationBrowserContent,.organizationBrowserHeading{display:flex;margin-left:auto;margin-right:auto;width:95%}.organizationBrowserContent{justify-content:flex-start}.organizationBrowserContent,.organizationItem{align-items:flex-start;flex-direction:column;gap:5px}.organizationItem{display:flex;margin-left:auto;margin-right:auto;width:95%}.organizationName{display:flex;font-size:var(-heading-font-size);font-weight:var(--heading-font-weight);gap:5px}.sitesList{align-items:flex-start;font-size:12;font-weight:var(--base-font-weight);gap:5px;margin-left:auto;margin-right:auto;width:70%}.organizationCanvas,.sitesList{display:flex;flex-direction:column}.organizationCanvas{flex-grow:1;gap:10px}.organizationCanvasHeading{font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);width:100%}.organizationCanvascontent{display:flex;flex-direction:column;height:100%;width:100%}.organizationCanvasHeadingText{font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);margin-left:15px;margin-top:15px}.orgContent{align-content:flex-start;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;height:70vh;justify-content:flex-start;margin:auto;overflow:scroll;width:98%}.orgCard{box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:flex;flex-direction:column;height:170px;width:300px}.orgCardBtnGroup{cursor:pointer;display:flex;gap:5px}.orgCardHeading{align-items:center;font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);height:30%;justify-content:space-between}.orgCardContent,.orgCardHeading{display:flex;margin-left:auto;margin-right:auto;width:95%}.orgCardContent{flex-direction:column;font-size:var(--heading-font-size);gap:5px}.orgCardContentBlock{align-items:center;background-color:var(--container-background-color);border:var(--container-border);border-radius:5px;display:flex;gap:5px;padding:5px}.orgCardDeleteIcon,.orgCardIcon{display:flex;padding:3px}.orgCardDeleteIcon{border-radius:5px!important}.emptyOrgContent{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-size:20px;font-weight:300;gap:5px;height:100%;justify-content:center;width:100%}.orgCardContent.center{height:100%;margin:auto;width:100%}.overlayContent{height:100%;width:100%}.newOrgForm,.overlayContent{display:flex;flex-direction:column}.newOrgForm{background-color:var(--dialog-color);border-radius:var(--container-border-radius);height:60%;justify-content:flex-start;margin:auto;width:30%}.newOrgFormHeading{font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);height:10%;justify-content:center}.newOrgFormContents,.newOrgFormHeading{align-items:center;display:flex;width:100%}.newOrgFormContents{flex-direction:column;height:75%;justify-content:flex-start;margin-bottom:auto;overflow:scroll}.newOrgFormBtns{display:flex;gap:10px;justify-content:center;margin:auto;width:100%}.newOrgFormContents .customFormInput{margin-top:0}.addSiteBtn{border-radius:5px;gap:5px;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.addSiteBtn,.orgSiteInput{align-items:center;display:flex;justify-content:center}.orgSiteInput{width:97%}.orgFormDeleteIcon{cursor:pointer;margin-top:10px}.latLongInputGroup{align-items:flex-end;display:flex;gap:5px;justify-content:space-between;margin-bottom:10px;margin-left:auto;margin-right:auto;width:90%}.inputGroupPart{display:flex;flex-direction:column;gap:10px;width:50%}.inputGroupPart input{background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--input-border-radius);color:var(--font-color);display:flex;outline-style:none;outline-width:.1px;padding-bottom:10px;padding-left:10px;padding-top:10px;width:90%}.inputGroupPart input:focus{border:1px solid var(--primary-color)}.inputGroupPart.location{cursor:pointer;height:60%;justify-content:center}.getLocationIcon,.inputGroupPart.location{align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.getLocationIcon{display:flex}.siteCard{height:220px}.home,.orgView{display:flex;flex-direction:column;flex-grow:1;gap:10px;height:100%}.homeHeader,.orgHeader{align-items:center;display:flex;height:7%;overflow:scroll;width:100%}.homeHeaderHeading,.orgHeaderHeading{align-items:center;display:flex;font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);gap:10px}.homeContent,.orgViewContent,.siteViewContent{height:95%;justify-content:space-between}.homeContent,.homeContentTop,.orgViewContent,.siteViewContent{display:flex;flex-direction:column;gap:10px;overflow:scroll;width:100%}.homeContentTop{height:20%}.homeContentBottomHeading,.homeContentTopHeading{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight)}.homeContentBottomCards,.homeContentTopCards{display:flex;gap:10px;height:100%;overflow:scroll;width:100%}.homeOrgsCard{align-items:flex-start;-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:70%;justify-content:space-between;overflow:scroll;padding:10px;width:8%}.homeOrgsCardCount{font-size:30px;text-align:center}.homeOrgsCardTitle{font-size:12px}.homeContentBottom{gap:10px;height:80%}.homeContentBottom,.homeContentBottomCards{display:flex;flex-direction:column;overflow:scroll;width:100%}.homeContentBottomCards{margin:auto}.homeContentBottomCardHeader{border:var(--container-border);border-radius:20px;padding:5px;text-align:center;width:100px}.bottomSiteCard,.homeContentBottomCardHeader{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color)}.bottomSiteCard{border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex:0 0 auto;flex-direction:column;height:90%;justify-content:space-between;padding:10px;width:30vh}.siteHeading{display:flex;font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight)}.orgHeading{text-align:left}.bottomOrgCard{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex:0 0 auto;flex-direction:column;height:90%;justify-content:space-between;padding:10px;transition:box-shadow .3s ease,background-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,-webkit-transform .3s ease;width:30vh}.bottomOrgCard:hover{background-color:var(--hover-background-color);box-shadow:0 4px 15px rgba(0,0,0,.2)}.orgCardsSpace{height:60%}.orgCardsSpace,.siteCardsSpace{box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;padding:10px;width:93.5vw}.siteCardsSpace{height:40%}.orgContentBottom,.orgContentTop{flex-direction:column}.orgContentBottom,.orgContentTop,.orgContentTopCards{display:flex;gap:10px;height:50%;overflow:scroll;width:100%}.orgContentTopSecondCards{display:flex;gap:10px;height:100%;width:100%}.deviceStatisticsCard.orgCardView{height:96%;width:28%}.orgViewTabs{display:flex;gap:10px;justify-content:right;padding:0;width:30%}.orgViewTabs .customFormLabel{margin-bottom:0}.orgViewTabs .customFormInput{margin:auto 0;width:48%}.orgViewTab{margin-left:0;margin-right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.orgHeader{justify-content:space-between}.alarmStatisticsCard{display:flex;height:96%;width:68.6%}.alarmStatisticsCardLeft{border-right:var(--container-border);display:flex;flex-direction:column;height:100%;margin:auto;width:20%}.alarmStatisticsCardLeftBottom,.alarmStatisticsCardLeftTop{display:flex;flex-direction:column;height:49%;margin-left:auto;margin-right:auto;margin-top:10px;width:90%}.alarmCount{align-items:center;display:flex;font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);height:100%;margin-bottom:auto;margin-top:auto}.unack{color:#f05d1e}.ack{color:#35ba62}.high{color:#e4c72e}.alarmStatisticsCardCenter{border-right:var(--container-border);display:flex;flex-direction:column;height:100%;width:65%}.alarmStatisticsCardCenterTop{align-items:center;display:flex;font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);height:40%;margin:auto;width:90%}.alarmStatisticsCardCenterBottom{display:flex;height:60%;margin:auto;width:90%}.alarmStatisticsCardCenterBottomPriority{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:35%}.alarmStatisticsCardRight{align-items:center;display:flex;height:100%;justify-content:center;width:15%}.viewAlarmBtn{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.orgContentBottomCards{display:flex;flex-wrap:wrap;gap:10px;height:100%;overflow:scroll;width:93.5vw}.orgContentBottomCardSite{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:5px;height:91%;padding:10px;transition:box-shadow .3s ease,background-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,-webkit-transform .3s ease;width:20%}.orgContentBottomCardSite:hover{background-color:var(--hover-background-color);box-shadow:0 4px 15px rgba(0,0,0,.2)}.bottomCardSiteOverview{display:flex;flex-direction:column;gap:10px;height:23%;justify-content:space-evenly;margin:auto;width:90%}.bottomCardSiteOverviewHeading{display:flex;font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);height:40%;width:100%}.bottomCardSiteAlertsContent,.bottomCardSiteOverviewContent{display:flex;font-size:var(--base-font-size);font-weight:400;gap:10px}.bottomCardSiteAlertsContentPart,.bottomCardSiteOverviewContentPart{display:flex;gap:10px}.bottomCardSiteOverviewContentPartIcon{align-items:center;display:flex;gap:5px}.cardCount{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight)}.bottomCardSiteAlerts{display:flex;flex-direction:column;height:38.5%;justify-content:center;margin:auto;width:90%}.bottomCardSiteAlertsHeading,.bottomCardSiteGatewaysPartHeading{display:flex;font-weight:var(--heading-font-weight);height:40%;width:100%}.bottomCardSiteGateways{display:flex;gap:20px;height:38.5%;justify-content:space-between;margin:auto;width:90%}.bottomCardSiteGatewaysPartContent{display:flex;flex-direction:column;gap:10px}.bottomCardSiteGatewaysPartContentRow{display:flex;gap:20px;justify-content:space-between}.instanceViewContent,.mapViewContent{display:flex;flex-grow:1;gap:10px;height:100%}.mapViewLeft{height:100%;width:65%}.instanceViewContentLeft{display:flex;flex-direction:column;gap:10px;height:100%;width:65%}.instanceViewContentRight,.mapViewRight{display:flex;flex-direction:column;gap:10px;height:100%;width:45%}.mapViewLeftHeading,.mapViewRightHeading{height:5%}.instanceViewContentRightHeading,.mapViewLeftHeading,.mapViewRightHeading{display:flex;font-size:var(--heading-font-size);font-weight:var(--heading-font-weight)}.instanceViewContentRightHeading{align-items:center;height:10%}.instanceViewContentLeftHeading{align-items:center;display:flex;font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);height:10%;justify-content:space-between}.instanceViewContentLeftHeading .customFormLabel{display:none}.instanceViewContentLeftHeading span{width:80%}.instanceViewContentLeftHeading .customFormInput{margin-bottom:auto;margin-top:auto;width:20%}.mapViewLeftContent{height:95%}.mapViewRightPart{display:flex;flex-direction:column;gap:10px;width:100%}.mapViewRightPart.top{height:58%}.mapViewRightPart.bottom{height:41%}.mapViewRightContent{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;height:95%;width:100%}.mapViewTreeStructure{display:flex;height:90%;margin:auto;width:90%}.treeItemHeading{align-items:center;display:flex;font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);gap:5px}.treeSiiteList{gap:0;width:90%}.treeEdgesList{display:flex;flex-direction:column;margin:auto;width:70%}.edgeItem{cursor:pointer;padding:5px;text-align:left}.mapViewRightContentStatistics{height:95%;width:100%}.instanceViewContentLeftContentTop{display:flex;gap:10px;height:50%;width:100%}.instanceViewContentLeftContentTopLeft{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;width:50%}.instanceViewContentLeftContentLeftHeading{height:10%;width:90%}.cpuChartContainer,.instanceViewContentLeftContentLeftHeading{align-items:center;display:flex;font-size:var(--heading-font-size);margin-left:auto;margin-right:auto}.cpuChartContainer{height:90%;width:100%}.instanceViewContentLeftContentTopRight{display:flex;flex-direction:column;gap:10px;height:100%;width:50%}.instanceViewContentLeftContentTopRightPart{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;gap:10px;height:98%;justify-content:space-between;width:50%}.instanceViewContentLeftContentTopRightPartHeading{align-items:center;display:flex;font-size:var(--heading-font-size);height:15%;margin-left:auto;margin-right:auto;width:95%}.instanceViewUsageGraph{display:flex;height:100%;margin:auto;width:100%}.instanceViewContentLeftContentBottom{display:flex;flex-direction:column;gap:10px;height:50%;width:100%}.instanceViewContentLeftContentTable{align-items:center;display:flex;gap:10px;height:100%;justify-content:center;margin:auto;width:100%}.instanceViewContentLeftContentTopRightContent{height:85%;margin:auto;width:90%}.instanceViewContentRightContent{display:flex;flex-direction:column;gap:10px;height:95%}.platFormStats{display:flex;gap:5px;height:48%;width:100%}.platFormStatsCard{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:100%;width:33.3%}.platFormStatsCardHeading{align-items:center;display:flex;font-size:var(--base-font-size);height:20%;margin-left:auto;margin-right:auto;width:90%}.platFormStatsCardContent{align-items:center;display:flex;font-size:40px;font-weight:var(--heading-font-weight);height:80%;justify-content:center;margin:auto;text-align:center;width:90%}.platFormHealth{display:flex;flex-direction:column;gap:10px;height:49.5%;width:100%}.platFormHealthHeading,.platFormServiceLogsHeading{align-items:center;display:flex;font-weight:var(--heading-font-weight);height:10%}.platFormHealthContent{align-items:center;-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-wrap:wrap;gap:10px;height:90%;justify-content:center;margin:auto;padding:15px}.platFormHealthContentItem{align-items:center;display:flex;gap:5px;height:10%;width:40%}.platFormServiceLogs{display:flex;flex-direction:column;gap:10px;height:33.3%;width:100%}.platFormServiceLogsContent{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--black-color);border:var(--container-border);border-radius:var(--container-border-radius);color:var(--light-green-color);display:flex;flex-wrap:wrap;gap:10px;height:90%;margin:auto;width:100%}.siteView{height:100%}.siteView,.siteViewBottom,.siteViewTop{display:flex;flex-direction:column;gap:10px;width:100%}.siteViewBottom,.siteViewTop{height:48%}.siteContentTopCards{display:flex;gap:10px;height:30%;width:100%}.siteContentTopSecondCards{display:flex;gap:10px;height:60%;width:100%}.siteAlarmCard{display:flex;height:100%;width:68.9%}.siteCardSecond{display:flex;flex-direction:column;gap:10px;height:100%;width:30%}.siteDeviceCard{display:flex;height:50%;width:99%}.siteViewBottomContent{display:flex;gap:5px;gap:10px;height:100%;width:100%}.siteApexCard{align-items:flex-start;-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);flex:0 0 auto;gap:5px;height:100%;width:15%}.siteApexCard,.siteApexCards{display:flex;flex-direction:column;overflow:scroll}.siteApexCards{align-items:center;gap:10px;height:90%;margin:auto;width:100%}.siteApexCards span{align-items:center;border:var(--container-border);border-radius:var(--input-border-radius);cursor:pointer;padding:10px;width:80%}.siteApexCards span:hover{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color)}.siteApexCardContent{display:flex;height:99%;width:55%}.noApex{align-items:center;color:var(--disabled-color);font-size:12px;justify-content:center;margin-top:auto;text-align:center;white-space:nowrap}.edgeStatistics,.noApex{display:flex;height:100%}.edgeStatistics{gap:10px;width:100%}.statisticsContainer{display:flex;flex-direction:column;height:45%;width:100%}.deviceStatistics,.topStatisticsContainer{display:flex;height:100%;width:100%}.deviceStatistics{gap:15px;justify-content:center;margin:auto}.deviceStatisticsContainer{display:flex;flex-direction:column;gap:20px;justify-content:space-around;width:100%}.deviceStatisticsCard{display:flex;justify-content:space-evenly}.deviceStatisticsCardLeftContent{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-bottom:auto;margin-left:15px;width:55%}.deviceStatisticsCardHeading{align-items:center;display:flex;font-size:14px;font-weight:600;height:40%;width:100%}.deviceStatisticsCardsStatusContainer{display:flex;flex-direction:column;gap:5px;height:60%;justify-content:center;overflow:scroll}.deviceStatisticsStatus{display:flex}.deviceStatisticsStatusDot{border:none;border-radius:50%;height:10px;margin-bottom:auto;margin-right:10px;margin-top:auto;width:10px}.active{background-color:#35ba62}.inactive{background-color:#f05d1e}.deviceStatisticsCardRightContent{border-radius:10%;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-bottom:auto;margin-right:15px;margin-top:auto;text-align:center;white-space:nowrap;width:80%}.deviceStatusPercentage{align-items:flex-end;color:#35ba62;display:flex;font-size:30px;font-weight:500;height:70%;justify-content:flex-end;margin-right:5px;text-align:right}.deviceStatusText{color:#bcc4c3;font-weight:600;margin:auto 20px auto auto}.map-container{position:relative}.mapcomponent{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.input-container{align-items:center;border-radius:8px;display:flex;left:20px;margin-left:3%;padding:10px;position:absolute;z-index:1000}.coordinate-input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-right:8px;padding:8px;width:200px}.add-marker-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;height:38px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px;transition:background-color .3s}.add-marker-button:hover{background-color:#0056b3;box-shadow:0 2px 10px rgba(0,0,0,.3)}.location-button{background-color:#007bff;border:none;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff;cursor:pointer;height:38px;margin-left:10px;padding:8px;transition:background-color .3s;width:38px}.location-button:hover{background-color:#0056b3}.custom-gps-icon{text-align:center}.custom-gps-icon img{height:30px;width:30px}.hardwareStatisticsContainer{flex-direction:column}.hardwareStatisticsCardsContainer,.hardwareStatisticsContainer{display:flex;height:100%;justify-content:space-around;width:100%}.hardwareStatisticsCardsContainer{flex-direction:row;gap:5px}.hardwareStatisticsCard{height:100%;width:32%}.hardwareCardHeading{display:flex;height:20%;margin-right:auto;padding:5px;width:90%}.hardwareCardHeadingIcon{margin:auto}.hardwareCardHeadingIcon.hardwareCardHeadingIconWrapper{background-color:var(--primary-color);border-radius:50%;display:flex;padding:10px}.hardwareCardHeadingText{font-size:11px;margin-bottom:auto;margin-right:auto;margin-top:auto;white-space:wrap;width:55%}.hardwareCardContent{background-color:var(--edge-statistics-card-bg-color);border-radius:16px;display:flex;flex-direction:column;gap:10px;height:70%;margin:auto;text-align:center;width:85%}.utilizationPercentage{bottom:20px;color:var(--font-color);font-size:25px;font-weight:600;left:10%;margin-top:auto;position:fixed;right:10%}.utilizationText{bottom:5px;color:var(--edge-statistics-utilization-text-color);font-size:12px;font-weight:500;left:10%;position:fixed;right:10%;white-space:nowrap}.hardwareContentPercentage{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(81,110,92,0),rgba(84,245,137,.6));border-radius:0 0 16px 16px;border-top:2px solid rgba(84,245,137,.6);display:flex;flex-direction:column;margin-top:auto;transition:height .9s ease-in-out;width:100%}.hardwareContentPercentage.zero{background-color:initial}.hardwareCardContent.memory{background-color:rgba(240,93,30,.06)}.hardwareContentPercentage.memory{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(240,93,30,0),rgba(240,93,30,.6));border-top:2px solid rgba(240,93,30,.6)}.hardwareCardContent.cpuTemp{background-color:rgba(30,124,240,.06)}.hardwareContentPercentage.cpuTemp{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(240,93,30,0),rgba(30,107,240,.6));border-top:2px solid rgba(30,103,240,.6)}.configurationStatisticsContainer{align-items:flex-start;display:flex;flex-direction:column;gap:3px;height:100%}.statisticsHeading{color:var(--font-color);font-size:var(--edge-statistics-heading-font-size);font-weight:var(--heading-font-weight);margin-bottom:15px;margin-top:15px}.configurationStatisticsCards{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;height:100%;justify-content:space-between}.configurationStatisticsCard{color:var(--font-color);cursor:pointer;padding-bottom:13px;padding-top:35px;width:150px}.configurationStatisticsCard:hover{box-shadow:0 0 3px rgba(0,0,0,.3);cursor:pointer}.configurationContent{align-items:center;bottom:20px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:space-between;position:relative}.configurationHeading{color:var(--font-color);font-size:14px;font-weight:600}.configurationCount{color:#35ba62;font-size:2.3rem;font-weight:700}.edgeLink{color:inherit;text-decoration:none}.divider{display:flex;flex-direction:row;gap:15px}.edgeStatisticsLeft{gap:10px;height:100%;justify-content:space-between}.edgeStatisticsLeft,.edgeStatisticsRight{display:flex;flex-direction:column;width:50%}.mapPicker{align-items:center;display:flex;height:100%;justify-content:center;margin:auto;width:100%}.mapContainer{height:90%!important}.mapPickerCloseIcon{color:var(--white-color);cursor:pointer;position:absolute;right:4%;top:3%;z-index:1000}.searchBox{background-color:var(--dialog-color);left:50px;position:absolute;top:10px;width:300px;z-index:1000}.searchSuggestions{background:var(--dialog-color);border-radius:var(--input-border-radius);list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0;position:absolute;top:40px;width:300px}.searchSuggestions li{cursor:pointer;padding:8px}.searchSuggestions li:hover{background:var(--container-background-color)}.loading{color:var(--font-color);font-size:14px;margin-top:5px;position:absolute;right:5px}.assets{height:100%;width:100%}.assets,.assetsContent{display:flex;gap:var(--gap)}.assetsContent{flex-direction:column;flex-grow:1}.assetsBrowserheader{flex-direction:column;height:15%;justify-content:space-evenly;width:100%}.assetsBrowserheader,.assetsBrowserheaderTitle{display:flex;margin-left:auto;margin-right:auto}.assetsBrowserheaderTitle{align-items:center;height:30%;justify-content:space-between;width:90%}.assetsBrowserHeaderBtns{align-items:center;display:flex;gap:5px}.assetsBrowserheaderTitle span{font-size:16px;font-weight:var(--heading-font-weight)}.assetsBrowserContent{display:flex;height:73vh;margin:auto;overflow:scroll;width:90%}.treeItem{align-items:flex-start;gap:5px;padding-bottom:5px;padding-top:5px}.treeItem,.treeItem.selected{display:flex;text-align:left;width:100%}.treeItem.selected{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.expandCollapseIcon,.folderNode{align-items:center;display:flex}.folderNode{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);gap:15px;width:100%}.leafNode{display:flex;margin-left:auto;margin-right:auto;width:85%}.leafNode.selected span{align-items:flex-start;display:flex;text-align:left;width:100%}.assetCanvas{display:flex;height:100%;width:100%}.assetCanvasPointsContainer{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);width:49%}.assetCanvasFolderView,.assetCanvasPointsContainer{border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:95%;margin:auto}.assetCanvasFolderView{width:100%}.pointsContainerHeader{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:10px;width:95%}.pointsContainerTitle{align-items:center;display:flex;font-size:var(--custom-header-font-size);font-weight:var(--heading-font-weight);justify-content:center;text-align:center;width:100%}.assetCanvasContent{display:flex;flex:1 1;flex-direction:column;height:100%;margin-left:auto;margin-right:auto;min-height:200px;position:relative;width:80%}.assetCanvasContent button{background-color:#007bff;border:none;color:#fff;cursor:pointer;padding:5px 10px}.assetCanvasContent button:hover{background-color:#0056b3}.addFolderIcon{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.newFolderContainer{display:flex;height:100%;width:100%}.newFolderInputContainer{align-items:center;background-color:var(--dialog-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;flex-direction:column;height:25%;justify-content:space-between;margin:auto;padding:10px;width:20%}.newFolderContainerBtns,.nodeContent{display:flex;gap:5px}.nodeBtns,.nodeContent{align-items:center}.nodeBtns{display:flex;gap:3px}.folderEditMode{font-size:20px;font-weight:400}.assetCanvasBtn{bottom:0;display:flex;left:30%;margin-left:auto;margin-right:auto;position:absolute;right:30%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.assetsBrowserTree{height:100%!important;width:100%!important}.noAssetFound{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;width:100%}.noAssetFound span{font-size:20px;font-weight:var(--heading-font-weight)}.assetPointProperties{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius);display:flex;height:100%;width:100%}.assetPointPropertiesRight{display:flex;height:100%;justify-content:center;margin-top:20px}.assetSelected{padding:3px}.newFolderItem{align-items:center;display:flex;gap:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;width:90%}.folderItem{justify-content:space-between}.folderItem,.normalfolderItem{align-items:center;display:flex;gap:5px;margin-left:auto;margin-right:auto;padding:5px;width:95%}.normalfolderItem{justify-content:left}.checkFieldsNewFolder{display:flex;flex-direction:column;height:60%}.folderViewContent{display:flex;flex-direction:column;gap:16px;height:78vh;margin-left:auto;margin-right:auto;margin-top:10px;overflow-x:scroll;overflow-y:scroll;width:100%}.folderViewContent::-webkit-scrollbar{width:0}.folderViewContent::-webkit-scrollbar:horizontal{display:flex!important;height:7px}.folderViewContent::-webkit-scrollbar-track{background:var(--container-background-color);border:var(--container-border);border-radius:var(--container-border-radius)}.folderViewContent::-webkit-scrollbar-thumb{background:#555;border-radius:20px}.folderViewContent::-webkit-scrollbar-thumb:hover{background:var(--font-color)}.leftFolderSection{align-items:center;display:flex;width:70%}.expandCollapseBtn{align-items:center;display:flex;margin-bottom:auto;margin-top:auto}.rightFolderSection{display:flex;gap:2px;width:25%}.pointsList{display:flex;flex-direction:column;gap:5px;margin-left:auto;margin-right:auto;margin-top:5px;width:80%}.pointItem{padding:3px}.folderNameInput{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border:var(--container-border);border-radius:3px;color:var(--font-color);display:flex;outline:none;padding:2px;width:80%}.folderInput{align-items:center;cursor:pointer;display:flex;gap:5px}.folderInput span{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight)}.folderTemplateContainer{display:flex;flex-direction:column;margin-top:20px}.custom-node .react-flow__handle{opacity:0}.custom-node .react-flow__handle.source{right:-10px}.custom-node .react-flow__handle.target{left:-10px}.custom-node .react-flow__node:focus{outline:none}.dateFilterInputGroup{display:flex;flex-direction:row;gap:15px;height:100%;margin-left:auto;margin-right:auto;margin-top:7px;width:95%}.dateFilterBtn{align-items:center;border-radius:10px;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-bottom:auto;margin-top:6px}.table-responsive{overflow-x:auto;width:100%}.assumption-table{-webkit-backdrop-filter:var(--container-backdrop-filter);backdrop-filter:var(--container-backdrop-filter);background-color:var(--container-background-color);border-collapse:collapse;border-radius:var(--container-border-radius);font-size:14px;justify-content:space-evenly;width:100%}.assumption-table td,.assumption-table th{padding:8px 12px;text-align:right}.assumption-table td:first-child,.assumption-table th:first-child{background-color:var(--table-header-color);font-weight:600;left:0;position:-webkit-sticky;position:sticky;text-align:left;z-index:9999}.assumption-table thead th{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--table-header-color);font-weight:600;white-space:nowrap}.assumption-table tbody tr:hover,.assumption-table tbody tr:nth-child(2n){background-color:var(--container-background-color)}.assumption-table tfoot{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--table-header-color);font-weight:600}@media screen and (max-width:768px){.assumption-table{font-size:12px}.assumption-table td,.assumption-table th{padding:6px 8px}}.assumption-table{table-layout:auto}.assumption-table td:first-child,.assumption-table th:first-child{min-width:70px;width:70px}.assumption-table td:nth-child(2),.assumption-table td:nth-child(3),.assumption-table th:nth-child(2),.assumption-table th:nth-child(3){min-width:10px;width:10px}.positive-delta{color:#28a745;font-weight:800}.negative-delta{color:#dc3545;font-weight:800}.total-consumption{font-weight:700}.total-consumption th{padding:10px 8px}.total-consumption-value{text-align:left!important}.custom-form-container{background-color:var(--dialog-bg);border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;height:95vh;overflow-y:auto;padding:15px;position:absolute;right:0;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:35vw;z-index:1000}.save-meter-btn{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius)}.cancel-meter-btn,.save-meter-btn{color:var(--font-color);cursor:pointer;font-size:var(--base-font-size);font-weight:var(--button-font-weight);padding:10px 20px}.cancel-meter-btn{background-color:initial;border:1px solid var(--font-color);border-radius:var(--button-border-radius)}.meter-form-buttons{display:flex;flex:row 1;gap:10px;justify-content:center;margin-bottom:10px;width:100%}.form-tabs-building{background-color:var(--dialog-bg);display:flex;margin-bottom:10px;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.form-content{flex:1 1;margin-top:20px;max-height:calc(100% - 150px);overflow-y:auto;padding-right:10px}.tab-building{background:var(--container-background-color);border:var(--dialog-bg);border-bottom:2px solid transparent;color:grey;cursor:pointer;flex:1 1;margin:5px;text-align:center;transition:.3s}.tab-building.active{color:var(--font-color);cursor:pointer;font-weight:700}.tab-building.disabled{color:grey;cursor:not-allowed}.form-actions{background-color:var(--dialog-bg);bottom:0;display:flex;gap:10px;justify-content:center;margin:auto auto 10px;padding:10px 0;position:absolute;width:85%}.billing-conf-save-btn{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius)}.billing-conf-cancel-btn,.billing-conf-save-btn{color:var(--font-color);cursor:pointer;font-size:var(--base-font-size);font-weight:var(--button-font-weight);padding:10px 20px}.billing-conf-cancel-btn{background-color:initial;border:1px solid var(--font-color);border-radius:var(--button-border-radius)}.add-meter-btn{background-color:var(--container-background-color);border-color:var(--font-color);border-style:solid;color:var(--font-color)}.meter-button-container{margin-bottom:10px;width:100%}.meter-button-container,.remove-meter-btn{align-items:center;display:flex;justify-content:center}.remove-meter-btn{text-align:center}.modal-overlay{background-color:rgba(0,0,0,.5);bottom:0;right:0;z-index:1000}.modalContent{-webkit-animation:slideDown .3s ease-in-out;animation:slideDown .3s ease-in-out;background-color:var(--dialog-bg);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);display:flex;flex-direction:column;height:80%;overflow:hidden;padding:20px;position:relative;text-align:center;width:60%}.modalContent>div{flex-grow:1;overflow:auto}.modalClose{background-color:initial;border:none;color:var(--light-red-color);cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.tariff-config-container{border:1px solid var(--container-border);border-radius:8px;display:flex;flex-direction:column;height:100%;max-height:80vh}.input-row-add-charges{margin-top:20px}.add-submit-button,.save-button-tariff{background-color:var(--primary-color);color:var(--font-color)}.tariff-table{background-color:var(--container-background-color);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);display:block;margin-top:20px;max-height:50vh;overflow-x:auto;overflow-y:auto;padding:12px}.tariff-table table{border-collapse:collapse;width:100%}.tariff-table th{color:var(--font-color);font-weight:700;min-width:40px;padding:12px}.tariff-table td,.tariff-table th{background-color:var(--container-background-color);border:1px solid var(--font-color);text-align:center}.tariff-table td{padding:10px}.tariff-table input,.tariff-table tr:nth-child(2n){background-color:var(--container-background-color)}.tariff-table input{border:1px solid var(--font-color);border-radius:4px;color:var(--font-color);padding:6px;text-align:center;width:50px}button{border:none;border-radius:6px;color:var(--dialog-color);cursor:pointer;padding:6px 12px;transition:.3s ease-in-out}button:hover{opacity:.8}button.add-btn{background-color:#28a745;color:var(--font-color)}button.delete-btn{background-color:var(--light-red-color);color:var(--font-color)}.tariff-heading{position:-webkit-sticky;position:sticky;top:0;z-index:2}.Additional-charges-heading,.tariff-heading{font-size:18px;font-weight:700;padding:10px}.form-tabs{display:flex;justify-content:center;margin-bottom:16px}.tab{background-color:var(--container-background-color);border-radius:20px;cursor:pointer;font-weight:700;margin:0 8px;padding:10px 20px;transition:.3s ease}.tab.active{background:var(--selected-nav-bg-color);color:var(--font-color)}.input-row{gap:10px;justify-content:space-between;margin:auto;width:95%}.input-row .custom-form-input{flex:1 1;max-width:100px}@media (max-width:768px){.input-row{flex-direction:column}}.input-row{align-items:center;display:flex;gap:16px}.input-row>*{flex:1 1}.timeline{border:1px solid var(--font-color);border-radius:5px;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.timeline-hour{border:1px solid var(--font-color);cursor:pointer;flex-basis:calc(16.66667% - 10px);flex-grow:1;flex-shrink:1;padding:10px;position:relative;text-align:center}.timeline-hour.selected{background-color:var(--font-color)}.slab-assignment{color:var(--container-background-color);font-size:12px;margin-top:5px}.slab-modal{align-items:center;background:var(--font-color);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.slab-modal-content{background:var(--font-color);border-radius:5px;padding:20px;width:300px}.slab-options{display:flex;flex-direction:column;gap:10px}.slab-option{border:1px solid var(--font-color);cursor:pointer;padding:10px;text-align:center}.slab-option:hover,.timeline-hour.assigned,.timeline-hour.selected{background:var(--font-color)}.save-button-container{background:var(--dialog-bg);bottom:0;display:flex;gap:10px;justify-content:center;padding:10px;position:-webkit-sticky;position:sticky;text-align:center}.save-button{background-color:var(--primary-color);background:var(--font-color);border:none;border-radius:5px;color:var(--dialog-color);cursor:pointer;font-size:16px;padding:10px 20px}.save-button:hover{background-color:--primary-color}.config-form-tabs{background:var(--dialog-bg);border-bottom:2px solid var(--font-color);display:flex;justify-content:left;position:-webkit-sticky;position:sticky;top:40px;z-index:2}.add-tariff-tab{background:transparent;border:none;color:var(--font-color);cursor:pointer;font-size:16px;font-weight:500;outline:none;padding:12px 20px;transition:all .3s ease}.tab-content{flex-grow:1;max-height:50vh;overflow-y:auto;padding:10px}.add-tariff-tab.active{background-color:var(--font-color);color:var(--primary-color);color:var(--dialog-color);font-weight:700}.additional-charges-container{margin:20px}.save-charge-button{background-color:var(--font-color);color:var(--dialog-color)}.addcolumn{align-items:center;background-color:var(--primary-color);color:var(--font-color);cursor:pointer;display:flex;gap:6px;padding:6px 12px}.fc-day-today{background:none!important}.fc-daygrid-day,.fc-timegrid-slot{background-image:linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.1) 1px,transparent 0);background-size:50px 250px}.schedule-event{height:50vh;padding:20px}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal{background:#000;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;text-align:center}.modal input{margin:10px 0;padding:8px;width:100%}.modal button{border:none;cursor:pointer;margin:10px;padding:8px 12px}.modal button:first-of-type{background-color:#28a745;color:#fff}.modal button:last-of-type{background-color:#dc3545;color:#fff}.tenant-config-container{padding:16px}.tab-buttons{border-bottom:2px solid #ddd;display:flex;margin-bottom:16px}.tab-button{background:transparent;border:none;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px}.tab-button.active{background-color:var(--font-color);color:var(--dialog-color)}.tenant-save{bottom:15px;color:var(--font-color);position:absolute}.custom-button,.tenant-save{background-color:var(--primary-color)}.custom-button{border:none;border-radius:4px;color:var(--dialog-color);cursor:pointer;font-size:14px;font-weight:700;padding:10px 16px}.form-container{display:flex;flex-direction:column;gap:10px}.form-row{display:flex;gap:15px}.form-row>*{flex:1 1}.unit-form-container{font-family:Arial,sans-serif;padding:20px}.collapse-icon,.collapse-icon-spacer{align-items:center;cursor:pointer;display:flex;justify-content:center;width:24px}.node-area{flex-grow:1;gap:12px;padding:4px 0}.node-content{align-items:center;display:flex;flex-grow:1;gap:12px}.node-label{min-width:100px;text-align:left;white-space:nowrap}.building-container{margin-bottom:20px}.building-title{font-size:18px;font-weight:700}.node-row{gap:12px;margin-left:12px;padding:6px 0}.node-label{font-size:14px;margin:0 5px}.add-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:20px;padding:5px 10px}.add-button:hover{background-color:#0056b3}.collapse-icon{cursor:pointer;margin-right:10px}.tariff-checkbox{margin-left:10px}.node-checkbox-label{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.modal-add-tariff{align-items:center;background:rgba(0,0,0,.3);display:flex;height:100%;justify-content:right;left:0;position:fixed;top:0;width:100%}.modal-tariff-content{background:#1b1a1a;border-radius:8px;height:70%;padding:20px;text-align:center;width:40%}.tariff-modal-content{padding:20px}.modal-title{color:#333;margin-bottom:10px;margin-top:0}.modal-subtitle{color:#666;margin-bottom:20px;margin-top:0}.utility-tariff-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin:20px 0}.utility-row{gap:15px;padding:10px 0}.utility-checkbox,.utility-row{align-items:center;display:flex}.utility-checkbox{font-weight:500;gap:8px;min-width:120px}.tariff-select{flex-grow:1;min-width:250px}.modal-footer{bottom:0;display:flex;gap:10px;justify-content:center;left:0;padding-bottom:15px;position:absolute;right:0}.save-btn-add-charges{background-color:var(--primary-color);color:var(--font-color)}.btn{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.btn-secondary{background-color:#f0f0f0;border:1px solid #ddd;color:#333}.btn-primary{background-color:#4caf50;border:1px solid #4caf50;color:#fff}.btn-primary:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.building-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tariff-select-all-button{border:none;border-radius:4px;color:var(--font-color);cursor:pointer;font-size:12px;margin-left:10px;padding:5px 10px}.tariff-select-all-button,.tariff-select-all-button:hover{background-color:var(--primary-color)}.tariff-select-all-button:disabled{cursor:not-allowed;opacity:.5}.building-title-container{align-items:center;display:flex;gap:10px}.view-tariffs-button{align-items:center;background:none;border:none;color:var(--font-color);cursor:pointer;display:flex}.tariff-list-modal{padding:20px}.tariff-list-item{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px}.tariff-list-item:last-child{border-bottom:none}.utility-tariff-pair{margin-top:5px}.utility-name{font-weight:700}.hierarchy-container{max-height:calc(80vh - 100px);overflow-y:auto;padding-right:10px}.building-hierarchy-section{border-radius:5px;margin-bottom:30px;padding:15px}.node-row{align-items:center;display:flex;padding:8px 0}.space-node{color:#555;font-style:italic}.tariff-details{border-radius:4px;margin:5px 0 10px;padding:8px}.utility-tariff-pair{display:flex;gap:10px;margin:3px 0}.utility-name{font-weight:500;min-width:100px}.tariff-indicator{color:#666;font-size:.85em;font-weight:400}.render-nodes{height:40vh;overflow:scroll}.node-checkbox-label,.parent-checkbox-label{align-items:center;display:flex}.node-checkbox-label input,.parent-checkbox-label input{cursor:pointer;height:16px;margin:0;width:16px}.node-controls{align-items:center;display:flex;gap:6px}
/*# sourceMappingURL=main.9d94110b.css.map*/