:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-self-start{align-self:flex-start!important}.ion-align-self-end{align-self:flex-end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-evenly{justify-content:space-evenly!important}.ion-align-items-start{align-items:flex-start!important}.ion-align-items-center{align-items:center!important}.ion-align-items-end{align-items:flex-end!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media (prefers-color-scheme: dark){:root{--ion-color-primary: #4d8dff;--ion-color-primary-rgb: 77, 141, 255;--ion-color-primary-contrast: #000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #447ce0;--ion-color-primary-tint: #5f98ff;--ion-color-secondary: #46b1ff;--ion-color-secondary-rgb: 70, 177, 255;--ion-color-secondary-contrast: #000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #3e9ce0;--ion-color-secondary-tint: #59b9ff;--ion-color-tertiary: #8482fb;--ion-color-tertiary-rgb: 132, 130, 251;--ion-color-tertiary-contrast: #000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #7472dd;--ion-color-tertiary-tint: #908ffb;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffce31;--ion-color-warning-rgb: 255, 206, 49;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0b52b;--ion-color-warning-tint: #ffd346;--ion-color-danger: #f24c58;--ion-color-danger-rgb: 242, 76, 88;--ion-color-danger-contrast: #000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #d5434d;--ion-color-danger-tint: #f35e69;--ion-color-light: #222428;--ion-color-light-rgb: 34, 36, 40;--ion-color-light-contrast: #fff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #1e2023;--ion-color-light-tint: #383a3e;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152, 154, 162;--ion-color-medium-contrast: #000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244, 245, 248;--ion-color-dark-contrast: #000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9}:root.ios{--ion-background-color: #000000;--ion-background-color-rgb: 0, 0, 0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #0d0d0d;--ion-background-color-step-100: #1a1a1a;--ion-background-color-step-150: #262626;--ion-background-color-step-200: #333333;--ion-background-color-step-250: #404040;--ion-background-color-step-300: #4d4d4d;--ion-background-color-step-350: #595959;--ion-background-color-step-400: #666666;--ion-background-color-step-450: #737373;--ion-background-color-step-500: #808080;--ion-background-color-step-550: #8c8c8c;--ion-background-color-step-600: #999999;--ion-background-color-step-650: #a6a6a6;--ion-background-color-step-700: #b3b3b3;--ion-background-color-step-750: #bfbfbf;--ion-background-color-step-800: #cccccc;--ion-background-color-step-850: #d9d9d9;--ion-background-color-step-900: #e6e6e6;--ion-background-color-step-950: #f2f2f2;--ion-text-color-step-50: #f2f2f2;--ion-text-color-step-100: #e6e6e6;--ion-text-color-step-150: #d9d9d9;--ion-text-color-step-200: #cccccc;--ion-text-color-step-250: #bfbfbf;--ion-text-color-step-300: #b3b3b3;--ion-text-color-step-350: #a6a6a6;--ion-text-color-step-400: #999999;--ion-text-color-step-450: #8c8c8c;--ion-text-color-step-500: #808080;--ion-text-color-step-550: #737373;--ion-text-color-step-600: #666666;--ion-text-color-step-650: #595959;--ion-text-color-step-700: #4d4d4d;--ion-text-color-step-750: #404040;--ion-text-color-step-800: #333333;--ion-text-color-step-850: #262626;--ion-text-color-step-900: #1a1a1a;--ion-text-color-step-950: #0d0d0d;--ion-item-background: #000000;--ion-card-background: #1c1c1d}:root.ios ion-modal{--ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));--ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));--ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250))}:root.md{--ion-background-color: #121212;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #1e1e1e;--ion-background-color-step-100: #2a2a2a;--ion-background-color-step-150: #363636;--ion-background-color-step-200: #414141;--ion-background-color-step-250: #4d4d4d;--ion-background-color-step-300: #595959;--ion-background-color-step-350: #656565;--ion-background-color-step-400: #717171;--ion-background-color-step-450: #7d7d7d;--ion-background-color-step-500: #898989;--ion-background-color-step-550: #949494;--ion-background-color-step-600: #a0a0a0;--ion-background-color-step-650: #acacac;--ion-background-color-step-700: #b8b8b8;--ion-background-color-step-750: #c4c4c4;--ion-background-color-step-800: #d0d0d0;--ion-background-color-step-850: #dbdbdb;--ion-background-color-step-900: #e7e7e7;--ion-background-color-step-950: #f3f3f3;--ion-text-color-step-50: #f3f3f3;--ion-text-color-step-100: #e7e7e7;--ion-text-color-step-150: #dbdbdb;--ion-text-color-step-200: #d0d0d0;--ion-text-color-step-250: #c4c4c4;--ion-text-color-step-300: #b8b8b8;--ion-text-color-step-350: #acacac;--ion-text-color-step-400: #a0a0a0;--ion-text-color-step-450: #949494;--ion-text-color-step-500: #898989;--ion-text-color-step-550: #7d7d7d;--ion-text-color-step-600: #717171;--ion-text-color-step-650: #656565;--ion-text-color-step-700: #595959;--ion-text-color-step-750: #4d4d4d;--ion-text-color-step-800: #414141;--ion-text-color-step-850: #363636;--ion-text-color-step-900: #2a2a2a;--ion-text-color-step-950: #1e1e1e;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-card-background: #1e1e1e}}@charset "UTF-8";@font-face{font-family:SpaceGrotesk;src:url(SpaceGrotesk-Regular.2ab3fcec878b4c6e.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SpaceGrotesk;src:url(SpaceGrotesk-Medium.7a0cb11022c78e13.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:SpaceGrotesk;src:url(SpaceGrotesk-SemiBold.447b5f5fb07cb94e.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:SpaceGrotesk;src:url(SpaceGrotesk-Bold.670f6daed4787a60.ttf) format("truetype");font-weight:700;font-style:normal}*{font-family:SpaceGrotesk}app-footer{display:block!important;position:fixed;bottom:0;width:100%;background:#fff;z-index:1000}ion-content{padding-bottom:50px}ion-page{width:100%}app-side-menu{height:100%}ion-toggle{--track-background: var(--input-border)}ion-checkbox{--checkbox-background: transparent}ion-checkbox::part(container){border-color:var(--ion-color-primary)}*{font-family:SpaceGrotesk!important}.black{--background: var(--bg-color)}.no-hover-btn{--background-hover: transparent}.no-background{background:transparent;--background: transparent}.ion-item-no-hover{--background-hover: none}.text-capitalized{text-transform:capitalize!important}.bg-none{background:transparent!important;--background: transparent !important}.hide-input-number-btn input::-webkit-outer-spin-button,.hide-input-number-btn input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spin-icon{animation:spinIcon infinite 1s linear}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-text{font-size:14px;color:var(--error);font-weight:500}.error-text-sm{font-size:10px;color:var(--error);font-weight:500;text-wrap-mode:nowrap}.no-padding{padding:0;--padding: 0px}.no-margin{margin:0;--margin: 0px}.no-bg{background:transparent;--background: transparent}.full-height{height:100%;--height: 100%}.mr-10{margin-right:10px}gridster{padding-right:0!important;background:transparent!important}gridster-item{background:var(--input-bg)!important;border-radius:10px!important}gridster .gridster-row{border-top:1px solid var(--white)!important;border-bottom:1px solid var(--white)!important}gridster .gridster-column{border-left:1px solid var(--white)!important;border-right:1px solid var(--white)!important}.ps-10{--padding-start: 10px;padding-inline-start:10px}.custom-ion-input{background:var(--input-bg);color:var(--input-label);font-size:16px;font-weight:600;border-radius:8px;border:1px solid var(--input-border);--placeholder-color: var(--input-label);--placeholder-opacity: .4;font-family:SpaceGrotesk;--padding-start: 15px !important;--padding-top: 10px;--padding-bottom: 10px}ion-header.black{--background: var(--bg-color)}ion-header ion-toolbar.black{--background: var(--bg-color)}ion-header ion-toolbar.black.scenes{padding:10px}ion-header ion-toolbar.padding{padding-inline:2%}.co2-icon,.lux-icon{color:var(--bg-yellow)}.temperature-icon{color:var(--ion-color-primary)}.custom-ion-segment{--color: var(--ion-color-tertiary)}.custom-ion-segment ion-segment-button{--color: inherit;--indicator-color: var(--white) !important}.custom-ion-segment ion-segment-button ion-label{color:var(--white)}.custom-ion-segment :host(.segment-button-checked){background:transparent!important;color:var(--white)!important}.splash-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.splash-logo{width:200px;height:200px;margin-bottom:20px}.splash-logo img{max-width:100%;max-height:100%}.powered-by{position:absolute;bottom:10px;font-size:14px;color:var(--main-header-text-color);font-weight:400}.powered-by img{width:70px;height:20px;margin-left:5px}.login-container{display:flex;flex-direction:column;justify-content:center;min-height:92vh;width:100vw}.login-container .input-div{margin:20px 6% 0}.login-container .input-div ion-input{margin:20px 0 0;--background: var(--input-bg);--color: var(--input-label);font-family:SpaceGrotesk;--border-color: var(--bg-btn-lightblack);--highlight-color-focused: var(--input-label);border-radius:8px;height:60px;--border-radius: 8px}.login-container .input-div ion-input.mail_input{border-radius:10px;--border-radius: 10px}.login-container .input-div .error-msg{margin-bottom:10px;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;color:var(--error);margin-left:5px;margin-top:8px}.login-container .input-fill-outline.sc-ion-input-md-h{border-bottom:1px solid var(--bg-btn-lightblack)}.login-container .input-div-phone{margin:38px 6% 15px}.login-container .input-div-phone ion-row{border:1px solid var(--bg-btn-lightblack);padding:5px 5px 0;border-radius:8px;background:var(--input-bg);margin-bottom:10px}.login-container .input-div-phone ion-col{padding:2px 2px 0 5px}.login-container .input-div-phone ion-select{border-right:1px solid var(--bg-btn-lightblack);color:var(--button-text-color);font-family:inter;--padding-top: 15px;--padding-bottom: 20px;font-family:SpaceGrotesk}.login-container .input-div-phone ion-select::part(icon){color:var(--text-normal);opacity:1;margin-right:2px}.login-container .input-div-phone ion-input{--color: var(--input-label);font-family:SpaceGrotesk;--highlight-color-focused: var(--input-label)}.login-container .input-div-phone .error-msg{margin-bottom:10px;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;color:var(--error)}.login-container .forgot h1{margin-top:15px;margin-left:6%;margin-bottom:20px;color:var(--forgot-label-color);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.login-container .forgot .bordered-text{border-bottom:1px solid var(--forgot-label-color);padding-bottom:2px}.login-container .login-header{display:flex;flex-direction:column}.login-container .login-header-image{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.login-container .login-header-image .logo{height:72px}.login-container .login-header-image .logo_text{width:130px}.login-container .login-header-image.height-mail{height:20dvh;align-items:center!important}.login-container .login-header-image ion-img{max-width:100%;height:auto;margin:0 0 20px}.login-container .signup-text{text-align:center;margin-top:16px;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:var(--input-label)}.login-container .signup-text .link{color:var(--forgot-label-color)!important;font-family:SpaceGrotesk;font-size:12px}.login-container .signup-text .bordered-text{color:var(--forgot-label-color)!important;font-family:SpaceGrotesk;font-size:12px;border-bottom:1px solid var(--forgot-label-color);padding-bottom:2px}.login-container .signup-text.terms{position:absolute;bottom:16px;text-align:center;width:100%;z-index:-1}.login-container .sub-header h1{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:600;line-height:normal;margin:0 0 0 8%}.login-container .sub-header h5{color:var(--text-normal);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:600;line-height:normal;margin:8px 0 -18px 8%}.login-container .login-button{color:var(--button-text-color);text-transform:none;margin:10px 6% 0;height:53px;--background: var(--button-linear-gradient);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;--border-radius: 12px}.login-container .login-button.margin{margin-top:40px}.login-container .divider{display:flex;align-items:center;margin-top:20px;color:var(--button-text-color);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.login-container .divider.margin{margin:70px 0 20px}.login-container .line{flex:1;height:1px;background-color:var(--input-border-color);margin:0 10px}.login-container .line.margin-left{margin:0 10px 0 25px}.login-container .line.margin-right{margin:0 25px 0 10px}.login-container .button-container{display:flex;justify-content:center;width:100px;margin:0 auto}.login-container .custom-button{background-color:var(--main-header-text-color);border:none;text-align:center;text-decoration:none;display:flex;justify-content:center;align-items:center;border-radius:50%;min-width:40px;height:40px;cursor:pointer;margin:30px 10px 0 0;transition:background-color .3s ease}.login-container .custom-button.margin{margin:15px 10px auto}.login-container .custom-icon{font-size:30px}.login-container .signup-text{text-align:center;margin-top:20px;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:var(--input-label)}.login-container .signup-text span{text-align:center;margin-top:20px;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:600;line-height:normal;color:var(--text-normal)}.login-container .signup-text a{color:var(--forgot-label-color);text-decoration:underline;cursor:pointer;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.login-container .signup-text a:hover{text-decoration:none}.login-container .has-focus.sc-ion-input-md-h .input-highlight.sc-ion-input-md{display:none}.input-div ion-input{margin:20px 0 0;--background: var(--input-bg);--color: var(--input-label);font-family:SpaceGrotesk;--border-color: var(--bg-btn-lightblack) !important;--highlight-color-focused: var(--input-label);border-radius:8px;height:60px;--border-radius: 8px}.input-div ion-input.mail_input{border-radius:10px;--border-radius: 10px}.input-div .error-msg{margin-bottom:10px;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;color:var(--error)!important;margin-left:5px;margin-top:8px}.input-div .login-button{color:var(--button-text-color);text-transform:none;height:53px;--background: var(--button-linear-gradient);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;--border-radius: 12px}.input-div .login-button.margin{margin-top:40px}.signup-text{text-align:center;margin-top:16px;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:var(--input-label)}.signup-text .link{color:var(--forgot-label-color)!important;font-family:SpaceGrotesk;font-size:12px}.signup-text.terms{position:absolute;bottom:16px;text-align:center;width:100%}.padding_gen{--padding-start: 5px;--padding-end: 5px !important}.login-footer ion-toolbar{height:auto;--background: var(--bg-color)}.login-footer ion-toolbar ion-item{--background: var(--input-bg)}.login-footer ion-toolbar ion-item ion-label{--color: var(--white) !important;font-family:SpaceGrotesk!important;font-size:13px!important;font-style:normal;font-weight:400;line-height:normal}.login-footer ion-toolbar ion-item ion-chip{background:var(--button-text-color);color:var(--input-bg);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:600;line-height:normal}ion-tab-bar{--background: var(--bg-color);padding:15px 0}.toolbar_margin{margin-top:15px;margin-bottom:-10px}.add-room-error-msg{font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;color:var(--error);padding:10px 15px 0}ion-tab-button{--color: var(--text-normal);--ion-tab-button-background: transparent}ion-tab-button ion-icon{font-size:28px}ion-tab-button ion-label{font-family:SpaceGrotesk;font-size:11px;font-style:normal;font-weight:500;line-height:normal;padding-bottom:5px}.header_ion-toolbar{display:flex;justify-content:space-between;align-items:center;position:relative}.center-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--white);font-family:SpaceGrotesk;font-size:17px;font-style:normal;font-weight:300;line-height:normal;text-transform:capitalize}.center-title ion-icon{margin-left:8px}.title-container{display:flex;align-items:center;justify-content:center}.component-large{position:absolute;left:50%;top:20%;transform:translate(-50%);color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:25px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.loft-home-ion-select{color:var(--white);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:300;line-height:normal;text-transform:capitalize;opacity:1}.loft-home-user-icon{width:33px;height:33px;border-radius:50%;overflow:hidden;color:var(--button-text-color);background:var(--color-gradiant-blue);border:2px solid var(--button-text-color)}.loft-home-custom-title{background:var(--bg-color);color:var(--button-text-color);font-family:SpaceGrotesk;font-size:25px;font-style:normal;font-weight:600;line-height:normal;white-space:nowrap}.loft-home-custom-title.main-header{padding:0 0 10px}.loft-home-custom-title.scenes{margin:0;padding:10px 20px;font-size:40px;font-weight:600}.control-custom-title{background:transparent;color:var(--default-white);font-family:SpaceGrotesk;font-size:25px;font-style:normal;font-weight:600;line-height:normal;padding:0 0 17px;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}.control-custom-title ion-icon{font-size:24px;cursor:pointer;color:var(--default-white)}.group-custom-title{background:transparent;color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:500;line-height:normal;padding:0 0 17px;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}.group-custom-title ion-icon{font-size:24px;cursor:pointer;color:var(--default-white)}.group-custom-title ion-badge{--background: transparent;color:var(--main-header-text-color)}.blank-page-subtitle{color:var(--text-normal)!important}.scrollable-container{overflow-x:scroll;white-space:nowrap;padding-left:5px}.scrollable-container.height{height:103px}.scrollable-content{display:inline-flex;flex-direction:column;align-items:flex-start}.section-title{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.section-sub-title{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.section-small-title{color:var(--text-normal);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.more-icon{font-size:25px!important;color:var(--input-label)!important;display:flex!important;align-items:center!important;padding:0!important;margin-right:-5px!important}.quick-section-title{color:var(--text-gray-color);font-family:SpaceGrotesk;font-size:17px;font-style:normal;font-weight:600;line-height:normal;margin:40px 0 0 10px}.circles-container{display:flex}.circles-container.height{height:100px}.contain-padding{padding-inline:2%}.contain-padding .header-section{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.circle-item{width:60px;height:60px;margin-left:16px;margin-right:16px;margin-bottom:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--main-header-text-color);font-weight:700;font-size:18px;border:5px solid var(--input-border);position:relative}.circle-item ion-icon{position:absolute;top:49%;left:53%;transform:translate(-50%,-50%);font-size:25px}.circle-item ion-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:43px;width:43px}.circle-text{position:absolute;bottom:-30px;text-align:center;color:var(--main-sub-header-text-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.add-circle-item{width:60px;height:60px;margin-right:16px;margin-bottom:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:3px dotted var(--forgot-label-color);position:relative}.add-circle-item ion-icon{font-size:30px}.section-title-icon ion-icon{font-size:20px;color:var(--input-label)}.section-title-icon-option{color:var(--bg-btn-color);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.section-title-icon-option ion-icon{font-size:11px;color:var(--bg-btn-color)}.quick-actions-add-device{display:flex;justify-content:center;align-items:center;border:3px dotted var(--forgot-label-color);margin-top:10px;border-radius:10px}.quick-actions-add-device ion-icon{font-size:30px}@media (min-width: 1400px){.quick-actions-add-device{max-width:200px!important}}.quick-actions-device{margin-top:10px;border-radius:10px}.quick-actions-device ion-item{--background: transparent}.quick-actions-device ion-item ion-label h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-actions-device ion-item ion-label h2.black{color:var(--bg-color)}.quick-actions-device ion-item ion-label p{color:var(--main-sub-header-text-color);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-actions-device ion-item ion-label p.black{color:var(--bg-color)}.quick-actions-device ion-item ion-avatar{margin-left:-13px;margin-right:10px}.quick-actions-device ion-item ion-avatar img{padding:9px;filter:brightness(0) invert(1) sepia(1) hue-rotate(220deg)}.quick-actions-device ion-skeleton-text{--border-radius: 10px;--background-rgb: 256, 256, 256}@media (min-width: 1400px){.quick-actions-device{max-width:200px!important}}@media (min-width: 1600px){.quick-actions-device-media{margin-top:-15px!important}}.quick-rooms{margin:1.2% 1.2% 0 0;border-radius:10px;background:#0000004d;box-shadow:1px 1px 4px #00000040;position:relative;display:flex;justify-content:center;align-items:center;height:100px;overflow:hidden}.quick-rooms ion-icon{margin:7px;font-size:45px;color:var(--main-header-text-color)}.quick-rooms ion-icon.bg{opacity:60%}.quick-rooms ion-icon.right{font-size:10px;opacity:60%}.quick-rooms ion-skeleton-text{--border-radius: 10px;--background-rgb: 256, 256, 256}.quick-rooms .icon-container{position:absolute;top:0;right:0}@media (max-width: 480px){.quick-rooms{margin:2.3% 2.3% 0 0}}@media (min-width: 768px){.quick-rooms{max-width:125px!important}}.quick-rooms-icon{margin:3.3% 3.3% 0 0;border-radius:10px;height:100px;overflow:hidden;border:2px solid var(--input-border)}.quick-rooms-icon ion-icon{margin:7px;font-size:45px;color:var(--main-header-text-color)}.quick-rooms-icon ion-icon.bg{opacity:60%}.quick-rooms-icon ion-skeleton-text{--border-radius: 10px;--background-rgb: 256, 256, 256}.quick-rooms-icon.col-shadow{box-shadow:0 0 10px #7d7d7d33;height:100%!important}.quick-rooms-icon.col-shadow ion-icon{font-size:135px!important;transform:skew(0,-6deg);margin-bottom:26px!important}.quick-add-rooms-icon{margin:3.3% 3.3% 0 0;border-radius:10px;height:100px;overflow:hidden;border:2px solid var(--input-border)}.quick-add-rooms-icon.active{border:3px solid var(--white)}.quick-add-rooms-icon ion-icon{margin:7px;font-size:45px;color:var(--main-header-text-color)}.quick-add-rooms-icon ion-icon.bg{opacity:60%}.quick-add-rooms-icon ion-skeleton-text{--border-radius: 10px;--background-rgb: 256, 256, 256}.quick-add-rooms-icon.col-shadow{box-shadow:0 0 10px #7d7d7d33;height:100%!important}.quick-add-rooms-icon.col-shadow ion-icon{font-size:90px!important;transform:skew(0,-6deg);margin-bottom:26px!important}.quick-room-name{padding:10px 8px 8px;color:var(--input-label);text-align:center;font-family:SpaceGrotesk;font-size:13px;font-style:normal;font-weight:600;line-height:normal;white-space:nowrap;position:absolute;bottom:0;left:0;width:100%;opacity:80%;text-transform:capitalize;transition:transform 10s linear infinite!important}.quick-room-name-center{padding:8px;color:var(--input-label);text-align:center;font-family:SpaceGrotesk;font-size:14px;font-style:normal;font-weight:600;line-height:normal;white-space:nowrap;position:absolute;bottom:0;left:0;width:100%;text-transform:capitalize;transition:transform 10s linear infinite!important}.quick-room-name-center.bg{opacity:60%}.quick-room-name-center-short{color:var(--input-label);text-align:center;font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:600;line-height:normal;white-space:nowrap;position:absolute;bottom:0;left:0;width:100%;overflow:hidden;text-transform:capitalize;transition:transform 10s linear infinite!important}.quick-room-name-center-short.bg{opacity:60%}.quick-room-name.scroll{transition:transform 10s linear infinite;animation:scroll 10s linear infinite}.quick-add-rooms{display:flex;justify-content:center;align-items:center;border:3px dotted var(--forgot-label-color);margin:1.2% 1.2% 0 0;border-radius:10px;height:100px}.quick-add-rooms ion-icon{font-size:30px}@media (min-width: 768px){.quick-add-rooms{max-width:125px!important}}.quick-add-rooms-icon{display:flex;justify-content:center;align-items:center;border:3px dotted var(--input-border);margin:3.3% 3.3% 0 0;border-radius:10px;height:100px}.quick-add-rooms-icon ion-icon{font-size:30px}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.bg-blue{--background: var(--color-gradiant-blue)}.bg-blue .intro-swipe-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.bg-blue .intro-swipe-container .logo{max-width:60%;height:auto;position:absolute;top:40%;transform:translateY(-50%)}.bg-blue .intro-swipe-container p{color:var(--text-color);font-size:35px;font-weight:600;text-align:start;margin:18px 10% 10px;position:absolute;bottom:20%}.bg-blue .intro-swipe-container ion-row{position:absolute;bottom:5%;width:80%}.bg-blue .intro-swipe-container ion-col{border-radius:50px;display:flex;align-items:center}.bg-blue .intro-swipe-container ion-col div{position:absolute;width:-webkit-fill-available}.bg-blue .intro-swipe-container ion-col ion-text{font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.bg-blue .intro-swipe-container ion-col ion-fab-button{position:relative}.bg-blue .intro-swipe-container ion-col ion-fab-button ion-icon{position:absolute}.bg-blue .intro-swipe-container ion-col ion-fab-button .left{font-size:30px}.bg-blue .intro-swipe-container ion-col ion-fab-button .right{font-size:30px}.bg-blue .intro-slider .wrapper{padding:35px;height:98vh}.bg-blue .intro-slider .wrapper .skip-btn-div{float:right}.bg-blue .intro-slider .wrapper .app-brand-div{height:50%;display:flex;align-items:end;justify-content:center}.bg-blue .intro-slider .wrapper .app-brand-div .brand{color:var(--main-header-text-color);font-size:45px;font-weight:600}.bg-blue .intro-slider .wrapper .img-div{padding:30px;height:40vh}.bg-blue .intro-slider .wrapper .img-div img,.bg-blue .intro-slider .wrapper .img-div ion-img{display:block;width:100%;height:100%;object-fit:inherit;object-position:inherit;max-width:330px;margin:auto}.bg-blue .intro-slider .wrapper .img-div img#rocket,.bg-blue .intro-slider .wrapper .img-div ion-img#rocket{margin-top:60px;margin-bottom:-50px}.bg-blue .intro-slider .wrapper .bottom-div{display:flex;flex-direction:column}.bg-blue .intro-slider .wrapper .bottom-div .title-div .title p{color:var(--text-color);font-size:45px;font-weight:600;text-align:start;margin-top:18px}.bg-blue .intro-slider .wrapper .bottom-div .title-div .sub-title p{color:var(--text-color);font-size:18px;font-weight:600;text-align:start}.bg-blue .intro-slider .wrapper .bottom-div .swipe-btn{margin-top:60px}.bg-blue .intro-slider .wrapper .bottom-div .next-btn{margin:38px auto;width:242px;height:67px;font-size:20px;--border-radius: 11px}.bg-blue .intro-slider .wrapper .bottom-div .bottom-btn-div{display:flex;justify-content:space-between;margin-top:56px;align-items:center}.bg-blue .intro-slider .wrapper .bottom-div .bottom-btn-div .nothanks-btn{color:var(--text-color);font-size:20px;font-weight:600;letter-spacing:.5px;margin-left:-12px;text-decoration:underline}.bg-blue .intro-slider .wrapper .bottom-div .bottom-btn-div .tour-btn{width:184px;height:67px;flex-shrink:0;--border-radius: 34px;--background: var(--bg-color);color:var(--main-header-text-color);font-size:18px;font-weight:600}.bg-black_card{--background: var(--input-bg)}.installing_sniper{display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}.installing_sniper ion-spinner{width:120px;height:120px;color:var(--forgot-label-color);margin:100px auto}.installing_sniper .spinner_title{color:var(--white);text-align:center;font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.installing_sniper .spinner_title.width_full{text-wrap:wrap}.installing_sniper .check{width:100px;height:100px;color:var(--white);margin:100px auto;background:var(--forgot-label-color);border-radius:50%;padding:15px}.installing_sniper .cancel{width:100px;height:100px;color:var(--white);margin:100px auto;background:var(--error);border-radius:50%;padding:15px}.wifi_card{border-radius:8px;border:1px solid var(--bg-btn-lightblack);background:var(--input-bg);margin:85px 20px 50px}.wifi_card ion-icon{font-size:40px;color:var(--forgot-label-color)}.wifi_card h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:18px;font-weight:500}.wifi_card p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:12px!important;font-weight:600}.wifi_card ion-button{--padding-start: 10px;--padding-end: 10px;--padding-top: 8px;--padding-bottom: 8px;color:var(--bg-btn-color);font-family:SpaceGrotesk;font-size:15px;font-weight:500;border:1px solid var(--bg-btn-color);border-radius:25px;background:var(--input-bg);text-transform:capitalize}.update_submit_btn{position:absolute;right:30px;margin:40px auto;height:50px;--border-radius: 10px;--padding-start: 20px;--padding-end: 20px;text-transform:capitalize}.update_submit_btn.position{position:static!important}.update_submit_btn.position.left{float:left;margin-left:25px}.bg-black{--background: var(--bg-color)}.bg-black .wrapper{padding:30px 0 10px 10px;height:80vh}.bg-black .wrapper.padding-around{padding:30px!important;margin:auto}.bg-black .wrapper .gradient-rect{height:130px;width:130px;border-radius:4px;border:3px solid var(--main-header-text-color);background:var(--color-gradiant-darkblue-lightblue);margin-top:30px}.bg-black .wrapper .room-btn-div{display:flex;gap:5px;margin-top:30px}.bg-black .wrapper .room-btn-div .rooms-btn{--background: var(--bg-btn-lightblack);color:var(--main-sub-header-text-color);font-size:12px;font-weight:600;height:40px}.bg-black .wrapper .room-btn-div .close-btn{height:45px;width:45px;--border-radius: 50%;--background: var(--bg-card-color);color:var(--main-sub-header-text-color);--padding-start: 0px;--padding-end: 0px}.bg-black .wrapper .room-btn-div .close-btn>ion-icon{--font-size: 20px}.bg-black .wrapper p.room-scene-title{color:var(--text-gray-color);font-size:18px;font-weight:600;margin-top:20px}.bg-black .wrapper .skip-btn{position:absolute;right:20px}.bg-black .wrapper .mid_container.wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.bg-black .wrapper .mid_container .area_card{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-card-color);height:100px;border-radius:10px;margin:15px auto}.bg-black .wrapper .mid_container .area_card.height-none{height:auto;margin:0}.bg-black .wrapper .mid_container .area_card.height-none .inner_div .title{margin:15px 0 0!important;font-size:12px;font-family:700}.bg-black .wrapper .mid_container .area_card.height-none .inner_div .title span{font-size:10px}.bg-black .wrapper .mid_container .area_card.scene-wrap{height:80px}.bg-black .wrapper .mid_container .area_card.wrap{height:60px}.bg-black .wrapper .mid_container .area_card.device{height:80px}.bg-black .wrapper .mid_container .area_card .inner_div{display:flex;justify-content:center;align-items:center}.bg-black .wrapper .mid_container .area_card .inner_div .icon_div{height:45px;width:45px;border-radius:50%;margin:16px}.bg-black .wrapper .mid_container .area_card .inner_div .icon_div.bg-circle{background:var(--bg-btn-lightblack);display:flex;align-items:center;justify-content:center}.bg-black .wrapper .mid_container .area_card .inner_div .icon_div.bg-circle>.option-icon{margin-right:0;font-size:25px}.bg-black .wrapper .mid_container .area_card .inner_div .icon_div.yellow{background:var(--color-gradient-yellow-brown)}.bg-black .wrapper .mid_container .area_card .inner_div .icon_div.green{background:var(--color-gradient-lightgreen-darkgreen)}.bg-black .wrapper .mid_container .area_card .inner_div .title{color:var(--main-sub-header-text-color);text-align:start;font-size:18px;font-weight:600}.bg-black .wrapper .mid_container .area_card .inner_div .title span{color:var(--text-gray-color);font-size:12px;font-weight:600;display:flex;margin:6px auto}.bg-black .wrapper .mid_container .area_card .option-icon{color:var(--main-sub-header-text-color);font-size:20px;margin-right:10px}.bg-black .wrapper .mid_container .area_card option-icon{height:28px;margin-right:-5px;font-size:23px}.bg-black .wrapper .mid_container .cards-div{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;overflow-y:scroll;overflow-x:hidden;height:58vh}.bg-black .wrapper .mid_container .cards-div .card1{background-color:var(--bg-card-color);border-radius:12px;border:1px solid var(--bg-btn-lightblack);padding:8px 10px;margin:10px 0}.bg-black .wrapper .mid_container .cards-div .card1 .icon-div{display:flex;justify-content:space-between}.bg-black .wrapper .mid_container .cards-div .card1 .icon-div .bulb{padding:7px;background-color:var(--bg-btn-lightblack);border-radius:50%;font-size:26px}.bg-black .wrapper .mid_container .cards-div .card1 .icon-div .power-btn{--border-radius: 50%;--background: var(--color-gradient-blue);--padding-start: 6px;--padding-end: 6px;--padding-top: 0px;--padding-bottom: 0px;height:30px;width:30px}.bg-black .wrapper .mid_container .cards-div .card1 .icon-div .power-btn ion-icon{color:var(--main-header-text-color)}.bg-black .wrapper .header p{color:var(--main-header-text-color);font-size:40px;font-weight:600}.bg-black .wrapper .slider-div .sub-header p{color:var(--main-sub-header-text-color);font-size:25px;font-weight:600}.bg-black .wrapper .slider-div .cardsDiv{width:100%;height:auto;display:flex;overflow-x:auto}.bg-black .wrapper .slider-div .cardsDiv .card1{border-radius:10px;height:220px;width:160px;padding:5px;margin:0 12px 0 0;display:flex;justify-content:center;align-items:end;background-repeat:no-repeat;background-position:left;flex-shrink:0;background-color:var(--ion-color-tertiary-contrast);position:relative;background-size:cover}.bg-black .wrapper .slider-div .cardsDiv .card1.active{border:4px solid var(--button-text-color)}.bg-black .wrapper .slider-div .cardsDiv .card1 .cardTitle>p{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:28px;font-style:normal;font-weight:600;line-height:normal;margin:10px;text-transform:capitalize}.bg-black .wrapper .slider-div .cardsDiv .card1 .cardTitle .location-num{position:absolute;font-size:100px;top:46%;left:40%;transform:translate(-50%,-50%);color:var(--bg-color);text-transform:capitalize}.bg-black .wrapper .slider-div .cardsDiv .card1 .cardTitle.active-bg-color{height:100%;background-image:var(--linear-gradient-green-blue);width:100%;display:flex;align-items:end;justify-content:center}.bg-black .wrapper .slider-div ion-chip{--background: var(--input-border);--color: var(--button-text-color);text-transform:capitalize}.bg-black .wrapper .slider-div .chips_div{margin-top:20px;opacity:60%}.bg-black .wrapper .slider-div .chips_div ion-icon{color:var(--button-text-color)}.bg-black .wrapper .text-div p{color:var(--text-gray-color);font-size:15px;font-weight:600;padding:10px 0 0;margin-top:30px}.bg-black .wrapper .next-btn-blue{margin:38px auto;width:125px;height:56px;flex-shrink:0;font-size:20px;--background: var(--bg-btn-color);color:var(--main-header-text-color);position:absolute;right:40px;--border-radius: 10px;text-transform:capitalize;font-family:SpaceGrotesk;font-style:normal;font-weight:700;line-height:normal}.bg-black .wrapper .previous-btn-blue{margin:38px auto;width:125px;height:56px;flex-shrink:0;font-size:20px;--background: var(--bg-btn-color);color:var(--main-header-text-color);position:absolute;left:35px;--border-radius: 10px;text-transform:capitalize;font-family:SpaceGrotesk;font-style:normal;font-weight:700;line-height:normal}.bg-black .wrapper .confirm-btn-blue{margin:38px auto;height:56px;flex-shrink:0;font-size:20px;--background: var(--bg-btn-color);color:var(--main-header-text-color);--border-radius: 15px;text-transform:capitalize}.bg-black .wrapper ion-input.location-input{--background: var(--text-gray-dark-color);--color: var(--ion-color-tertiary-contrast)}.bg-black .add-btn{width:65px;height:65px;--background: var(--bg-btn-color);--padding: 0px;font-size:25px;--padding-start: 0px;--padding-end: 0px;position:fixed;right:20px;bottom:40px;color:var(--white);--border-radius: 10px}.alert-button.sc-ion-alert-md{margin-right:-10px;margin-left:10px}.power_spinner_item .icon_size{margin-left:24px;width:22px!important}.power_spinner_item .spinner_size{width:22px!important}@media only screen and (max-width: 420px){.bg-blue .intro-slider .wrapper .bottom-div .title-div .title p{font-size:30px}.bg-blue .intro-slider .wrapper{padding:25px;height:98vh}ion-content .container .mid_container .area_card{margin:18px 0;min-width:280px}ion-content .container .mid_container .area_card .inner_div .icon_div{height:40px;width:40px;margin-right:8px}}.transparent{--background: transparent !important;background:transparent!important}.common-back-button.headerType1 ion-toolbar ion-button{--ripple-color: transparent}.common-back-button.headerType1 ion-toolbar ion-button.close_btn ion-icon{font-size:25px;color:var(--main-header-text-color)}.common-back-button.headerType1 ion-toolbar ion-title.title{color:var(--main-header-text-color);font-size:20px;font-family:SpaceGrotesk;margin-top:0;font-weight:600;min-width:375px;text-align:start;padding:0;text-transform:capitalize}.common-back-button ion-toolbar.gateway_setting{--padding-end: 10px;--padding-top: 20px;--padding-start: 10px;--padding-bottom: 16px}.common-back-button ion-toolbar.gateway_setting ion-title.title_leftmargin{text-align:center;margin-top:5%!important}.common-back-button ion-toolbar ion-buttons{--ripple-color: transparent;color:var(--button-text-color)}.common-back-button ion-toolbar ion-buttons.btn_top_margin{--ripple-color: transparent;margin-top:-20px}.common-back-button ion-toolbar ion-buttons.btn_top_margin.backbtn_margin{margin-left:10px;margin-top:10px}.common-back-button ion-toolbar ion-buttons ion-back-button{color:var(--main-header-text-color);font-size:16px;font-weight:600px;--ripple-color: transparent}.common-back-button ion-toolbar ion-buttons ion-back-button ::part(icon){margin-right:10px}.common-back-button ion-toolbar ion-icon{margin:0% 5% 5% 0!important;color:var(--input-label);font-size:30px}.common-back-button ion-toolbar ion-icon.ellips-icon{color:var(--main-sub-header-text-color);margin-top:-20px}.common-back-button ion-toolbar ion-icon.qrcode_icon{font-size:24px}.common-back-button ion-toolbar ion-icon.top_margin_settings{margin:5% 5px 5% 0!important}.common-back-button .title{background:var(--bg-color)}.common-back-button .title p{color:var(--text-gray-color);font-family:SpaceGrotesk;font-size:20px;font-weight:600;padding:20px;margin:0}.common-back-button .title_gateway p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;margin-left:30px;margin-top:50px}.common-back-button .title_gateway p.gateway_list_p{margin-bottom:10px;margin-left:24px}.common-back-button ion-title{color:var(--button-text-color);text-align:center;font-family:SpaceGrotesk;font-size:25px;font-style:normal;font-weight:600;line-height:normal;align-items:center}.common-back-button ion-title.title{color:var(--main-header-text-color);font-size:25px;margin-top:20px;font-family:SpaceGrotesk}.common-back-button ion-title.device_title{font-weight:600}.common-back-button ion-title p.sub_title{color:var(--input-label);text-align:center;font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal;margin-top:8px}.card_bg{background:var(--input-bg)!important;--background: var(--input-bg) !important}.Privacy_policy_content{--padding-start: 8px;--padding-end: 8px;--padding-top: 8px}.Privacy_policy_content .main_title{text-align:center;color:var(--white);font-family:Roboto;font-size:25px;font-weight:500;width:100%}.Privacy_policy_content .note{text-align:end;color:var(--white);font-family:Roboto;font-size:12px;font-weight:300;width:100%}.Privacy_policy_content .text{color:var(--white);font-family:Roboto;font-size:15px;font-style:normal;font-weight:400;line-height:130%}.Privacy_policy_content .text .links{color:var(--forgot-label-color);text-decoration-line:underline}.rooms-list ion-list{background:var(--bg-color);margin-bottom:15%;padding-bottom:32px}.rooms-list ion-reorder-group{background:var(--bg-color)}.rooms-list ion-item{margin:10px 15px;border-radius:10px;--background: var(--input-bg);text-transform:capitalize}.rooms-list ion-item ion-reorder{color:var(--main-header-text-color);margin-right:15px}.rooms-list ion-item ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;white-space:nowrap;overflow:initial;width:100%;transition:transform 10s linear infinite!important}.rooms-list ion-item ion-label h2.scroll{transition:transform 10s linear infinite;animation:scroll 10s linear infinite}.rooms-list ion-item ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.rooms-list ion-item ion-avatar{--border-radius: 4px;border:2px solid var(--main-header-text-color);height:55px;width:55px}.rooms-list ion-item ion-icon{font-size:15px}.rooms-list ion-skeleton-text{opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.rooms-list ion-item:not(.loading) ion-skeleton-text{opacity:0;visibility:hidden}.rooms-list-icon ion-list{background:var(--bg-color);margin-bottom:15%;padding-bottom:32px}.rooms-list-icon ion-reorder-group{background:var(--bg-color)}.rooms-list-icon ion-item{margin:10px 15px;border-radius:10px;--background: var(--input-bg);text-transform:capitalize}.rooms-list-icon ion-item ion-reorder{color:var(--main-header-text-color);margin-right:15px}.rooms-list-icon ion-item ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;white-space:nowrap;overflow:initial;width:100%;transition:transform 10s linear infinite!important}.rooms-list-icon ion-item ion-label h2.scroll{transition:transform 10s linear infinite;animation:scroll 10s linear infinite}.rooms-list-icon ion-item ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.rooms-list-icon ion-item ion-avatar{--border-radius: 4px;border:2px solid var(--input-border);height:55px;width:55px;text-align:center;align-content:center;color:var(--main-header-text-color);display:flex;align-items:center;justify-content:center}.rooms-list-icon ion-item ion-avatar ion-icon{font-size:30px;opacity:60%}.rooms-list-icon ion-item ion-icon{font-size:15px}.rooms-list-icon ion-skeleton-text{opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.rooms-list-icon ion-item:not(.loading) ion-skeleton-text{opacity:0;visibility:hidden}ion-modal.stack-modal{--box-shadow: 0px -6px 5px 0px rgba(0, 0, 0, .25);--backdrop-opacity: rgba(232, 33, 33, .6)}.room_details{position:relative}.room_details .flex_top_div{display:flex;align-items:center;justify-content:center}.room_details .flex_top_div.align_bottom{align-items:end!important}.room_details .flex_top_div .full_width{width:100%;margin-left:8px;margin-right:-6px}.room_details .flex_top_div>.top_avatar{height:110px;width:110px}.room_details .flex_top_div .col-right-icon .icon-container{position:absolute;top:0;right:0}.room_details .flex_top_div .col-right-icon .icon-container .right{font-size:15px;opacity:60%;color:var(--ion-color-warning)}.room_details .flex_top_div>.card1{flex:1}.room_details .flex_top_div>.card1 .title_room{color:var(--button-text-color);font-size:20px;font-family:SpaceGrotesk;font-weight:700;margin-bottom:15px}.room_details .flex_top_div>.card1 .bottom_text{display:flex;gap:4px}.room_details .flex_top_div>.card1 .sub_title{color:var(--input-label);font-size:12px;font-family:SpaceGrotesk;font-weight:600;word-wrap:break-word}.room_details .flex_top_div>.card1 p{color:var(--input-label);font-size:15px;font-family:SpaceGrotesk;font-weight:600;display:flex;align-items:center;margin:6px auto 0 0}.room_details .flex_top_div>.card1 p ion-icon{margin:auto 6px auto 0}.room_details .flex_top_div>.card1 p ion-icon.gateway-icon{margin:0!important}.room_details .flex_top_div>.card1 p ion-icon.indicator{color:var(--green-icon-color);border:1px solid var(--dark-green-indicator);margin-left:8px;border-radius:50%;font-size:12px}.room_details .flex_top_div>.card1 p ion-icon.indicator.no-margin{margin:0!important}.room_details .flex_top_div ion-item{border:1px solid var(--bg-btn-lightblack);margin-top:10px;border-radius:10px;background:transparent;--background: transparent}.room_details .flex_top_div ion-item ion-label{color:var(--input-label);text-align:center;font-family:SpaceGrotesk;font-size:11px;font-style:normal;font-weight:400;line-height:normal;padding:0;margin:0}.room_details .flex_top_div ion-item ion-icon.left{font-size:20px;padding:0;margin:0}.room_details .flex_top_div ion-item ion-icon.right{font-size:20px;padding:0;margin:0}.room_details ion-avatar.top_avatar{--border-radius: 4px;border:2px solid var(--main-header-text-color);height:120px;width:120px;margin-left:10px;display:flex;justify-content:center;align-items:center}.room_details ion-avatar.top_avatar ion-icon{height:90%;width:80%;color:var(--white)}.room_details ion-avatar.top_avatar.remove-margin{margin-left:0!important}.room_details ion-item.chips1{--background: transparent;--padding-start: 0px;margin-top:20px}.room_details ion-item.chips1 .scrollable-content{width:100%;overflow-x:scroll;white-space:nowrap}.room_details ion-item.chips1 .scrollable-content .chips_div{white-space:nowrap}.room_details ion-item.chips1 .scroll_icon_div{height:40px;width:27px;background:var(--linear-gradient-black-black);position:absolute;right:6px;top:4px}.room_details ion-item.chips1 .scroll_icon_div ion-icon{color:var(--white);font-size:18px;height:100%;margin-left:10px}.room_details ion-item.chips1 ion-chip{--background: var(--bg-btn-lightblack);--color: var(--input-label)}.room_details ion-item.chips1 ion-chip.active{--background: var(--button-linear-gradient);color:var(--bg-color);font-weight:600}.room_details ion-item.chips1 ion-chip ion-icon{margin-right:2px;margin-left:-6px;font-size:20px;color:var(--bg-color)}.room_details ion-item.chips1 .settings-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:10;font-size:24px;color:var(--main-header-text-color)}.room_details ion-item.padding-left{--padding-start: 0px}.room_details ion-item.title{--background: transparent;--padding-start: 0px}.room_details ion-item.title ion-label{--background: transparent;color:var(--text-gray-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal}.room_details ion-item.title ion-badge{background:transparent;color:var(--forgot-label-color);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.room_details ion-item.card1{margin:10px 0;border-radius:10px;--background: var(--input-bg);--padding-top: 7px;--padding-bottom: 7px;--padding-end: 10px;--padding-start: 20px}.room_details ion-item.card1 ion-avatar{--border-radius: 50%;height:55px;width:55px}.room_details ion-item.card1 ion-avatar.play-ion-avatar{--border-radius: 50%;height:45px;width:45px;position:relative}.room_details ion-item.card1 ion-avatar.play-ion-avatar ion-icon{position:absolute;top:49%;left:53%;transform:translate(-50%,-50%);font-size:25px;opacity:60%}.room_details ion-item.card1 ion-avatar.play-ion-avatar ion-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:43px;width:43px;opacity:60%}.room_details ion-item.card1 ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.room_details ion-item.card1 ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.room_details ion-item.card1 ion-icon{font-size:15px;color:var(--input-label)}.room_details ion-item.sceneCard{border-radius:10px;--background: var(--input-bg)}.room_details ion-item.sceneCard ion-avatar{--border-radius: 50%;height:55px;width:55px}.room_details ion-item.sceneCard ion-avatar.play-ion-avatar{--border-radius: 50%;height:45px;width:45px;position:relative}.room_details ion-item.sceneCard ion-avatar.play-ion-avatar ion-icon{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);font-size:30px;opacity:60%}.room_details ion-item.sceneCard ion-avatar.play-ion-avatar ion-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:43px;width:43px;opacity:60%}.room_details ion-item.sceneCard ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.room_details ion-item.sceneCard ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.room_details ion-item.sceneCard ion-icon{font-size:15px;color:var(--input-label)}.room_details ion-item.panel_switch_detail ion-label h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.room_details ion-item.panel_switch_detail ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:600;line-height:normal}.room_details ion-item.panel_switch_detail ion-label p span{font-size:8px}.room_details ion-item.panel_switch_detail ion-label p ion-icon{font-size:15px;margin-bottom:-3px;margin-right:5px}.room_details ion-item.panel_switch_schedule{text-align:start;border-top:1px solid var(--input-border);--padding-start: 0;--padding-end: 0;--padding-top: 0px;--padding-bottom: 0px}.room_details ion-item.panel_switch_schedule .flexo{display:flex;align-items:center;justify-content:center;width:100%;color:var(--input-label)}.room_details ion-item.panel_switch_schedule .flexo.active{opacity:60%}.room_details ion-item.panel_switch_schedule .flexo ion-icon{color:var(--input-label);margin:auto 4px;font-size:15px}.room_details ion-item.panel_switch_schedule .flexo ion-icon.active{opacity:60%}.room_details ion-item.panel_switch_schedule .flexo p{color:var(--input-label);font-size:10.5px;font-style:normal;font-weight:600;line-height:normal;margin:0;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.room_details ion-item.power_bottom{--background: transparent;bottom:0%;left:50%;transform:translate(-50%,-50%);justify-content:center;display:flex;position:fixed;z-index:10}.room_details ion-item.power_bottom ion-icon{background:var(--bg-btn-color-blue);border-radius:50%;padding:20px;color:var(--button-text-color);font-size:55px;min-width:22px}.power_btn_spinner{margin-right:-10px!important}.power_btn_spinner_marginhalf{margin-right:-5px}.update_submit_btn{position:absolute;right:30px;margin:40px auto}.master-power-btn.bottom-row{position:fixed;bottom:0;width:100%;height:87px;display:flex;justify-content:flex-start;background:var(--bg-color);z-index:10}.master-power-btn .fan-wrapper{width:100%;padding-inline:12px}.master-power-btn.center-row{position:fixed;top:45%;width:100%;height:100px;display:flex;justify-content:flex-start;background:var(--bg-color)}.master-power-btn .on-col{display:flex;justify-content:center;align-items:center}.master-power-btn ion-button{--border-radius: 50%;width:70px;height:70px;margin-top:-10px;--background: var(--bg-btn-lightblack)}.master-power-btn ion-button.active{--background: var(--forgot-label-color)}.master-power-btn ion-button.center{width:100px;height:100px}.master-power-btn ion-button ion-icon{font-size:35px}.master-power-btn ion-button ion-icon.center{font-size:50px}.devider{height:2px;background-color:var(--bg-btn-lightblack);border-radius:12px;width:85%;margin:7px 0;display:block;transform:translate(9%)}.gap-row{display:flex;flex-wrap:wrap;gap:5%;justify-content:start}.text-black-note{color:var(--main-sub-header-text-color);font-family:SpaceGrotesk;font-size:14px;font-style:normal;font-weight:500;line-height:normal;padding-bottom:30px;padding-top:10px}.device-tabs{--padding-bottom: 82px}.device-tabs ion-item.title{--background: transparent;--padding-start: 0px}.device-tabs ion-item.title ion-label{--background: transparent;color:var(--text-gray-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;padding-left:0!important}ion-row .quick-group-device{margin:2.5% 0;border-radius:12px;--background: var(--input-bg);background:var(--input-bg);border:1px solid var(--text-gray-color)}ion-row .quick-group-device .curtain{border-top:1px solid var(--input-border);border-bottom:1px solid var(--input-border);padding-top:10px}ion-row .quick-group-device .curtain ion-col{display:flex;justify-content:center;flex-direction:column;align-items:center}ion-row .quick-group-device .curtain ion-col ion-icon{font-size:30px;background:var(--bg-btn-lightblack);padding:10px;color:var(--text-normal);border-radius:10px}ion-row .quick-group-device .curtain ion-col ion-icon.pause{background:var(--bg-btn-color-blue);border-radius:25px;color:var(--button-text-color)}ion-row .quick-group-device .curtain ion-col ion-icon.active{color:var(--bg-btn-color-blue);background:var(--input-label)}ion-row .quick-group-device .curtain ion-col p{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:600;line-height:normal;margin-top:10px}ion-row .quick-group-device ion-item{--background: transparent;--padding-start: 4px;--min-height: 27px}ion-row .quick-group-device ion-item ion-avatar{background:var(--bg-btn-lightblack)}ion-row .quick-group-device ion-item ion-avatar ion-img{padding:5px;color:var(--button-text-color)}ion-row .quick-group-device ion-item ion-avatar ion-icon{padding:5px;color:var(--button-text-color);font-size:30px}ion-row .quick-group-device ion-item ion-badge{background:var(--bg-btn-lightblack);color:var(--input-label);font-size:10.5px;font-style:normal;font-weight:600;line-height:normal;margin:0;text-transform:capitalize;display:flex;align-items:center;border-radius:15px;padding-right:10px}ion-row .quick-group-device ion-item ion-badge ion-icon{color:var(--input-label);margin:auto 4px;font-size:15px}ion-row .quick-group-device ion-item ion-icon.power-icon{border-radius:50%;padding:4px;font-size:22px;min-width:22px;margin-right:-10px;background:var(--input-label);color:var(--text-normal)}ion-row .quick-group-device ion-item ion-icon.power-icon.power_active{background:var(--bg-btn-color-blue);color:var(--white)}ion-row .quick-group-device ion-item ion-label{margin:0}ion-row .quick-group-device ion-item ion-label h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize;margin:8px auto 6px}ion-row .quick-group-device ion-item ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}ion-row .quick-group-device ion-item ion-icon.forwardicon{margin:0 -15px 0 0;color:var(--button-text-color)}ion-row .quick-group-device ion-item ion-icon.vertical-dots{color:var(--input-label);font-size:15px;margin-right:-5px}ion-row .quick-group-device ion-item ion-icon.schedule-scene-icon{color:var(--white)}ion-row .quick-group-device.group-col{width:100%;margin:5px 4px;cursor:pointer;border-radius:10px;--background: var(--input-bg);border:1px solid var(--text-gray-color)}ion-row .quick-group-device.group-col .right-icon{font-size:15px!important;color:var(--input-label)!important}@media (min-width: 2032px){ion-row .quick-group-device.group-col.tow{max-width:49%!important}ion-row .quick-group-device.group-col.full{max-width:24.5%!important}}@media (min-width: 1601px) and (max-width: 2031px){ion-row .quick-group-device.group-col.full{max-width:32%!important}}@media (min-width: 651px) and (max-width: 1600px){ion-row .quick-group-device.group-col.full{max-width:48.5%!important}}.schedule-row-gap{display:flex;flex-wrap:wrap;gap:7px}.schedule-row-gap .range-ion-item ion-range{--color: var(--main-header-text-color);padding-inline-end:16px!important}.schedule-col-card{height:100%;display:flex;flex-direction:column;border-radius:12px;--background: var(--input-bg);background:var(--input-bg);border:1px solid var(--input-border)}.schedule-col-card.margin-top{margin-top:-10px}.schedule-col-card ion-note{color:var(--text-gray-color);font-size:10.5px;font-style:normal;font-weight:400;line-height:normal;margin:0;text-transform:capitalize;padding-left:5px}.schedule-col-card ion-item{--background: transparent;--padding-start: 4px;--min-height: 27px}.schedule-col-card ion-item.margin-top{margin-top:-15px}.schedule-col-card ion-item ion-avatar{background:var(--bg-btn-lightblack)}.schedule-col-card ion-item ion-avatar ion-img{padding:5px;color:var(--button-text-color)}.schedule-col-card ion-item ion-avatar ion-icon{padding:5px;color:var(--button-text-color);font-size:30px}.schedule-col-card ion-item ion-badge{background:var(--bg-btn-lightblack);color:var(--input-label);font-size:10.5px;font-style:normal;font-weight:600;line-height:normal;margin:0;text-transform:capitalize;display:flex;align-items:center;border-radius:15px;padding-right:10px}.schedule-col-card ion-item ion-badge ion-icon{color:var(--input-label);margin:auto 4px;font-size:15px}.schedule-col-card ion-item ion-label{margin:0}.schedule-col-card ion-item ion-label h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;margin:8px auto 6px}.schedule-col-card ion-item ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}@media (min-width: 300px){.schedule-col-card{width:100%;min-width:100%}}@media (min-width: 640px){.schedule-col-card{width:100%;min-width:100%}}@media (min-width: 767px){.schedule-col-card{width:49.33%;min-width:49.33%}}@media (min-width: 1024px){.schedule-col-card{width:49.33%;min-width:49.33%}}@media (min-width: 1200px){.schedule-col-card{width:33.33%;min-width:33.33%}}@media (min-width: 1440px){.schedule-col-card{width:33.33%;min-width:33.33%}}.schedule-action-row-gap{display:flex;flex-wrap:wrap;gap:7px}.schedule-action-col-card{height:100%;display:flex;flex-direction:column;border-radius:12px;--background: var(--input-bg);background:var(--input-bg);border:1px solid var(--input-border)}.schedule-action-col-card ion-note{color:var(--text-gray-color);font-size:10.5px;font-style:normal;font-weight:400;line-height:normal;margin:0;text-transform:capitalize;padding-left:5px}.schedule-action-col-card ion-item{--background: transparent;--padding-start: 4px;--min-height: 27px}.schedule-action-col-card ion-item.margin-top{margin-top:-15px}.schedule-action-col-card ion-item.bottom-boader{border-bottom:1px solid var(--input-border)}.schedule-action-col-card ion-item ion-icon{padding:5px;color:var(--button-text-color);font-size:35px}.schedule-action-col-card ion-item ion-avatar{background:var(--bg-btn-lightblack)}.schedule-action-col-card ion-item ion-avatar ion-img{padding:5px;color:var(--button-text-color)}.schedule-action-col-card ion-item ion-avatar ion-icon{padding:5px;color:var(--button-text-color);font-size:30px}.schedule-action-col-card ion-item ion-chip{background:transparent;border:1px solid var(--input-border);color:var(--input-label);font-size:10.5px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 0 10px;text-transform:capitalize;display:flex;align-items:center;border-radius:15px;padding:0 15px}.schedule-action-col-card ion-item ion-chip ion-icon{color:var(--input-label);margin:auto 4px;font-size:15px}.schedule-action-col-card ion-item ion-label{margin:0}.schedule-action-col-card ion-item ion-label h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;margin:8px auto 6px}.schedule-action-col-card ion-item ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.schedule-action-col-card .add-sensor-btn{margin-top:10px;height:50px}.schedule-action-col-card .lux-sensor-device-row .header-label-wrapper{display:flex;--background: transparent;justify-content:space-between;align-items:center;--padding-start: 5px;--inner-padding-end: 5px}.schedule-action-col-card .lux-sensor-device-row .header-label-wrapper .label{font-size:16px;font-weight:300;color:var(--main-header-text-color);margin-bottom:12px}.schedule-action-col-card .lux-sensor-device-row .header-label-wrapper ion-toggle{scale:.8;color:var(--main-sub-header-text-color)}.schedule-action-col-card .lux-sensor-device-row .lux-item{--padding-start: 0px;--background: transparent}.schedule-action-col-card .lux-sensor-device-row .lux-item>.lux-level{font-size:60px;--padding-start: 0px;color:var(--ion-color-primary)}.schedule-action-col-card .lux-sensor-device-row .target-lux-level-input{--padding-start: 16px;border:1px solid var(--input-border);color:var(--main-header-text-color);font-size:18px;font-weight:500;border-radius:5px}.schedule-action-col-card .lux-sensor-device-row .lux-setting-card{--background: transparent;--padding-start: 10px;border:1px solid var(--input-border);border-radius:10px;padding:1px 9px;margin-top:6px;--color: var(--main-header-text-color);color:var(--main-header-text-color)}.schedule-action-col-card .lux-sensor-device-row .lux-setting-card .inline-label{font-size:16px;font-weight:400;color:var(--main-header-text-color);margin-block:10px}.schedule-action-col-card .lux-sensor-device-row .lux-setting-card .brightness-value{color:var(--main-header-text-color);font-size:20px}.schedule-action-col-card .lux-sensor-device-row .lux-setting-card .inline-label-icon{font-size:25px;margin-left:15px}.schedule-action-col-card .lux-sensor-device-row .lux-setting-card ion-range{--knob-border-radius: 50%;--knob-background: #ffffff;--knob-box-shadow: 0px .5px 4px rgba(0, 0, 0, .12), 0px 6px 13px rgba(0, 0, 0, .12);--knob-size: 26px;--bar-height: 4px;--bar-background: var(--ion-color-step-900, var(--ion-background-color-step-900, #e6e6e6));--bar-background-active: var(--ion-color-primary);--bar-border-radius: 2px;--height: 42px}.schedule-action-col-card .occupancy-sensor-item{--inner-padding-end: 10px}.schedule-action-col-card .occupancy-sensor-item ion-toggle{scale:.82;color:var(--main-sub-header-text-color)}.schedule-action-remote-col-card .remote-schedule-action-row .remote-schedule-action-header ion-icon{margin-right:10px;font-size:28px}.schedule-action-remote-col-card .remote-schedule-action-row .remote-setting-card{border:none!important}.schedule-action-remote-col-card .remote-schedule-action-row .remote-setting-card .remote-schedule-action-grid{display:grid;gap:20px;padding:20px 0}ion-list.devices{--background: var(--input-bg);--padding-top: 0px}ion-list.devices ion-item{--background: var(--input-bg)}ion-toast.success{--background: var(--bg-btn-color);--box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .2);--color: var(--button-text-color);text-transform:capitalize}ion-toast.success::part(message){font-style:"SpaceGrotesk"}ion-toast.success::part(button){border-left:1px solid var(--semi-light-bg);color:var(--white);font-size:15px}ion-toast.error{--background: var(--error);--box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .2);--color: var(--button-text-color);text-transform:capitalize}ion-toast.error::part(message){font-style:"SpaceGrotesk"}ion-toast.error::part(button){border-left:1px solid var(--semi-light-bg);color:var(--white);font-size:15px}ion-toast.warning{--background: var(--warning);--box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .2);--color: var(--button-text-color);text-transform:capitalize}ion-toast.warning::part(message){font-style:"SpaceGrotesk"}ion-toast.warning::part(button){border-left:1px solid var(--semi-light-bg);color:var(--white);font-size:15px}ion-toast.quick{--background: var(--bg-color);--box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .2);--color: var(--button-text-color);text-transform:capitalize}ion-toast.quick::part(message){font-style:"SpaceGrotesk"}ion-toast.warningError{--background: var(--warning);--box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .2);--color: var(--button-text-color);text-transform:capitalize}ion-toast.warningError::part(message){font-style:"SpaceGrotesk"}ion-toast.warningError::part(button){color:var(--white);font-size:15px}ion-input.ion-touched.ion-invalid.sc-ion-input-md-h{--highlight-color: var(--input-label)}ion-input.ion-valid.sc-ion-input-md-h{--highlight-color: var(--input-label)}.loft-error-page{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loft-error-page .button-row{display:flex;flex-direction:row;gap:12px}.loft-error-page h3{text-align:center;color:var(--input-label);font-family:SpaceGrotesk;font-size:25px;font-style:normal;font-weight:600;line-height:normal;margin:0 10px}.loft-error-page p{text-align:center;color:var(--text-gray-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal;margin:15px}.loft-error-page p.button{color:var(--main-header-text-color);margin:10px}.loft-error-page h4{color:var(--text-normal);text-align:center;font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal}.loft-error-page ion-button{--border-radius: 10px;--background: transparent;color:var(--main-header-text-color);text-transform:capitalize;width:90px;border:1px solid var(--main-header-text-color);border-radius:10px}@media (min-width: 600px){.loft-error-page ion-img{width:40%;height:50%}}.loft-error-page h5{color:var(--input-label);text-align:center;font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal;border-bottom:1px}.loft-bank-page{height:70%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.loft-bank-page h3{color:var(--input-label);font-family:SpaceGrotesk;font-size:25px;font-style:normal;font-weight:600;line-height:normal}.loft-bank-page p{color:var(--input-border);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal;text-align:center}.loft-bank-page p.color-white{color:var(--input-label)}.loft-bank-page h4{color:var(--text-normal);text-align:center;font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal}.loft-bank-page ion-button{--border-radius: 10px;--background: var(--forgot-label-color);--color: var(--main-header-text-color);text-transform:capitalize}.loft-bank-page ion-button p{color:var(--main-header-text-color)}.loft-bank-page h5{color:var(--text-normal);text-align:center;font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:500;line-height:normal;border-bottom:1px}.loft-bank-page-card{height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.loft-bank-page-card ion-img{min-width:35%;max-width:35%}.loft-bank-page-card h3{color:var(--input-label);font-family:SpaceGrotesk;font-size:14px;font-style:normal;font-weight:600;line-height:normal}.loft-bank-page-card p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:500;line-height:normal;text-align:center}.loft-bank-page-card p.color-white{color:var(--input-label)}.loft-bank-page-card h4{color:var(--text-normal);text-align:center;font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:500;line-height:normal}.loft-bank-page-card ion-button{--border-radius: 10px;--background: var(--forgot-label-color);--color: var(--main-header-text-color);text-transform:capitalize}.loft-bank-page-card ion-button.fill{margin-top:10px;--background: transparent;--border-color: var(--main-header-text-color)}.loft-bank-page-card ion-button p{color:var(--main-header-text-color)}.loft-bank-page-card h5{color:var(--text-normal);text-align:center;font-family:SpaceGrotesk;font-size:9px;font-style:normal;font-weight:500;line-height:normal;border-bottom:1px}.loft-note-title{margin:7%;height:70%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loft-note-title h3{color:var(--input-label);font-family:SpaceGrotesk;font-size:25px;font-style:normal;font-weight:600;line-height:normal}.loft-note-title p{color:var(--input-border);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal}.loft-note-title p.color-white{color:var(--input-label)}.loft-note-title p.error{color:var(--ion-color-danger)}.loft-note-title h4{color:var(--text-normal);text-align:center;font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal}.loft-note-title ion-button{--border-radius: 10px;--background: var(--forgot-label-color);--color: var(--main-header-text-color);text-transform:capitalize}.loft-note-title ion-button p{color:var(--main-header-text-color)}.loft-note-title h5{color:var(--text-normal);text-align:center;font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:500;line-height:normal;border-bottom:1px}ion-back-button{text-transform:capitalize;--ripple-color: transparent}.scrolling_device_list{overflow:auto!important;height:68vh!important;padding-bottom:6vh!important}ion-content.add_room,div.add_room{--padding-top: 10px;--padding-bottom: 10px;--padding-start: 10px;--padding-end: 10px;--background: var(--bg-color);position:relative;background:var(--bg-color)}ion-content.add_room .add_room_form,div.add_room .add_room_form{padding-bottom:1%}ion-content.add_room .grp_icons_list,div.add_room .grp_icons_list{--background: var(--bg-color);background:var(--bg-color);max-width:600px;margin:auto}ion-content.add_room .grp_icons_list ion-item.bg-black,div.add_room .grp_icons_list ion-item.bg-black{--background: var(--bg-color)}ion-content.add_room .grp_icons_list ion-item.days_items,div.add_room .grp_icons_list ion-item.days_items{--padding-start: 0;--padding-end: 0}ion-content.add_room .grp_icons_list ion-item ion-label,div.add_room .grp_icons_list ion-item ion-label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:20px;font-weight:600}ion-content.add_room .grp_icons_list .centered-content,div.add_room .grp_icons_list .centered-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}ion-content.add_room .grp_icons_list .icon-container,div.add_room .grp_icons_list .icon-container{display:flex;justify-content:center;align-items:center;height:100px}ion-content.add_room .grp_icons_list .name-container,div.add_room .grp_icons_list .name-container{display:flex;justify-content:center;align-items:center;width:100%;overflow-x:auto}ion-content.add_room .grp_icons_list .name-scroll,div.add_room .grp_icons_list .name-scroll{white-space:nowrap}ion-content.add_room .grp_icons_list .name-container::-webkit-scrollbar,div.add_room .grp_icons_list .name-container::-webkit-scrollbar{height:6px}ion-content.add_room .grp_icons_list .name-container::-webkit-scrollbar-thumb,div.add_room .grp_icons_list .name-container::-webkit-scrollbar-thumb{background-color:#a9a9a9;border-radius:3px}ion-content.add_room .grp_icons_list .scrollable-content,div.add_room .grp_icons_list .scrollable-content{white-space:nowrap;padding-top:16px;padding-left:5px;padding-bottom:16px;width:100%;overflow-x:scroll}ion-content.add_room .grp_icons_list .circles-container,div.add_room .grp_icons_list .circles-container{display:flex;justify-content:space-between!important;min-width:350px;margin:auto}ion-content.add_room .grp_icons_list .circles-container .scroll_icon_div,div.add_room .grp_icons_list .circles-container .scroll_icon_div{height:50px;width:27px;position:sticky;right:0;top:auto;bottom:auto;background:var(--linear-gradiant-black-opacity);border-radius:50% 0% 0% 50%}ion-content.add_room .grp_icons_list .circles-container .scroll_icon_div ion-icon,div.add_room .grp_icons_list .circles-container .scroll_icon_div ion-icon{color:var(--white);font-size:18px;height:100%;margin-left:10px}ion-content.add_room .grp_icons_list .circle_scene,div.add_room .grp_icons_list .circle_scene{width:50px;height:50px;margin:auto 5px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}ion-content.add_room .grp_icons_list .circle_scene.active,div.add_room .grp_icons_list .circle_scene.active{border:4px solid var(--white)}ion-content.add_room .grp_icons_list .circle_icon,div.add_room .grp_icons_list .circle_icon{width:50px;height:50px;margin:auto 5px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:var(--input-border)}ion-content.add_room .grp_icons_list .circle_icon.active,div.add_room .grp_icons_list .circle_icon.active{background-color:var(--bg-btn-color);color:var(--button-text-color)!important}ion-content.add_room .grp_icons_list .circle_icon.selected,div.add_room .grp_icons_list .circle_icon.selected{border:4px solid var(--white)}ion-content.add_room .grp_icons_list .circle_icon ion-icon,div.add_room .grp_icons_list .circle_icon ion-icon{font-size:32px;color:var(--button-text-color);font-family:SpaceGrotesk}ion-content.add_room .swiper_container .swiper_col,div.add_room .swiper_container .swiper_col{margin:auto}ion-content.add_room ion-item.item_transparent,div.add_room ion-item.item_transparent{--background: transparent}ion-content.add_room ion-item.item_transparent ion-input,div.add_room ion-item.item_transparent ion-input{background:var(--input-bg);color:var(--input-label);font-size:15px;font-weight:500;border-radius:8px;padding:0 10px!important;border:1px solid var(--input-border);--placeholder-color: var(--button-text-color);--placeholder-opacity: .8}ion-content.add_room ion-item.item_transparent ion-label,div.add_room ion-item.item_transparent ion-label{color:var(--text-gray-color);font-size:20px;font-weight:600;margin-top:40px;font-family:SpaceGrotesk}ion-content.add_room ion-item.item_transparent ion-label.add_room_lable,div.add_room ion-item.item_transparent ion-label.add_room_lable{margin-top:10px;font-family:SpaceGrotesk}ion-content.add_room ion-row.gap-row,div.add_room ion-row.gap-row{display:flex;justify-content:space-between;flex-wrap:wrap;margin-inline:10px}ion-content.add_room ion-row.gap-row ion-col,div.add_room ion-row.gap-row ion-col{margin:2.5% 0;height:100px}ion-content.add_room ion-row.gap-row ion-col ion-icon,div.add_room ion-row.gap-row ion-col ion-icon{height:100%;width:100%;border-radius:10px}ion-content.add_room ion-row.gap-row ion-col ion-icon.active,div.add_room ion-row.gap-row ion-col ion-icon.active{border:3px solid var(--white)}ion-content.add_room ion-row.gap-row-icon,div.add_room ion-row.gap-row-icon{display:flex;justify-content:space-between;flex-wrap:wrap;margin-inline:10px}ion-content.add_room ion-row.gap-row-icon ion-col,div.add_room ion-row.gap-row-icon ion-col{margin:2.5% 0;height:100px}ion-content.add_room ion-row.gap-row-icon ion-col ion-icon,div.add_room ion-row.gap-row-icon ion-col ion-icon{font-size:50px;padding:20px;color:var(--main-header-text-color);border-radius:10px;border:2px solid var(--input-border)}ion-content.add_room ion-row.gap-row-icon ion-col ion-icon.active,div.add_room ion-row.gap-row-icon ion-col ion-icon.active{border:3px solid var(--white)}ion-content.add_room ion-row.sqaure_icon_grp ion-col,div.add_room ion-row.sqaure_icon_grp ion-col{margin-bottom:20px;display:flex;justify-content:center;align-items:center}ion-content.add_room ion-row.sqaure_icon_grp ion-col ion-icon,div.add_room ion-row.sqaure_icon_grp ion-col ion-icon{width:110px;height:100px;border-radius:10px;border:1px solid var(--input-border)}ion-content.add_room ion-row.sqaure_icon_grp ion-col ion-icon.active,div.add_room ion-row.sqaure_icon_grp ion-col ion-icon.active{border:3px solid var(--white)}ion-content.add_room .submit_btn,div.add_room .submit_btn{width:120px;border-radius:10px;background:var(--forgot-label-color);color:var(--button-text-color);text-align:center;font-family:SpaceGrotesk;font-size:20px;font-weight:500;min-height:50px;position:absolute;right:30px;margin:30px auto 10px}ion-content.add_room ion-button,div.add_room ion-button{height:60px;--border-radius: 15px;--background: var(--forgot-label-color);color:var(--main-header-text-color);text-align:center;font-size:20px;font-weight:700;margin-top:70px}ion-content.edit_device,div.edit_device{--padding-top: 10px;--padding-bottom: 10px;--padding-start: 10px;--padding-end: 10px;--background: var(--bg-color);position:relative;background:var(--bg-color)}ion-content.edit_device .light_control_list,div.edit_device .light_control_list{margin-top:30px!important}ion-content.edit_device .border,div.edit_device .border{max-width:600px;margin:auto;border:1px solid var(--bg-btn-lightblack);border-radius:12px;padding:0 0 5px}ion-content.edit_device .container,div.edit_device .container{max-width:600px;margin:auto}ion-content.edit_device ion-item.item_transparent,div.edit_device ion-item.item_transparent{--background: transparent}ion-content.edit_device ion-item.item_transparent ion-input,div.edit_device ion-item.item_transparent ion-input{background:var(--input-bg);color:var(--input-label);font-size:16px;font-weight:600;border-radius:8px;border:1px solid var(--input-border);--placeholder-color: var(--input-label);--placeholder-opacity: .4;margin-bottom:20px;font-family:SpaceGrotesk;--padding-start: 15px !important}ion-content.edit_device ion-item.item_transparent ion-input ::placeholder,div.edit_device ion-item.item_transparent ion-input ::placeholder{font-family:SpaceGrotesk;font-size:14px}ion-content.edit_device ion-item.item_transparent .select,div.edit_device ion-item.item_transparent .select{background:var(--input-bg);color:var(--input-label);font-size:16px;font-weight:600;border-radius:8px;border:1px solid var(--input-border);--placeholder-color: var(--input-label);--placeholder-opacity: .4;margin-bottom:20px;font-family:SpaceGrotesk;padding:2px 10px}ion-content.edit_device ion-item.light_control_item ion-checkbox,div.edit_device ion-item.light_control_item ion-checkbox{color:var(--text-normal);font-family:SpaceGrotesk;font-size:12px;font-weight:500;--border-color: var(--text-normal);--checkbox-background: transparent}ion-content.edit_device ion-item.light_control_item ion-checkbox .wrap,div.edit_device ion-item.light_control_item ion-checkbox .wrap{white-space:normal}ion-content.edit_device ion-item.light_control_item ion-checkbox::part(container),div.edit_device ion-item.light_control_item ion-checkbox::part(container){margin-top:-8px}ion-content.edit_device ion-item.light_control_item .info_Icon,div.edit_device ion-item.light_control_item .info_Icon{color:var(--input-label);font-size:20px;margin-right:10px;margin-top:0}ion-content.edit_device ion-item.light_control_item .text,div.edit_device ion-item.light_control_item .text{color:var(--input-label);font-size:14px;font-family:SpaceGrotesk;font-weight:500}ion-content.edit_device ion-item.input_item ion-label,div.edit_device ion-item.input_item ion-label{color:var(--input-label);font-family:SpaceGrotesk;font-size:18px;font-style:normal;font-weight:600;line-height:normal}ion-content.edit_device ion-row.sqaure_icon_grp ion-col,div.edit_device ion-row.sqaure_icon_grp ion-col{display:flex;justify-content:center;align-items:center;margin-bottom:20px}ion-content.edit_device ion-row.sqaure_icon_grp ion-col ion-icon,div.edit_device ion-row.sqaure_icon_grp ion-col ion-icon{width:25vw;height:25vw;max-width:110px;max-height:110px;border-radius:10px;border:1px solid var(--input-border);box-shadow:0 4px 4px #00000040}ion-content.edit_device ion-row.sqaure_icon_switch ion-col,div.edit_device ion-row.sqaure_icon_switch ion-col{display:flex;justify-content:center;align-items:center;margin-bottom:20px}ion-content.edit_device ion-row.sqaure_icon_switch ion-col ion-icon,div.edit_device ion-row.sqaure_icon_switch ion-col ion-icon{border-radius:10px;border:1px solid var(--input-border);box-shadow:0 4px 4px var(--text-color);padding:10px;font-size:50px;color:var(--button-text-color)}ion-content.edit_device ion-row.sqaure_icon_switch ion-col ion-icon.active,div.edit_device ion-row.sqaure_icon_switch ion-col ion-icon.active{border:2px solid var(--forgot-label-color);background:var(--forgot-label-color)}ion-content.change_group,div.change_group{--padding-top: 30px;--padding-bottom: 30px;--padding-start: 15px;--padding-end: 15px;--background: var(--bg-color);background:var(--bg-color)}ion-content.change_group ion-segment,div.change_group ion-segment{--background: var(--bg-color);border:1px solid var(--text-normal);border-radius:20px;width:210px;margin:auto}ion-content.change_group ion-segment ion-icon,div.change_group ion-segment ion-icon{font-size:18px;margin-left:-10px;margin-right:4px}ion-content.change_group ion-segment-button,div.change_group ion-segment-button{--indicator-color: var(--forgot-label-color)}ion-content.change_group ion-segment-button.ios,div.change_group ion-segment-button.ios{--color: var(--input-label);--color-checked: var(--white);--border-radius: 20px}ion-content.change_group .flexo,div.change_group .flexo{display:flex;justify-content:center;align-items:center;height:80%;max-width:600px;margin:auto}ion-content.change_group .flexo ion-list,div.change_group .flexo ion-list{background:transparent;width:100%}ion-content.change_group .flexo ion-list ion-item.item_transparent,div.change_group .flexo ion-list ion-item.item_transparent{--background: transparent}ion-content.change_group .flexo ion-list ion-item.bg-black,div.change_group .flexo ion-list ion-item.bg-black{--background: transparent;width:100%}ion-content.change_group .flexo ion-list ion-item.bg-black ion-input,div.change_group .flexo ion-list ion-item.bg-black ion-input{color:var(--input-label);background:var(--input-bg);font-size:15px;font-weight:500;border-radius:8px;padding:6px 20px!important;border:1px solid var(--input-border);--placeholder-color: var(--text-normal);--placeholder-opacity: .8;--height: 60px}ion-content.change_group .flexo ion-list ion-item.bg-black .input-clear-icon.sc-ion-input-md ion-icon.sc-ion-input-md,div.change_group .flexo ion-list ion-item.bg-black .input-clear-icon.sc-ion-input-md ion-icon.sc-ion-input-md{width:22px;height:22px;color:var(--input-label)}ion-content.change_group .flexo ion-list ion-item ion-label,div.change_group .flexo ion-list ion-item ion-label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:600;line-height:normal}ion-content.change_group .flexo ion-row,div.change_group .flexo ion-row{width:100%}ion-content.change_group .flexo ion-row ion-col,div.change_group .flexo ion-row ion-col{background:transparent;width:100%}ion-content.change_group .flexo ion-row ion-col ion-item.item_transparent,div.change_group .flexo ion-row ion-col ion-item.item_transparent{--background: transparent}ion-content.change_group .flexo ion-row ion-col ion-item.item_transparent ion-select,div.change_group .flexo ion-row ion-col ion-item.item_transparent ion-select{min-height:50px;color:var(--button-text-color);font-family:SpaceGrotesk;font-size:25px;font-weight:500;border-radius:8px;border:2px solid var(--input-border);background:var(--input-bg);--padding-start: 15px;margin-bottom:10px}ion-content.change_group .flexo ion-row ion-col ion-item.item_transparent ion-select::part(icon),div.change_group .flexo ion-row ion-col ion-item.item_transparent ion-select::part(icon){color:var(--text-normal);opacity:1;position:absolute;right:20px}ion-content.change_group .flexo ion-row ion-col ion-item.item_transparent ion-select::part(placeholder),ion-content.change_group .flexo ion-row ion-col ion-item.item_transparent ion-select::part(text),div.change_group .flexo ion-row ion-col ion-item.item_transparent ion-select::part(placeholder),div.change_group .flexo ion-row ion-col ion-item.item_transparent ion-select::part(text){font-size:14px;font-weight:600;color:var(--input-label)}ion-content.change_group .switch_grp_col,div.change_group .switch_grp_col{padding:10px}ion-content.change_group item-detail-icon md flip-rtl hydrated,div.change_group item-detail-icon md flip-rtl hydrated{color:var(--button-text-color);opacity:1}ion-content.change_group ion-item.switch_title,div.change_group ion-item.switch_title{--background: transparent}ion-content.change_group ion-item.switch_title.margin_top,div.change_group ion-item.switch_title.margin_top{margin-top:60px}ion-content.change_group ion-item.switch_title ion-label,div.change_group ion-item.switch_title ion-label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:600;line-height:normal}ion-content.change_group ion-item.switch_title ion-label h2,div.change_group ion-item.switch_title ion-label h2{text-align:center}ion-content.change_group ion-item.switch_icon_item,div.change_group ion-item.switch_icon_item{height:auto}ion-content.change_group ion-item ion-icon.bg_icon,div.change_group ion-item ion-icon.bg_icon{color:var(--button-text-color);font-size:36px;padding:8px;background:var(--bg-btn-lightblack);border-radius:50%}ion-content.device_info,div.device_info{--padding-top: 10px;--padding-bottom: 10px;--padding-start: 10px;--padding-end: 10px;--background: var(--bg-color);background:var(--bg-color)}ion-content.device_info .transparent,div.device_info .transparent{background:transparent;--background: var(--bg-color);background:var(--bg-color)}ion-content.device_info ion-list ion-item,div.device_info ion-list ion-item{--background: transparent}ion-content.device_info ion-list ion-item.title ion-label h2,div.device_info ion-list ion-item.title ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:24px;font-weight:600;white-space:normal;margin-top:40px;width:90vw}ion-content.device_info ion-list ion-item ion-label ul,div.device_info ion-list ion-item ion-label ul{padding:10px 0 0 16px}ion-content.device_info ion-list ion-item ion-label ul li.bullets,div.device_info ion-list ion-item ion-label ul li.bullets{color:var(--text-normal);font-family:SpaceGrotesk;font-size:15px;font-weight:600;white-space:wrap;margin:10px 0;line-height:25px}ion-content.device_info ion-list ion-item ion-label h3,div.device_info ion-list ion-item ion-label h3{color:var(--main-sub-header-text-color);font-family:SpaceGrotesk;font-size:17px;font-style:normal;font-weight:600;line-height:normal}ion-content.device_info ion-list ion-item ion-label h3 ion-icon,div.device_info ion-list ion-item ion-label h3 ion-icon{margin:0 auto -3px 10px;color:var(--main-sub-header-text-color)}ion-content.device_info ion-list ion-item ion-label p,div.device_info ion-list ion-item ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal}ion-content.device_info ion-list ion-item ion-label p ion-icon,div.device_info ion-list ion-item ion-label p ion-icon{margin:0 auto -3px 10px;color:var(--main-sub-header-text-color)}ion-content.device_info ion-list ion-item ion-label p.new_version,div.device_info ion-list ion-item ion-label p.new_version{color:var(--forgot-label-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;text-decoration:underline;text-decoration-color:var(--bg-btn-color);text-underline-offset:4px;height:19px}ion-content.device_info ion-list ion-item ion-label p.switch,div.device_info ion-list ion-item ion-label p.switch{font-weight:500;text-decoration:underline;text-decoration-color:var(--text-normal);text-underline-offset:4px}ion-content.device_info ion-list ion-item ion-label p.p1,div.device_info ion-list ion-item ion-label p.p1{font-weight:500}ion-content.gateways ion-list,div.gateways ion-list{background:transparent;padding:20px}ion-content.gateways ion-list.user_list,div.gateways ion-list.user_list{padding-bottom:0}ion-content.gateways ion-list.bottom_list,div.gateways ion-list.bottom_list{position:absolute;bottom:0;padding:0;width:100%}ion-content.gateways ion-list ion-item,div.gateways ion-list ion-item{margin:18px 0;border-radius:10px;--background: var(--input-bg);--padding-top: 10px;--padding-bottom: 10px;--padding-end: 10px;--padding-start: 20px}ion-content.gateways ion-list ion-item.user_item,div.gateways ion-list ion-item.user_item{--padding-top: 12px;--padding-bottom: 12px;margin:0;--padding-start: 5px;--padding-end: 0px}ion-content.gateways ion-list ion-item.user_item .user_topcard_btn,div.gateways ion-list ion-item.user_item .user_topcard_btn{margin-right:10px}ion-content.gateways ion-list ion-item.user_item_list,div.gateways ion-list ion-item.user_item_list{--padding-top: 2px;--padding-bottom: 2px;margin:12px 0}ion-content.gateways ion-list ion-item.user_item_list .user_list_h2,div.gateways ion-list ion-item.user_item_list .user_list_h2{font-weight:500}ion-content.gateways ion-list ion-item.bottom_list_item,div.gateways ion-list ion-item.bottom_list_item{margin:0}ion-content.gateways ion-list ion-item ion-icon,div.gateways ion-list ion-item ion-icon{font-size:18px}ion-content.gateways ion-list ion-item ion-icon.icon_bg,div.gateways ion-list ion-item ion-icon.icon_bg{font-size:35px;background:var(--bg-btn-lightblack);padding:10px;border-radius:50%;margin-right:15px}ion-content.gateways ion-list ion-item ion-icon.user_item_list_icon,div.gateways ion-list ion-item ion-icon.user_item_list_icon{font-size:22px;margin-right:11px}ion-content.gateways ion-list ion-item ion-icon.indicator,div.gateways ion-list ion-item ion-icon.indicator{color:var(--error);font-size:12px}ion-content.gateways ion-list ion-item ion-icon.error,div.gateways ion-list ion-item ion-icon.error{color:var(--error)}ion-content.gateways ion-list ion-label.company-version,div.gateways ion-list ion-label.company-version{text-align:center}ion-content.gateways ion-list ion-label.company-version h2,div.gateways ion-list ion-label.company-version h2{font-size:18px;font-weight:600;display:flex;align-items:start;justify-content:center}ion-content.gateways ion-list ion-label.company-version h2 .company_logo,div.gateways ion-list ion-label.company-version h2 .company_logo{width:74px;font-size:23px;margin:auto 8px}ion-content.gateways ion-list ion-label.company-version h2.sub_title,div.gateways ion-list ion-label.company-version h2.sub_title{color:var(--input-label);text-align:center;font-family:SpaceGrotesk;font-size:12px;font-weight:600}ion-content.gateways ion-list ion-label h2,div.gateways ion-list ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}ion-content.gateways ion-list ion-label h2.error,div.gateways ion-list ion-label h2.error{color:var(--error)}ion-content.gateways ion-list ion-label p,div.gateways ion-list ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:600;line-height:normal;margin-top:8px;text-transform:capitalize}ion-content.gateways ion-list ion-label p ion-icon,div.gateways ion-list ion-label p ion-icon{margin-bottom:-4px;margin-right:6px}ion-content.gateways ion-list ion-icon,div.gateways ion-list ion-icon{font-size:15px;color:var(--input-label)}ion-content.gateways ion-item-divider,div.gateways ion-item-divider{background:transparent}ion-content.gateways ion-item-divider ion-label,div.gateways ion-item-divider ion-label{padding:0;margin:0 0 -15px;color:var(--input-label);font-family:SpaceGrotesk!important;font-size:16px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}ion-content.gateways ion-fab-button,div.gateways ion-fab-button{--background: var(--forgot-label-color);--background-activated: var(--forgot-label-color);--background-hover: var(--forgot-label-color);--border-radius: 15px;--box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--color: var(--button-text-color);margin-right:15px;margin-bottom:30px}ion-content.gateway_setting,div.gateway_setting{--padding-start: 10px;--padding-end: 10px}ion-content.gateway_setting .bg-black,div.gateway_setting .bg-black{--background: var(--bg-color);background:var(--bg-color)}ion-content.gateway_setting ion-list,div.gateway_setting ion-list{background:transparent}ion-content.gateway_setting ion-list.gatewayname_list ion-item.bg-black,div.gateway_setting ion-list.gatewayname_list ion-item.bg-black{--background: transparent}ion-content.gateway_setting ion-list.gatewayname_list ion-item.bg-black ion-label.gateway_name,div.gateway_setting ion-list.gatewayname_list ion-item.bg-black ion-label.gateway_name{color:var(--text-normal);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:600;line-height:normal}ion-content.gateway_setting ion-list.gatewayname_list ion-item.bg-black ion-input,div.gateway_setting ion-list.gatewayname_list ion-item.bg-black ion-input{background:var(--input-bg);color:var(--input-label);font-size:15px;font-weight:500;border-radius:8px;padding:0 10px!important;border:1px solid var(--input-border);--placeholder-color: var(--input-label);--placeholder-opacity: .8;--height: 60px}ion-content.gateway_setting ion-list.gateway_list,div.gateway_setting ion-list.gateway_list{margin:10px}ion-content.gateway_setting ion-list.gateway_list ion-item.rooms_title ion-label,div.gateway_setting ion-list.gateway_list ion-item.rooms_title ion-label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:600;line-height:normal}ion-content.gateway_setting ion-list.gateway_list ion-item.add_outline,div.gateway_setting ion-list.gateway_list ion-item.add_outline{border-radius:12px;border:1px dashed var(--bg-btn-color);background:var(--bg-color);height:60px;margin:3px}ion-content.gateway_setting ion-list.gateway_list ion-item.add_outline ion-label,div.gateway_setting ion-list.gateway_list ion-item.add_outline ion-label{text-align:center;color:var(--bg-btn-color);font-size:16px;margin:20px auto;font-family:SpaceGrotesk}ion-content.gateway_setting ion-list.gateway_list ion-item.add_outline ion-label ion-icon,div.gateway_setting ion-list.gateway_list ion-item.add_outline ion-label ion-icon{font-size:20px;margin-bottom:-3px;margin-right:4px}ion-content.gateway_setting ion-list.gateway_list ion-row.rooms_row ion-col ion-item,div.gateway_setting ion-list.gateway_list ion-row.rooms_row ion-col ion-item{border-radius:12px;border:1px solid var(--input-border);background:var(--input-bg);margin-top:10px;--padding-top: 5px;--padding-bottom: 5px}ion-content.gateway_setting ion-list.gateway_list ion-row.rooms_row ion-col ion-item ion-label,div.gateway_setting ion-list.gateway_list ion-row.rooms_row ion-col ion-item ion-label{color:var(--input-label);font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}ion-content.gateway_setting ion-list.gateway_list ion-row.rooms_row ion-col ion-item ion-checkbox,div.gateway_setting ion-list.gateway_list ion-row.rooms_row ion-col ion-item ion-checkbox{color:var(--input-label);font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:600;line-height:normal;--checkbox-background: transparent;--border-color: var(--input-border);--checkmark-color: var(--button-text-color);--checkmark-width: 3px;--border-radius: 50%;--size: 20px}ion-content.gateway_setting ion-list.gateway_list ion-row.rooms_row ion-col ion-item .ion-avatar,div.gateway_setting ion-list.gateway_list ion-row.rooms_row ion-col ion-item .ion-avatar{--border-radius: 4px;border:2px solid var(--input-border);height:55px;width:55px;text-align:center;align-content:center;color:var(--main-header-text-color)}ion-content.gateway_setting ion-list.gateway_list ion-row.rooms_row ion-col ion-item .ion-avatar ion-icon,div.gateway_setting ion-list.gateway_list ion-row.rooms_row ion-col ion-item .ion-avatar ion-icon{font-size:30px}.new_label_title .label_text{color:var(--input-label);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.new_input_item .input{background:var(--input-bg);color:var(--input-label);font-size:15px;font-weight:500;border-radius:8px;padding:0 10px!important;border:1px solid var(--input-border);--placeholder-color: var(--input-label);--placeholder-opacity: .8;--height: 60px;text-transform:capitalize}.item_desc ion-text{color:var(--text-normal);font-family:SpaceGrotesk;font-size:14px;font-weight:400;margin:20px auto 0}.power_control_note ion-icon{font-size:23px;color:var(--ion-color-danger);margin:auto 8px auto 0}.power_control_note ion-icon.info_wifi{color:var(--text-normal)!important}.power_control_note ion-text{color:var(--ion-color-danger);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.power_control_note ion-text.black_text{color:var(--text-normal)!important}.input-clear-icon.sc-ion-input-md ion-icon.sc-ion-input-md{width:22px;height:22px;color:var(--input-label);margin-right:10px}ion-select-option{text-transform:capitalize}ion-select-popover ion-list{background:var(--input-bg)!important}ion-select-popover ion-list ion-radio-group ion-item{--background: var(--radio-grp-bg) !important;color:var(--button-text-color);font-weight:600;--color-focused: var(--select-option-text);--border-color: transparent;--inner-border-width: 0}ion-popover::part(arrow){--background: var(--popover-bg-dark)}ion-list.black{background:var(--bg-color)!important}ion-list.bg-black{background:var(--bg-color)!important}ion-list .bg_black{background:var(--bg-color)!important}.bottom-drawer{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);align-items:flex-end;--height: 65vh;--border-radius: 20px 20px 0 0}.bottom-drawer.modalheight77{--height: 77vh}.bottom-drawer.modalheight67{--height: 67vh}.bottom-drawer.modalheight61{--height: 61vh}.bottom-drawer.modalheight44{--height: 44vh}.bottom-drawer.modalheight35{--height: 35vh}.bottom-drawer.modalheight37{--height: 37vh}.bottom-drawer.modalheight30,.bottom-drawer.modalheight26{--height: 30vh}.bottom-drawer.modalheight23{--height: 23vh}.bottom-drawer.modalheight72{--height: 57vh}.bottom-drawer.modalheightfull{--height: 100%;--width: 100%;--border-radius: 0}.bottom-drawer.modalRoom{--height: 27vh}.bottom-drawer ion-header{--background: var(--input-bg)}.bottom-drawer ion-header.border_bottom{border-bottom:1px solid var(--input-border)}.bottom-drawer ion-header.bottom_drawer_common_header ion-toolbar{--background: var(--input-bg);--padding-start: 15px;--padding-end: 15px}.bottom-drawer ion-header.bottom_drawer_common_header ion-toolbar ion-item{--background: transparent;margin:0}.bottom-drawer ion-header.bottom_drawer_common_header ion-toolbar ion-item .room-avatar{width:3.5rem;height:3.5rem;border:2px solid var(--button-text-color)}.bottom-drawer ion-header.bottom_drawer_common_header ion-toolbar ion-item.bg-none{--padding-bottom: 15px;--padding-top: 10px;--padding-start: 15px;--padding-end: 10px}.bottom-drawer ion-header.bottom_drawer_common_header ion-toolbar ion-item ion-icon{color:var(--button-text-color);font-size:37px}.bottom-drawer ion-header.bottom_drawer_common_header ion-toolbar ion-item ion-icon.padding{padding:10px;font-size:30px}.bottom-drawer ion-header.bottom_drawer_common_header ion-toolbar ion-item ion-icon.panel_icon{color:var(--button-text-color);font-size:37px;margin-right:17px}.bottom-drawer ion-header.bottom_drawer_common_header ion-toolbar ion-item ion-label h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.bottom-drawer ion-header.bottom_drawer_common_header ion-toolbar ion-item ion-label p{color:var(--text-gray-color);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:600;line-height:normal;padding-top:1%;text-transform:capitalize}.bottom-drawer ion-header.bottom_drawer_common_header ion-toolbar ion-item ion-label .room-details{padding-top:1%}.bottom-drawer ion-content.light-back,.bottom-drawer ion-header.light-back{--background: var(--input-bg)}.bottom-drawer ion-content.device_setting,.bottom-drawer ion-header.device_setting{--border-radius: 16px;--background: var(--input-bg);box-shadow:0 -6px 5px #00000040;--padding-start: 0}.bottom-drawer ion-content.device_setting.border_bottom,.bottom-drawer ion-header.device_setting.border_bottom{border-bottom:1px solid var(--input-border)}.bottom-drawer ion-content.device_setting ion-item,.bottom-drawer ion-header.device_setting ion-item{--background: transparent;margin:0}.bottom-drawer ion-content.device_setting ion-item.bg-none,.bottom-drawer ion-header.device_setting ion-item.bg-none{--padding-bottom: 15px;--padding-top: 10px;--padding-start: 15px;--padding-end: 10px}.bottom-drawer ion-content.device_setting ion-item.bg,.bottom-drawer ion-header.device_setting ion-item.bg{--padding-bottom: 15px;--padding-top: 10px;--padding-start: 15px;--padding-end: 10px;--background: var(--input-bg)}.bottom-drawer ion-content.device_setting ion-item ion-icon,.bottom-drawer ion-header.device_setting ion-item ion-icon{color:var(--button-text-color);font-size:37px}.bottom-drawer ion-content.device_setting ion-item ion-icon.panel_icon,.bottom-drawer ion-header.device_setting ion-item ion-icon.panel_icon{color:var(--button-text-color);font-size:37px;margin-right:17px}.bottom-drawer ion-content.device_setting ion-item ion-label h2,.bottom-drawer ion-header.device_setting ion-item ion-label h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal}.bottom-drawer ion-content.device_setting ion-item ion-label p,.bottom-drawer ion-header.device_setting ion-item ion-label p{color:var(--input-label);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.bottom-drawer ion-content.device_setting .modal-list ion-icon,.bottom-drawer ion-header.device_setting .modal-list ion-icon{font-size:22px;margin-right:26px}.bottom-drawer ion-content.device_setting .modal-list ion-icon.lock,.bottom-drawer ion-header.device_setting .modal-list ion-icon.lock{color:var(--green-icon-color)}.bottom-drawer ion-content.device_setting .modal-list ion-icon.enable,.bottom-drawer ion-header.device_setting .modal-list ion-icon.enable{color:var(--warning)}.bottom-drawer ion-content.device_setting .modal-list ion-label h2,.bottom-drawer ion-header.device_setting .modal-list ion-label h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal}.bottom-drawer ion-content.rooms-modal-setting,.bottom-drawer ion-header.rooms-modal-setting{--backdrop-opacity: rgba(0, 0, 0, .6);--border-radius: 16px;--background: var(--input-bg);box-shadow:0 -6px 5px #00000040}.bottom-drawer ion-content.rooms-modal-setting ion-content.light-back,.bottom-drawer ion-header.rooms-modal-setting ion-content.light-back{--background: var(--input-bg)}.bottom-drawer ion-content.rooms-modal-setting ion-item,.bottom-drawer ion-header.rooms-modal-setting ion-item{--background: transparent;margin:0}.bottom-drawer ion-content.rooms-modal-setting ion-item.bg-none,.bottom-drawer ion-header.rooms-modal-setting ion-item.bg-none{--padding-bottom: 15px;--padding-top: 10px;--padding-start: 15px;--padding-end: 10px}.bottom-drawer ion-content.rooms-modal-setting ion-label h2,.bottom-drawer ion-header.rooms-modal-setting ion-label h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.bottom-drawer ion-content.rooms-modal-setting ion-label p,.bottom-drawer ion-header.rooms-modal-setting ion-label p{color:var(--input-label);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.bottom-drawer ion-content.rooms-modal-setting ion-avatar,.bottom-drawer ion-header.rooms-modal-setting ion-avatar{--border-radius: 4px;border:2px solid var(--main-header-text-color);height:55px;width:55px}.bottom-drawer ion-content.rooms-modal-setting ion-icon,.bottom-drawer ion-header.rooms-modal-setting ion-icon{font-size:24px}.bottom-drawer ion-content.rooms-modal-setting .modal-list ion-icon,.bottom-drawer ion-header.rooms-modal-setting .modal-list ion-icon{font-size:24px;margin-right:15px}.common-footer.footer_addroom ion-toolbar.padding{--padding-start: 30px;--padding-bottom: 15px;--padding-end: 30px}.common-footer.footer_addroom ion-toolbar .block-ion-button{--color: var(--button-text-color);text-align:center;font-family:SpaceGrotesk;font-size:18px;font-weight:600;height:60px;max-width:600px;margin:auto}.common-footer.footer_addroom ion-toolbar .block-ion-button.danger{--background: transparent !important;--color: var(--error) !important;border:1px solid var(--error);border-radius:15px}.common-footer.footer_addroom ion-toolbar .block-ion-button.bg_red{--background: var(--ion-color-danger)}.cancel_install_alert .alert-wrapper.ion-overlay-wrapper.sc-ion-alert-md{margin:auto 40px}.cancel_install_alert .alert-title{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:22px;font-style:normal;font-weight:500}.alert_delete_routine{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:18px;font-weight:300}.alert_delete_routine .alert-wrapper .alert-head{margin-bottom:30px}.alert_delete_routine .alert-wrapper .alert-head h2{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:18px;font-weight:600}.alert_on_device ion-icon.bulb-icon{background:var(--bg-yellow);border-radius:50%;width:35px;height:35px;display:flex;padding:10px;margin:auto;overflow:hidden;box-shadow:4px 4px 12px #0000001f;font-size:20px}.alert_on_device p{display:flex!important;align-items:center;gap:4px;font-weight:600!important}.alert_on_device p ion-text{color:var(--error);display:flex!important;align-items:center;gap:4px;font-weight:600!important}.alert_on_device p ion-text ion-icon{height:20px;width:20px;display:flex;align-items:center}.alert_on_device p ion-icon{height:20px;width:20px;display:flex;align-items:center}.alert_on_retain_state ion-icon.bulb-icon{background:var(--bg-yellow);border-radius:50%;width:35px;height:35px;display:flex;padding:10px;margin:auto;overflow:hidden;box-shadow:4px 4px 12px #0000001f;font-size:20px}.alert_on_retain_state p{display:flex!important;align-items:center;gap:4px;font-weight:400!important;text-transform:capitalize}.alert_on_retain_state p ion-text{color:var(--error);display:flex!important;align-items:center;gap:4px;font-weight:600!important}.alert_on_retain_state p ion-text ion-icon{height:20px;width:20px;display:flex;align-items:center}.alert_on_retain_state p ion-icon{height:20px;width:20px;display:flex;align-items:center}.alert_on_delete{--background: var(--bg-card-color);--color: var(--main-header-text-color)}.alert_on_delete h2,.alert_on_delete input{--color: var(--main-header-text-color) !important;color:var(--main-header-text-color)!important}.alert_on_delete ion-icon.bulb-icon{background:var(--bg-yellow);border-radius:50%;width:35px;height:35px;display:flex;padding:10px;margin:auto;overflow:hidden;box-shadow:4px 4px 12px #0000001f;font-size:20px}.alert_on_delete ion-text{color:var(--error);display:flex!important;align-items:center;justify-content:center;gap:4px;font-size:50px;font-weight:600!important}.alert_off_device ion-icon.bulb-icon{background:var(--bg-btn-lightblack);border-radius:50%;width:35px;height:35px;display:flex;padding:10px;margin:auto;overflow:hidden;box-shadow:4px 4px 12px #0000001f;font-size:20px}.alert_off_device .alert-message.sc-ion-alert-md{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px;text-align:left}.alert_off_device .alert-message.sc-ion-alert-md p{font-weight:700;margin:0;display:inline}.no_hr_padding{--padding-start: 0 !important;--padding-end: 0 !important}.no_bottom_padding{--padding-bottom: 0 !important}.common-footer{--background: var(--bg-color) !important;background:var(--bg-color)}.common-footer ion-toolbar{--background: var(--bg-color)}.common-footer ion-toolbar.set_weekly_btn{padding:2px 20px 20px;margin-bottom:20px;--background: transparent}.common-footer .block-ion-button{margin:0 20px 20px;--border-radius: 15px;--background: var(--forgot-label-color);--color: var(--main-header-text-color);text-align:center;font-weight:700;text-transform:none;font-size:15px;--padding-top: 0px;--padding-bottom: 0px}.common-footer .block-ion-button.set_weekly_btn{height:60px;font-size:15px;font-weight:600;max-width:600px;margin:auto}.common-footer .block-ion-button.set_weekly_btn.delete{border-radius:10px;border:2px solid var(--delete-btn-bg);--color: var(--delete-btn-bg) !important;--background: transparent !important}.common-footer .block-ion-button.delete_bg{--background: var(--ion-color-danger) !important;--background-activated: var(--ion-color-danger)}.common-footer .block-ion-button p{padding:6px}.common-footer.footer_addroom ion-toolbar{--padding-start: 30px;--padding-bottom: 30px;--padding-end: 30px}.common-footer.footer_addroom ion-toolbar .block-ion-button{--color: var(--button-text-color);text-align:center;font-family:SpaceGrotesk;font-size:18px;font-weight:600}.device-tabs-rooms-lits-without-fix{overflow-x:auto;white-space:nowrap;width:100%;z-index:1000;background:var(--bg-color);padding-inline:10px}.device-tabs-rooms-lits-without-fix.top-margin{top:96px}.device-tabs-rooms-lits-without-fix .container{display:inline-block;margin:8px;vertical-align:top;text-transform:capitalize}.device-tabs-rooms-lits-without-fix .top-right{position:relative;text-align:start;color:var(--input-border-color);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:400;line-height:normal;height:44px}.device-tabs-rooms-lits-without-fix .top-right ion-text{text-transform:capitalize;max-width:131px;display:inline-block;text-overflow:ellipsis;overflow:hidden;padding:5px 2px 0 0}.device-tabs-rooms-lits-without-fix .top-right.active{color:var(--button-text-color)}.device-tabs-rooms-lits-without-fix .bottom-center{position:relative;text-align:center}.device-tabs-rooms-lits-without-fix .badge{color:var(--input-border-color);font-size:11px;position:relative;top:-14px;left:2px}.device-tabs-rooms-lits-without-fix .badge.active{color:var(--button-text-color)}.device-tabs-rooms-lits-without-fix .dot{width:100%;height:1px;background-color:var(--white);margin-top:5px;position:absolute}.device-tabs-rooms-lits{overflow-x:auto;white-space:nowrap;position:fixed;width:100%;z-index:1000;background:var(--bg-color);padding-inline:10px}.device-tabs-rooms-lits.non-fixed{position:static!important}.device-tabs-rooms-lits.top-margin{top:96px}.device-tabs-rooms-lits .container{display:inline-block;margin:8px;vertical-align:top;text-transform:capitalize}.device-tabs-rooms-lits .top-right{position:relative;text-align:start;color:var(--input-border-color);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:400;line-height:normal;height:44px}.device-tabs-rooms-lits .top-right ion-text{text-transform:capitalize;max-width:131px;display:inline-block;text-overflow:ellipsis;overflow:hidden;padding:5px 2px 0 0}.device-tabs-rooms-lits .top-right.active{color:var(--button-text-color)}.device-tabs-rooms-lits .bottom-center{position:relative;text-align:center}.device-tabs-rooms-lits .badge{color:var(--input-border-color);font-size:11px;position:relative;top:-14px;left:2px}.device-tabs-rooms-lits .badge.active{color:var(--button-text-color)}.device-tabs-rooms-lits .dot{width:100%;height:1px;background-color:var(--white);margin-top:5px;position:absolute}.mesh-config-spinner-container{display:flex;justify-content:center;align-items:center;height:100%;min-height:300px}.mesh-config-ion-spinner{width:50px;height:50px}.scan-page-list{margin:30px 30px 0 20px}.scan-page-list ion-item-divider{margin-left:10px;background:transparent;border-bottom:none}.scan-page-list ion-item-divider ion-label{text-transform:capitalize;color:var(--main-header-text-color)!important;font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal;font-weight:600;line-height:24px}.scan-page-list .scan-page-list_item{--ripple-color: transparent}.scan-page-list ion-item{margin:10px 0;--background: transparent}.scan-page-list ion-item ion-label{color:var(--main-header-text-color)!important;font-family:SpaceGrotesk!important;font-size:13px!important;font-style:normal;font-weight:700;line-height:20px;text-transform:capitalize}.scan-page-list ion-item ion-label h4{text-transform:capitalize}.scan-page-list ion-item ion-icon{font-size:30px;margin-right:10px;color:var(--main-header-text-color)}.custom-infinite-scroll-spinner{--color: var(--main-header-text-color) }.assign_switch_content .flexo{display:flex;justify-content:start;align-items:center;flex-direction:column;max-width:600px;margin:auto;background:var(--bg-color)}.assign_switch_content .flexo ion-item.bg-black{--background: transparent;width:100%}.assign_switch_content .flexo ion-item.bg-black ion-input{color:var(--button-text-color);background:var(--input-bg);font-size:15px;font-weight:500;border-radius:5px;padding:6px 20px!important;border:1px solid var(--input-border-color);--placeholder-color: var(--button-text-color);--placeholder-opacity: .8;--height: 60px;margin:100px 6px 15px;text-transform:capitalize}.assign_switch_content .flexo ion-item.bg-black.label_text{border-radius:5px;border:1px solid var(--input-border-color);background:var(--bg-card-color);text-align:center;width:92%;margin-bottom:20px;padding:5px}.assign_switch_content .flexo ion-item.bg-black.label_text ion-label{color:var(--input-border-color);font-family:SpaceGrotesk;font-size:14px;font-style:italic;font-weight:500;margin:0;text-decoration:none}.assign_switch_content .flexo ion-item ion-label{color:var(--forgot-label-color);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;text-decoration:underline;text-underline-offset:5px;height:20px;margin-right:5px;margin-top:-10px}.assign_switch_content .flexo ion-row{width:100%}.assign_switch_content .flexo ion-row ion-col{background:transparent;width:100%}.assign_switch_content .flexo ion-row ion-col ion-item.item_transparent{--background: transparent}.assign_switch_content .flexo ion-row ion-col ion-item.item_transparent ion-select{min-height:50px;color:var(--button-text-color);font-family:SpaceGrotesk;font-size:25px;font-weight:500;border-radius:8px;border:2px solid var(--input-border-color);background:var(--bg-btn-lightblack);--padding-start: 15px;margin-bottom:10px}.assign_switch_content .flexo ion-row ion-col ion-item.item_transparent.select_item{min-height:auto;color:var(--button-text-color);font-family:SpaceGrotesk;border-radius:8px;border:2px solid var(--input-border-color);--background: var(--bg-btn-lightblack);--padding-start: 15px;margin:0 20px}.assign_switch_content .flexo ion-row ion-col ion-item.item_transparent.select_item .select_label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:14px;text-underline-offset:none;height:auto;text-decoration:none;margin:auto;text-transform:capitalize;min-width:70%}.assign_switch_content .flexo ion-row ion-col ion-item.item_transparent.select_item .select_icon{color:var(--text-normal);font-size:22px}.assign_switch_content .flexo ion-row ion-col ion-item.item_transparent ion-select::part(icon){color:var(--text-normal);opacity:1;position:absolute;right:20px}.assign_switch_content .flexo ion-row ion-col ion-item.item_transparent ion-select::part(placeholder),.assign_switch_content .flexo ion-row ion-col ion-item.item_transparent ion-select::part(text){font-size:14px;font-weight:600;color:var(--input-label)}.assign_switch_content .input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{color:var(--text-normal);font-size:10px;font-weight:600}.assign_switch_content .has-value.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{visibility:visible;margin-top:0}.assign_switch_content .assign_switch_content .has-value.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{margin-top:auto;color:var(--text-normal)}.center_selection_content .flexo{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:600px;margin:auto;background:var(--bg-color);height:100%}.center_selection_content .flexo .lable-only{margin:0 20px;--background: transparent}.center_selection_content .flexo .lable-only ion-label{color:var(--text-gray-color);font-weight:500;font-family:SpaceGrotesk;height:30px;font-size:20px;-webkit-text-decoration:auto;text-decoration:auto;margin-left:-10px}.center_selection_content .flexo ion-item.bg-black{--background: transparent;width:100%}.center_selection_content .flexo ion-item.bg-black ion-input{color:var(--button-text-color);background:var(--input-bg);font-size:15px;font-weight:500;border-radius:5px;padding:6px 20px!important;border:1px solid var(--input-border-color);--placeholder-color: var(--button-text-color);--placeholder-opacity: .8;--height: 60px;margin:100px 6px 15px;text-transform:capitalize}.center_selection_content .flexo ion-item.bg-black.label_text{border-radius:5px;border:1px solid var(--input-border-color);background:var(--bg-card-color);text-align:center;width:92%;margin-bottom:20px;padding:5px}.center_selection_content .flexo ion-item.bg-black.label_text ion-label{color:var(--input-border-color);font-family:SpaceGrotesk;font-size:14px;font-style:italic;font-weight:500;margin:0;text-decoration:none}.center_selection_content .flexo ion-item ion-label{color:var(--forgot-label-color);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;text-decoration:underline;text-underline-offset:5px;height:20px;margin-right:5px;margin-top:-10px}.center_selection_content .flexo ion-row{width:100%}.center_selection_content .flexo ion-row ion-col{background:transparent;width:100%}.center_selection_content .flexo ion-row ion-col ion-item.item_transparent{--background: transparent}.center_selection_content .flexo ion-row ion-col ion-item.item_transparent ion-select{min-height:50px;color:var(--button-text-color);font-family:SpaceGrotesk;font-size:25px;font-weight:500;border-radius:8px;border:2px solid var(--input-border-color);background:var(--bg-btn-lightblack);--padding-start: 15px;margin-bottom:10px}.center_selection_content .flexo ion-row ion-col ion-item.item_transparent.select_item{min-height:auto;color:var(--button-text-color);font-family:SpaceGrotesk;border-radius:8px;border:2px solid var(--input-border-color);--background: var(--bg-btn-lightblack);--padding-start: 15px;margin:0 20px}.center_selection_content .flexo ion-row ion-col ion-item.item_transparent.select_item .select_label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:14px;text-underline-offset:none;height:auto;text-decoration:none;margin:auto;text-transform:capitalize;min-width:70%}.center_selection_content .flexo ion-row ion-col ion-item.item_transparent.select_item .select_icon{color:var(--text-normal);font-size:22px}.center_selection_content .flexo ion-row ion-col ion-item.item_transparent ion-select::part(icon){color:var(--text-normal);opacity:1;position:absolute;right:20px}.center_selection_content .flexo ion-row ion-col ion-item.item_transparent ion-select::part(placeholder),.center_selection_content .flexo ion-row ion-col ion-item.item_transparent ion-select::part(text){font-size:14px;font-weight:600;color:var(--input-label)}.center_selection_content .note{margin:7%}.center_selection_content .note p{color:var(--input-label);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.center_selection_content .input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{color:var(--text-normal);font-size:10px;font-weight:600}.center_selection_content .has-value.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{visibility:visible;margin-top:0}.center_selection_content .assign_switch_content .has-value.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{margin-top:auto;color:var(--text-normal)}.gap-row-switch{justify-content:space-around}.quick_action{--border-radius: 16px;--background: var(--input-bg);box-shadow:0 -6px 5px #00000040;background:var(--input-bg);height:auto;overflow-y:auto}.quick_action ion-list{display:flex;justify-content:center;align-items:center;height:100%;background:var(--input-bg)}.quick_action ion-list ion-item{--background: transparent;margin:0}.quick_action ion-list ion-item ion-label{color:var(--button-text-color)!important;text-align:center;font-size:18px;font-weight:400;font-family:SpaceGrotesk}.quick_action ion-list ion-item ion-label ion-icon{border-radius:6px;background:var(--bg-btn-lightblack);font-size:30px;color:var(--button-text-color);padding:20px;margin-bottom:10px}.quick_action-row-col ion-grid{display:flex;justify-content:center;align-items:center;height:100%}.quick_action-row-col ion-row{text-align:center;width:100%}.quick_action-row-col ion-col{text-align:center;padding-top:10px}.quick_action-row-col ion-col ion-icon{border-radius:6px;background:var(--bg-btn-lightblack);font-size:25px;color:var(--button-text-color);padding:15px}.quick_action-row-col ion-col p{color:var(--button-text-color)!important;text-align:center;font-size:13px;font-weight:400;font-family:SpaceGrotesk;padding:0;margin:0}.scenes_content ion-list{background:transparent;height:100px;border-radius:8px;background:var(--linear-gradient-pink-blue);margin:20px;padding-top:0}.scenes_content ion-list.bg_lightblack{background:var(--bg-card-color)}.scenes_content ion-list.bg_lightorange{background:var(--linear-gradient-orange-paleYellow)}.scenes_content ion-list ion-item{--background: transparent}.scenes_content ion-list ion-item ion-label h2{color:var(--white);font-family:SpaceGrotesk;font-size:18px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.scenes_content ion-list ion-item ion-label h2 span{font-family:Inter}.scenes_content ion-list ion-item ion-label p{color:var(--main-sub-header-text-color);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:600;line-height:normal;margin-top:5px;text-transform:capitalize}.scenes_content ion-list ion-item ion-label p span{font-family:Inter}.scenes_content ion-list ion-item.timer_item{margin-top:-10px}.scenes_content ion-list ion-item.timer_item ion-icon{padding:2px;background:var(--button-text-color);color:var(--bg-btn-color);border-radius:50%;font-size:15px;margin:0 5px 0 0}.scenes_content ion-list ion-item.timer_item ion-label h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.scenes_content ion-list ion-item.timer_item ion-label p{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:8px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.scenes_content ion-list ion-item ion-chip{height:22px;--background: var(--bg-btn-lightblack);border-radius:11px;--color: var(--input-label);font-size:8px;margin-left:0}.scenes_content ion-list ion-item ion-chip ion-icon{padding:auto;background:transparent!important;--color: var(--input-label);font-size:14px;margin:0!important}.scenes_content ion-list ion-item ion-chip ion-label{font-size:8px;font-weight:600;font-family:SpaceGrotesk}.scenes_content ion-list ion-icon.stop_icon{padding:8px;background:var(--button-text-color);color:var(--bg-btn-color);border-radius:50%;font-size:18px;margin:0 5px 0 0;position:absolute;right:10px;bottom:35px}.scenes_content ion-list ion-icon.play_icon{padding:4px;background:var(--button-text-color);color:var(--bg-btn-color);border-radius:50%;font-size:26px;margin:0 5px 0 0;position:absolute;right:10px;bottom:35px}.scenes_content ion-fab-button::part(native){background-color:var(--forgot-label-color);border-radius:15px;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;color:var(--button-text-color)}.add_scene_content{--padding-start: 10px;--padding-end: 10px}.add_scene_content .bg-black{--background: var(--bg-color)}.add_scene_content .container{--background: var(--bg-color);background:var(--bg-color);max-width:600px;margin:auto}.add_scene_content .container.schedule_container{display:flex;align-items:center;justify-content:center}.add_scene_content .container ion-list{background:transparent}.add_scene_content .container ion-list.scene_name{margin:20px 0 10px 10px}.add_scene_content .container ion-list.scene_name ion-item.bg-black{--background: transparent}.add_scene_content .container ion-list.scene_name ion-item.bg-black.input_item{--padding-start: 0px}.add_scene_content .container ion-list.scene_name ion-item.bg-black ion-label.gateway_name{color:var(--text-normal);font-family:SpaceGrotesk;font-size:20px;font-weight:600}.add_scene_content .container ion-list.scene_name ion-item.bg-black ion-input{background:var(--input-bg);color:var(--input-label);font-size:15px;font-weight:500;border-radius:8px;padding:0 10px!important;border:1px solid var(--input-border);--placeholder-color: var(--input-label);--placeholder-opacity: .8;--height: 60px}.add_scene_content .container ion-list.action_list{margin:10px}.add_scene_content .container ion-list.action_list ion-item.scene_title ion-label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:20px;font-weight:600}.add_scene_content .container ion-list.action_list ion-item.add_outline{border-radius:12px;border:1px dashed var(--bg-btn-color);background:var(--bg-color);height:56px;margin:5px}.add_scene_content .container ion-list.action_list ion-item.add_outline ion-label{text-align:center;color:var(--bg-btn-color);margin:20px auto;font-family:SpaceGrotesk}.add_scene_content .container ion-list.action_list ion-item.add_outline ion-label ion-icon{font-size:20px;margin-bottom:-3px;margin-right:4px}.add_scene_content .container ion-list.action_list ion-row.action_row ion-col ion-item{border-radius:12px;--background: var(--input-bg);margin-top:10px;--padding-top: 10px;--padding-bottom: 10px}.add_scene_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-label{color:var(--input-label);font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:600;line-height:normal;display:flex;align-items:center}.add_scene_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-label.schedule_label{flex-direction:column;align-items:start}.add_scene_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-label.schedule_label h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:15px;font-weight:600;text-transform:capitalize}.add_scene_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-label.schedule_label p{color:var(--input-label);font-family:Inter;font-size:10px;font-weight:400;margin-top:4px;text-transform:capitalize}.add_scene_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-label ion-icon{font-size:30px;color:var(--input-label);margin-right:5px}.add_scene_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-icon.icon1{font-size:30px;color:var(--text-normal);margin-right:10px}.add_scene_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-icon.icon3{font-size:30px;color:var(--error)}.add_scene_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-icon.schedule_icon1{color:var(--bg-btn-color)}.add_scene_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-icon.schedule_icon3{color:var(--text-normal)}.add_scene_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-icon.active{background:var(--forgot-label-color);border-radius:50%;color:var(--white);padding:0}.add_scene_content .container ion-item.btn_item{position:sticky;bottom:15px}.add_scene_content .container ion-item.btn_item .btn_delete{border:2px solid var(--error);--background: var(--bg-color);color:var(--error);font-size:20px;font-weight:600;width:140px;min-width:120px;height:60px;margin:auto;--border-radius: 10px;border-radius:10px}.add_scene_content .container ion-item.btn_item .btn_save{border-radius:10px;--border-radius: 10px;background:var(--forgot-label-color);color:var(--button-text-color);text-align:center;font-size:20px;font-weight:600;width:140px;min-width:120px;height:60px;margin:auto}.error-msg-routine{margin:0;background:var(--input-bg);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;color:var(--text-gray-color);padding:8px 0 10px 15px}.schedule_weekly_content{--padding-start: 10px;--padding-end: 10px}.schedule_weekly_content ion-list.container{--background: var(--bg-color);background:var(--bg-color);max-width:600px;margin:50px auto auto}.schedule_weekly_content ion-list.container ion-item.bg-black{--background: var(--bg-color)}.schedule_weekly_content ion-list.container ion-item.days_items{--padding-start: 0;--padding-end: 0}.schedule_weekly_content ion-list.container ion-item ion-label.title{color:var(--text-normal);font-family:SpaceGrotesk;font-size:20px;font-weight:600}.schedule_weekly_content ion-list.container ion-datetime{border:.8px solid var(--bg-btn-lightblack);border-radius:12px;--background: var(--input-bg);--background-rgb: var(--input-bg);--wheel-highlight-background: var(--bg-btn-lightblack);margin:auto}.schedule_weekly_content ion-list.container ion-datetime.calender{border:.8px solid var(--bg-btn-lightblack);border-radius:12px;--background: var(--input-bg);--background-rgb: var(--input-bg);--wheel-highlight-background: var(--bg-btn-lightblack);--wheel-item-active: var(--light-pink-bg-color);margin:auto}.schedule_weekly_content ion-list.container ion-datetime::part(wheel-item){color:var(--input-border-color);font-family:Inter;font-weight:500}.schedule_weekly_content ion-list.container ion-datetime::part(wheel-item active){color:var(--forgot-label-color);text-shadow:0px 0px 2px var(--forgot-label-color);font-family:Inter;font-weight:600}.schedule_weekly_content ion-list.container .scrollable-content{white-space:nowrap;padding-top:16px;padding-left:5px;padding-bottom:16px;width:100%;overflow-x:scroll}.schedule_weekly_content ion-list.container .circles-container{display:flex;justify-content:space-between!important;min-width:350px;margin:auto}.schedule_weekly_content ion-list.container .circle-item{width:50px;height:50px;margin:auto 5px 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--main-header-text-color);font-weight:700;font-size:18px;border:0px solid var(--bg-btn-lightblack);position:relative;background-color:var(--button-text-color)}.schedule_weekly_content ion-list.container .circle-item.active{background-color:var(--bg-btn-color);color:var(--button-text-color)!important}.schedule_weekly_content ion-list.container .circle-text{position:absolute;bottom:auto;text-align:center;color:var(--input-border-color);font-family:SpaceGrotesk;font-size:11px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.schedule_weekly_content ion-list.container .circle-text.active{color:var(--button-text-color)!important}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px;background:var(--input-bg);color:var(--white);--background-rgb: var(--input-bg)}.ion-color-dark{--background: var(--input-bg);--background-rgb: var(--input-bg);color:var(--white);text-transform:capitalize;--wheel-highlight-background: var(--bg-btn-lightblack);margin:auto;font-family:SpaceGrotesk;font-style:normal;font-weight:600;line-height:normal}.picker-item-active{color:red}.loft-home-menu-icon ion-button{margin-top:5px;margin-left:-7px!important;width:55px!important;--ripple-color: transparent}.loft-home-menu-icon ion-button ion-icon{font-size:30px!important}.loft-home-menu-icon ion-menu-button{margin-top:5px;margin-left:-7px!important;width:55px!important;--ripple-color: transparent;color:var(--button-text-color);font-size:30px}.loft-home-menu-icon ion-menu-button ion-icon{font-size:30px!important}.voice_content .title_voice{color:var(--button-text-color);font-size:28px;font-weight:600;margin-top:15px;padding-left:0}.voice_content .sub_title_voice{color:var(--text-normal);font-family:SpaceGrotesk;font-size:16px;font-weight:600;padding-left:0}.new_col{padding:0;margin:5px 0;border-radius:12px;--padding-bottom: 0;border:1px solid var(--input-border)}.feb-bottom-end ion-fab-button{margin-bottom:20px;margin-right:12px;--background: var(--forgot-label-color);--background-activated: var(--forgot-label-color);--background-hover: var(--forgot-label-color);--border-radius: 10px;--box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .62);--color: var(--main-header-text-color)}.feb-bottom-end .tabs-button ion-fab-button{margin-bottom:15px!important}.feb-bottom-end .tabs-button ion-fab-button ion-icon{font-weight:700;font-size:32px}.voice_segment{--background: var(--bg-color);border:1px solid var(--text-normal);border-radius:20px;width:210px;margin:20px auto!important}.voice_segment ion-icon{font-size:18px;margin-left:-10px;margin-right:4px}.voice_segment ion-segment-button{--indicator-color: var(--forgot-label-color)}.voice_segment ion-segment-button.ios{--color: var(--input-label);--color-checked: var(--white);--border-radius: 20px}.voice_list{background:transparent;padding:0}.voice_list ion-row.action_row ion-col ion-item{border-radius:12px;--background: var(--input-bg);margin:5px 10px;border:1px solid var(--input-border)}.voice_list ion-row.action_row ion-col ion-item ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal}.voice_list ion-row.action_row ion-col ion-item ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.voice_list ion-row.action_row ion-col ion-item ion-icon{font-size:30px}.voice_popover .add_group_popover_content_voice{--padding-top: 0;--padding-bottom: 0;--padding-start: 0;--padding-end: 0}.voice_popover .add_group_popover_content_voice.scrollable_device_list{overflow-y:auto;height:70vh;border-radius:10px;padding-top:0;padding-bottom:0}.voice_popover .add_group_popover_content_voice .popover_row .popover_col{padding:0}.voice_popover .add_group_popover_content_voice .popover_row hr{background-color:var(--bg-btn-lightblack);margin:0}.voice_popover .add_group_popover_content_voice .popover_items{--background: var(--popover-bg);--padding-start: 0}.voice_popover .add_group_popover_content_voice .popover_items ion-icon{font-size:30px}.voice_popover .add_group_popover_content_voice .popover_items ion-icon.border{border-radius:50%;border:1px solid var(--button-text-color)}.voice_popover .add_group_popover_content_voice .popover_items ion-icon.popover_list_icon{margin:auto 0;min-width:30px}.voice_popover .add_group_popover_content_voice .popover_items p{color:var(--input-label);font-size:16px;margin-left:15px;text-transform:capitalize}.voice_popover .add_group_popover_content_voice .popover_items p.popover_list_text{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;margin-right:0}.voice_popover .add_group_popover_content_voice ion-text{color:var(--button-text-color);font-size:18px;font-weight:500}.popover_items_voice{--padding-start: 10px;--padding-bottom: 5px}.popover_items_voice .popover_list_icon{font-size:24px;min-width:30px}.popover_items_voice .popover_list_icon.dnd{margin-left:12px}.popover_items_voice p{color:var(--input-label);font-size:16px;margin-left:15px;text-transform:capitalize}.popover_items_voice p.popover_list_text{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;margin-right:0}.popover_items_voice .voice_name{color:var(--input-label);font-family:SpaceGrotesk;font-size:16px;font-weight:600;margin-left:15px;text-transform:capitalize}.popover_items_voice .voice_sub_name{color:var(--text-normal);font-family:SpaceGrotesk;font-size:12px;font-weight:600}.padding_top_none{padding-top:0!important}.add_group_content{--padding-start: 10px;--padding-end: 10px}.add_group_content .bg-black{--background: var(--bg-color)}.add_group_content ion-row.bg-black{--background: var(--bg-color);background:var(--bg-color)!important}.add_group_content .next_btn{margin-top:40px}.add_group_content .next_btn ion-button{height:50px;--border-radius: 10px;min-width:130px;font-size:18px;border-radius:10px;text-transform:capitalize;font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal;color:var(--main-header-text-color)}.add_group_content .next_btn ion-button.started_btn{margin:auto}.add_group_content .guid_container{display:flex;place-items:center;height:55vh}.add_group_content .guid_container .clear_guid_points ion-label{color:var(--button-text-color);font-family:"" SpaceGrotesk "";font-size:18px;font-weight:500;line-height:120.9%;white-space:normal;text-indent:-17px;padding-left:26px;margin:18px 0}.add_group_content .container{--background: var(--bg-color);background:var(--bg-color);max-width:600px;margin:auto}.add_group_content .container .operate_gtp_btn{border-radius:12px;border:1px solid var(--bg-btn-lightblack);--background: var(--color-gradiant-blue);--padding-top: 10px;--padding-bottom: 10px;margin:5px}.add_group_content .container .operate_gtp_btn ion-label{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.add_group_content .container .operate_gtp_btn ion-icon{color:var(--button-text-color);margin-right:10px}.add_group_content .container ion-list{background:transparent}.add_group_content .container ion-list.group_name{margin:0 0 10px 10px}.add_group_content .container ion-list.group_name ion-item.bg-black{--background: transparent;--padding-start: 0px}.add_group_content .container ion-list.group_name ion-item.bg-black.input_item{--padding-start: 0px}.add_group_content .container ion-list.group_name ion-item.bg-black ion-label.gateway_name{color:var(--text-normal);font-family:SpaceGrotesk;font-size:20px;font-weight:600}.add_group_content .container ion-list.group_name ion-item.bg-black ion-input{background:var(--input-bg);color:var(--input-label);font-size:15px;font-weight:500;border-radius:8px;padding:0 10px!important;border:1px solid var(--input-border);--placeholder-color: var(--input-label);--placeholder-opacity: .8;--height: 60px}.add_group_content .container ion-list.grp_icons_list{--background: var(--bg-color);background:var(--bg-color);max-width:600px;margin:10px auto auto}.add_group_content .container ion-list.grp_icons_list ion-item.bg-black{--background: var(--bg-color)}.add_group_content .container ion-list.grp_icons_list ion-item.days_items{--padding-start: 0;--padding-end: 0}.add_group_content .container ion-list.grp_icons_list ion-item ion-label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:20px;font-weight:600}.add_group_content .container ion-list.grp_icons_list .scrollable-content{white-space:nowrap;padding-left:5px;width:100%;overflow-x:scroll}.add_group_content .container ion-list.grp_icons_list .circles-container{display:flex;justify-content:space-between!important;min-width:350px;margin:auto}.add_group_content .container ion-list.grp_icons_list .circles-container .scroll_icon_div{height:50px;width:27px;position:sticky;right:0;top:auto;bottom:auto;background:var(--linear-gradient-black-opacity);border-radius:50% 0% 0% 50%}.add_group_content .container ion-list.grp_icons_list .circles-container .scroll_icon_div ion-icon{color:var(--white);font-size:18px;height:100%;margin-left:10px}.add_group_content .container ion-list.grp_icons_list .circle_scene{width:50px;height:50px;margin:0 5px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.add_group_content .container ion-list.grp_icons_list .circle_scene.active{border:4px solid var(--white)}.add_group_content .container ion-list.grp_icons_list .circle_icon{width:50px;height:50px;margin:0 5px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:var(--input-border)}.add_group_content .container ion-list.grp_icons_list .circle_icon.active{background-color:var(--bg-btn-color);color:var(--button-text-color)!important}.add_group_content .container ion-list.grp_icons_list .circle_icon.selected{border:4px solid var(--white)}.add_group_content .container ion-list.grp_icons_list .circle_icon ion-icon{font-size:32px;color:var(--button-text-color)}.add_group_content .container ion-list.action_list ion-row.action_row ion-item.scene_title ion-label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:20px;font-weight:600}.add_group_content .container ion-list.action_list ion-row.action_row ion-col.border{border:1px solid var(--input-border);border-radius:12px;background:var(--input-bg);margin-bottom:15px;margin-top:5px}.add_group_content .container ion-list.action_list ion-row.action_row ion-col.border ion-item{border-radius:12px;margin-top:0!important;--padding-top: 0px;--padding-bottom: 0px}.add_group_content .container ion-list.action_list ion-row.action_row ion-col.select_col{--padding-start: 0;--padding-end: 0}.add_group_content .container ion-list.action_list ion-row.action_row ion-col.select_col .item_transparent{--padding-start: 0px;--padding-end: 0px;--inner-padding-end: 0px;border:1px solid var(--input-border);--background: var(--input-bg)}.add_group_content .container ion-list.action_list ion-row.action_row ion-col.select_col .item_transparent ion-select{min-height:50px;color:var(--button-text-color);font-family:SpaceGrotesk;font-size:25px;font-weight:500;border-radius:8px;--border-radius: 8px;--background: var(--input-bg);--padding-start: 15px}.add_group_content .container ion-list.action_list ion-row.action_row ion-col.select_col .item_transparent ion-select::part(icon){color:var(--text-normal);opacity:1;position:absolute;right:20px}.add_group_content .container ion-list.action_list ion-row.action_row ion-col.select_col .item_transparent ion-select::part(placeholder),.add_group_content .container ion-list.action_list ion-row.action_row ion-col.select_col .item_transparent ion-select::part(text){font-size:14px;font-weight:600;color:var(--input-label)}.add_group_content .container ion-list.action_list ion-row.action_row ion-col ion-item{border-radius:12px;--background: var(--input-bg);margin-top:10px;--padding-top: 10px;--padding-bottom: 10px;border:1px solid var(--input-border)}.add_group_content .container ion-list.action_list ion-row.action_row ion-col ion-item.border_none{border:none!important}.add_group_content .container ion-list.action_list ion-row.action_row ion-col ion-item.non-margin{margin-top:0!important}.add_group_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.add_group_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.add_group_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-label.light_grp_label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.add_group_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-label.light_grp_label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:600;line-height:normal;margin-top:5px}.add_group_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-icon{font-size:30px}.add_group_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-icon.icon1{color:var(--text-normal);margin-right:10px}.add_group_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-icon.icon3{color:var(--error)}.add_group_content .container ion-list.action_list ion-row.action_row ion-col ion-item ion-icon.on{color:var(--forgot-label-color)}.add_group_content .container ion-list.action_list .chips1{--background: transparent;--padding-start: 0px;margin-top:20px}.add_group_content .container ion-list.action_list .chips1 ion-chip{--background: var(--bg-btn-lightblack);--color: var(--input-label)}.add_group_content .container ion-list.action_list .chips1 ion-chip.active{--background: var(--button-linear-gradient)}.add_group_content .container ion-list.action_list .chips1 ion-chip ion-icon{margin-right:2px;margin-left:-6px;font-size:20px;color:var(--input-label)}.add_group_content .container ion-list.accordian_list .chips1{--background: transparent;--padding-start: 0px;margin-top:20px}.add_group_content .container ion-list.accordian_list .chips1 ion-chip{--background: var(--bg-btn-lightblack);--color: var(--input-label);font-weight:600}.add_group_content .container ion-list.accordian_list .chips1 ion-chip.active{--background: var(--button-linear-gradient);--color: var(--bg-dark-blck-bg)}.add_group_content .container ion-list.accordian_list .chips1 ion-chip ion-icon{margin-right:2px;margin-left:-6px;font-size:20px;color:var(--input-label)}.add_group_content .container ion-list.accordian_list ion-accordion{border-radius:12px;border:1px solid var(--input-border);background:var(--bg-color)}.add_group_content .container ion-list.accordian_list ion-accordion ion-item{border-radius:0;--background: var(--input-bg);--padding-top: 10px;--padding-bottom: 10px;border-bottom:1px solid var(--input-border)}.add_group_content .container ion-list.accordian_list ion-accordion ion-item.border_none{border:none!important}.add_group_content .container ion-list.accordian_list ion-accordion ion-item ion-label{text-transform:capitalize;color:var(--input-label);font-family:SpaceGrotesk}.add_group_content .container ion-list.accordian_list ion-accordion ion-item ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal}.add_group_content .container ion-list.accordian_list ion-accordion ion-item ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.add_group_content .container ion-list.accordian_list ion-accordion ion-item .room-ion-avatar{--border-radius: 4px;border:2px solid var(--input-border);height:55px;width:55px;text-align:center;align-content:center;color:var(--main-header-text-color)}.add_group_content .container ion-list.accordian_list ion-accordion ion-item .room-ion-avatar ion-icon{font-size:30px}.add_group_content .container ion-list.accordian_list ion-accordion ion-item ion-icon{font-size:30px;color:var(--text-normal)}.add_group_content .container ion-list.accordian_list ion-accordion ion-item ion-icon.icon1{color:var(--text-normal);margin-right:10px}.add_group_content .container ion-list.accordian_list ion-accordion ion-item ion-icon.icon3{color:var(--error)}.add_group_content .container ion-list.accordian_list ion-accordion ion-item ion-icon.on{color:var(--forgot-label-color)}.add_group_content .container ion-list.accordian_list ion-accordion ion-item ion-checkbox{--size: 22px;margin:auto 2px auto 10px}.add_group_content .container ion-list.accordian_list ion-accordion ion-item ion-toggle{--track-background: var(--input-border-color);color:var(--input-label)}.add_group_content .container ion-list.accordian_list ion-accordion ion-item .custom-input{background:var(--input-bg);color:var(--input-label);font-size:16px;font-weight:600;border-radius:8px;border:1px solid var(--input-border);--placeholder-color: var(--input-label);--placeholder-opacity: .4;font-family:SpaceGrotesk;--padding-start: 15px !important;--padding-top: 10px;--padding-bottom: 10px}.blank_container .title_voice{color:var(--button-text-color);font-size:28px;font-weight:600;margin-top:15px;padding-left:0}.blank_container .blank_container_list{display:flex;align-items:center;justify-content:center;flex-direction:column}.blank_container .blank_container_list .blank_icon{height:70vw;width:70vw;max-width:400px;max-height:400px;margin:60px auto}.blank_container .blank_container_list .blank_icon.no_margin{margin:20px auto}.blank_container .blank_container_list .heading{color:var(--input-label);text-align:center;font-family:SpaceGrotesk;font-size:30px;font-weight:600}.blank_container .blank_container_list .heading.type2{font-size:22px!important}.blank_container .blank_container_list .heading.mb-4{margin-bottom:32px}.blank_container .blank_container_list .sub_heading{color:var(--text-normal);text-align:center;font-family:SpaceGrotesk;font-size:15px;font-weight:500}.view-all-wrapper{margin-right:-14px}.view-all-flex{display:flex;align-items:center}.badge-content1{display:flex;gap:8px}.swap,.view-all{display:flex;align-items:center;cursor:pointer}ion-accordion.accordion-expanding ion-item[slot=header],ion-accordion.accordion-expanded ion-item[slot=header]{--color: var(--text-normal)}ion-action-sheet.room-control{--background: var(--input-bg);--backdrop-opacity: .6;--button-background-selected: var(--text-color);--button-color: var(--text-color);--color: var(--white);--ion-color-danger: var(--text-color)}ion-action-sheet.room-control .action-sheet-button,ion-action-sheet.room-control .action-sheet-button.ion-focused{color:var(--white);text-transform:capitalize}input.searchbar-input.sc-ion-searchbar-ios{background:var(--input-bg);border-radius:17px;color:var(--input-label);border:1px solid var(--bg-btn-lightblack)}.circle-scene-container{display:flex;gap:1rem;justify-content:center;align-items:center}.circle-scene-container .circle-item-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;width:5rem}.circle-scene-container .circle-item-wrapper .circle-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:"column";border-radius:50%;height:60px;width:60px;border:5px solid var(--bg-btn-lightblack);position:relative}.circle-scene-container .circle-item-wrapper .circle-wrapper ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;opacity:60%}.circle-scene-container .circle-item-wrapper .circle-wrapper ion-icon.push{left:50%}.circle-scene-container .circle-item-wrapper .circle-wrapper ion-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:43px;width:43px;opacity:60%}.circle-scene-container .circle-item-wrapper .circle-wrapper.active{background-color:var(--bg-btn-color);color:var(--button-text-color)!important}.circle-scene-container .circle-item-wrapper .circle-text-wrapper{display:flex;flex-direction:column;justify-content:center;gap:3px;width:100%;overflow:scroll;text-align:center}.circle-scene-container .circle-item-wrapper .circle-text-wrapper .room-text{color:var(--text-normal);font-family:SpaceGrotesk;font-size:9px;font-style:normal;font-weight:600;line-height:normal;text-align:center;text-transform:capitalize}.circle-scene-container .circle-item-wrapper .circle-text-wrapper .room-text.active{color:var(--button-text-color)!important}.circle-scene-container .circle-item-wrapper .circle-text-wrapper .scene-text{color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-style:normal;line-height:normal;width:100%;font-weight:500;text-transform:capitalize}.circle-scene-container .circle-item-wrapper .circle-text-wrapper .scene-text.active{color:var(--button-text-color)!important}.custom-back-button-text{overflow:scroll;white-space:nowrap;margin:.5rem;text-transform:capitalize;color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.profile_top_item{--padding-top: 0 !important;--padding-bottom: 0 !important}.profile_logo_item{--padding-start: 0 !important;--padding-end: 0 !important;--padding-top: 0 !important;--padding-bottom: 0 !important;border:none!important;--inner-padding-end: 0;margin:0 10px}.profile_logo_item .profile_logo_div{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:30px 40px;border:none!important;border-radius:20px;background:var(--input-border)}.profile_logo_item .resize{height:60px;width:60px}.profile_details_item_list{--padding-top: 0px !important;--padding-bottom: 0px !important;margin-top:0!important}.profile_details_item_list .icon_edit{font-size:21px!important;color:var(--button-text-color)}.profile_list{padding-bottom:0!important;padding-top:0!important}.no-border{border:none!important}ion-menu::part(container){border-color:transparent}.manu_wrapper{border:0px solid transparent}.sidemenu_header{--background: var(--bg-card-color);background:var(--bg-card-color)}.sidemenu_header ion-toolbar{--background: var(--bg-card-color)}.sidemenu_header ion-toolbar ion-icon{font-size:80px;margin:auto 42px}.sidemenu_footer ion-toolbar{--background: var(--bg-card-color)}.sidemenu_footer ion-toolbar ion-title{color:var(--input-label);font-size:12px;font-weight:400;text-align:center}.sidemenu_content{height:calc(100% - 195px);--background: var(--bg-card-color);background:var(--bg-card-color)}.sidemenu_content ion-icon{color:var(--button-text-color);font-size:28px;margin-right:10px}.sidemenu_content ion-text{color:var(--button-text-color);font-size:18px;font-weight:500}.fade-max{animation:fadeIn 1.9s ease-in-out}.fade-max .gateway_chip{margin-left:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.fade-max.no_yp{padding:0 20px}.fade-max .add_icon_gateway{margin-right:5px;margin-left:0}.fade-max .gateway_item{--padding-top: 0px;--padding-bottom: 0px;--padding-start: 10px !important}.fade-max .gateway_item .icon_bg{font-size:36px;background:var(--bg-btn-lightblack);padding:4px;border-radius:50%;margin-right:15px}.fade-max .gateway_item h2{font-size:14px}.fade-max .gateway_item p{font-size:10px}.fade-max .user_item{--padding-top: 0px;--padding-bottom: 0px;--padding-start: 10px !important}.fade-max .user_item .icon_bg{background:var(--bg-btn-lightblack);border-radius:50%;margin-right:15px;width:40px;height:40px}.fade-max .user_item h2{font-size:14px}.fade-max .user_item p{font-size:10px}.fade-in{animation:fadeIn .5s ease-in-out}.fade-in .gateway_chip{margin-left:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.fade-in.no_yp{padding:0 20px}.fade-in .add_icon_gateway{margin-right:5px;margin-left:0}.fade-in .gateway_item{--padding-top: 0px;--padding-bottom: 0px;--padding-start: 10px !important}.fade-in .gateway_item .icon_bg{font-size:36px;background:var(--bg-btn-lightblack);padding:4px;border-radius:50%;margin-right:15px}.fade-in .gateway_item h2{font-size:14px}.fade-in .gateway_item p{font-size:10px}.fade-in .user_item{--padding-top: 0px;--padding-bottom: 0px;--padding-start: 10px !important}.fade-in .user_item .icon_bg{background:var(--bg-btn-lightblack);border-radius:50%;margin-right:15px;width:40px;height:40px}.fade-in .user_item h2{font-size:14px}.fade-in .user_item p{font-size:10px}.roomLayoutEditModal,.roomEditModal{cursor:auto;pointer-events:inherit;opacity:0;transform:translate(100%);transition:all .5s ease-in-out}.roomLayoutEditModal.open,.roomEditModal.open{opacity:1!important;transform:translate(0)!important}.item_transparent{--background: transparent}ion-popover.add_grp_select{--width: 300px;--box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .6);--background: var(--popover-bg)}ion-popover.add_grp_select .add_group_popover_content{--background: var(--popover-bg);--overflow: hidden}ion-popover.add_grp_select .add_group_popover_content .popover_items{--background: var(--popover-bg);--padding-start: 0}ion-popover.add_grp_select .add_group_popover_content .popover_items ion-icon{font-size:30px}ion-popover.add_grp_select .add_group_popover_content .popover_items ion-icon.border{border-radius:50%;border:1px solid var(--button-text-color)}ion-popover.add_grp_select .add_group_popover_content .popover_items ion-icon.popover_list_icon{margin:auto 0;min-width:30px}ion-popover.add_grp_select .add_group_popover_content .popover_items ion-icon.padding{padding:3px;color:var(--white)}ion-popover.add_grp_select .add_group_popover_content .popover_items p{color:var(--input-label);font-size:16px;margin-left:15px;text-transform:capitalize}ion-popover.add_grp_select .add_group_popover_content .popover_items p.popover_list_text{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;margin-right:0}ion-popover.add_grp_select .add_group_popover_content ion-text{color:var(--button-text-color);font-size:18px;font-weight:500}ion-popover.add_grp_select::part(arrow){--background: var(--popover-bg)}ion-popover.device-setting-pop{--width: 300px;--box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .6);--background: var(--input-bg)}ion-popover.device-setting-pop .popover_items{--background: var(--input-bg);--padding-start: 0}ion-popover.device-setting-pop .popover_items ion-label{color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-weight:400;margin-left:15px;text-transform:capitalize}ion-popover.device-setting-pop .popover_items ion-icon{color:var(--input-label);font-size:20px}ion-popover.date-select{--width: 300px;--box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .6);--background: var(--input-bg)}ion-popover.date-select .add_group_popover_content{--background: var(--input-bg);max-height:425px}ion-popover.date-select .add_group_popover_content .popover_items{--background: var(--input-bg);--padding-start: 0}ion-popover.date-select .add_group_popover_content .popover_items ion-icon{font-size:30px}ion-popover.date-select .add_group_popover_content .popover_items ion-icon.border{border-radius:50%;border:1px solid var(--button-text-color)}ion-popover.date-select .add_group_popover_content .popover_items ion-icon.popover_list_icon{margin:auto 0;min-width:30px}ion-popover.date-select .add_group_popover_content .popover_items ion-icon.padding{padding:3px;color:var(--white)}ion-popover.date-select .add_group_popover_content .popover_items p{color:var(--input-label);font-family:SpaceGrotesk;font-size:16px;font-weight:500;margin-left:15px;text-transform:capitalize}ion-popover.date-select .add_group_popover_content .popover_items p.popover_list_text{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;margin-right:0}ion-popover.date-select .add_group_popover_content .custom-period-container .custom-period-item{--background: transparent;color:var(--main-header-text-color)}ion-popover.date-select .add_group_popover_content ion-text{color:var(--button-text-color);font-size:18px;font-weight:500}ion-popover.date-select .add_group_popover_content ion-datetime{--background: var(--input-bg);color:var(--text-gray-color)}.custom-date-calendar ion-datetime{background:var(--input-bg);color:var(--main-header-text-color);--wheel-fade-background-rgb: var(--bg-color-rgb) }ion-popover.date-select::part(arrow){--background: var(--input-bg)}ion-range::part(pin){color:var(--button-text-color);transition:transform .12s ease}.icon_panel{margin:20px;border-radius:12px;border:1px solid var(--bg-btn-lightblack);padding-bottom:0}.icon_panel ion-icon{color:var(--input-label);min-width:20px;font-size:20px}.no_bottom_padding{--padding-bottom: 0px !important}.no_bottom_padding .sub_title{margin-top:4px;margin-bottom:8px}.no_bottom_padding .margin_btn{margin:-30px 0 0!important}.panel_color_page{--padding-start: 10px;--padding-end: 10px;--padding-top: 0px;--padding-bottom: 0px}.panel_color_page ion-list{margin:10px auto;background:var(--bg-color)}.panel_color_page ion-list.bg-black{background:var(--bg-color)!important}.panel_color_page ion-list .bg-black{background:var(--bg-color)!important}.panel_color_page ion-list.color_section.backlight ion-item{--background: transparent;--padding-start: 8px}.panel_color_page ion-list.color_section.backlight ion-item ion-toggle{color:var(--text-normal);margin:0 auto}.panel_color_page ion-list.color_section.backlight ion-item ion-range{margin:15px auto 0}.panel_color_page ion-list.color_section.backlight ion-item ion-range ion-icon{color:var(--text-normal)}.panel_color_page ion-list.color_section ion-label.label h3{color:var(--text-normal);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;text-transform:uppercase}.panel_color_page ion-list.color_section ion-label.label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.panel_color_page ion-list.color_section ion-row{border-radius:10px;background:var(--light-card-bg);padding:0 5px;margin:8px auto 10px}.panel_color_page ion-list.color_section ion-row ion-col{margin:auto}.panel_color_page ion-list.color_section ion-row ion-col .color_circle{border-radius:50%;height:35px;width:35px;margin:5px auto;display:flex;align-items:center;justify-content:center}.panel_color_page ion-list.color_section ion-row ion-col .color_circle .sunny_icon{color:var(--white);font-size:22px}.cool_master_setting_page{--padding-start: 10px;--padding-end: 10px;--padding-top: 0px;--padding-bottom: 0px}.cool_master_setting_page ion-list{margin:10px auto;background:var(--bg-color)}.cool_master_setting_page ion-list.bg-black{background:var(--bg-color)!important}.cool_master_setting_page ion-list .bg-black{background:var(--bg-color)!important}.cool_master_setting_page ion-list .ion-row{border-radius:10px;padding:0 5px;margin:8px auto 10px}.cool_master_setting_page ion-list .ion-row .ion-col{margin:auto;border-radius:10px}.cool_master_setting_page ion-list .ion-row .ion-col ion-checkbox{color:var(--text-normal);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;text-transform:capitalize;margin:0 auto}.cool_master_setting_page ion-list .ion-row .ion-col ion-item{--background: transparent}.cool_master_setting_page ion-list .ion-row .ion-col ion-item ion-label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;text-transform:capitalize}.panel_icon_bedroom{font-size:32px!important}.bg_black{--background: var(--bg-color)}.card_dark_bg{background:var(--bg-btn-lightblack)!important;--background: var(--bg-btn-lightblack) !important}.motion_control{--padding-end: 8px;--padding-top: 20px;--padding-start: 8px;--padding-bottom: 16px}.motion_control .sensor_toggle_list .sensor_toggle_item{--background: var(--input-bg);border-radius:12px;border:1px solid var(--bg-btn-lightblack);--padding-top: 4px;--padding-bottom: 4px}.motion_control .sensor_toggle_list .sensor_toggle_item ion-label{color:var(--input-label);font-size:16px;font-weight:500}.motion_control .sensor_toggle_list .sensor_toggle_item ion-toggle{color:var(--white);--track-background: var(--bg-btn-lightblack)}.motion_control .trigger_list{--padding-start: 4px}.motion_control .trigger_list ion-label{color:var(--input-label);font-size:16px;font-weight:500}.motion_control .trigger_list .sub_label{color:var(--text-normal);margin-bottom:-16px}.motion_control .trigger_list .main_label{color:var(--input-label);font-size:18px;font-weight:500;overflow:visible}.motion_control .trigger_list .label_perc{color:var(--range-color);font-family:SpaceGrotesk;font-size:20px;font-style:normal;font-weight:600;line-height:40px}.motion_control .trigger_list ion-chip{border-radius:30px;background:var(--bg-btn-lightblack);color:var(--input-label);font-size:12px;font-weight:600}.motion_control .trigger_list ion-chip.active{background:var(--forgot-label-color);color:var(--bg-color)}.motion_control .trigger_list ion-range{color:var(--range-color)}.motion_control .trigger_list .note{color:var(--text-normal);font-size:12px!important;font-weight:400;white-space:wrap}.motion_control .trigger_list .note_icon{font-size:16px!important;margin-right:8px}.motion_control .trigger_list ion-row{width:100%}.motion_control .trigger_list ion-row ion-col{background:transparent;width:100%;padding:0}.motion_control .trigger_list ion-row ion-col ion-item.item_transparent{--background: transparent}.motion_control .trigger_list ion-row ion-col ion-item.item_transparent.hr_item{--padding-start: 0;--padding-end: 0}.motion_control .trigger_list ion-row ion-col ion-item.item_transparent ion-select{min-height:50px;color:var(--button-text-color);font-family:SpaceGrotesk;font-size:25px;font-weight:500;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);--padding-start: 15px;margin-bottom:10px}.motion_control .trigger_list ion-row ion-col ion-item.item_transparent ion-select::part(icon){color:var(--text-normal);opacity:1;position:absolute;right:20px}.motion_control .trigger_list ion-row ion-col ion-item.item_transparent ion-select::part(placeholder),.motion_control .trigger_list ion-row ion-col ion-item.item_transparent ion-select::part(text){font-size:14px;font-weight:600;color:var(--input-label)}.motion_control .trigger_list ion-row ion-col.large_number{color:var(--forgot-label-color);font-family:SpaceGrotesk;font-size:80px;font-style:normal;font-weight:400;line-height:60px}.motion_control .trigger_list ion-item .time_input{background:var(--input-bg);color:var(--input-label);font-size:16px;font-weight:600;border-radius:8px;border:1px solid var(--input-border);--placeholder-color: var(--input-label);--placeholder-opacity: .4;margin-bottom:20px;font-family:SpaceGrotesk;--padding-start: 15px !important;--padding-top: 10px;--padding-bottom: 10px}.motion_control .trigger_list ion-item .time_input ::placeholder{font-family:SpaceGrotesk;font-size:14px}.sensor_block-ion-button{margin:0 20px 20px;--border-radius: 15px;--background: var(--forgot-label-color);--color: var(--main-header-text-color);text-align:center;font-weight:700;text-transform:none;font-size:15px;--padding-top: 0px;--padding-bottom: 0px;height:52px;position:sticky;bottom:10px;z-index:1000}.sensor_block-ion-button p{padding:6px}.add-routine-sticky-ion-button{--border-radius: 15px;--background: var(--forgot-label-color);--color: var(--main-header-text-color);text-align:center;font-weight:700;text-transform:none;font-size:15px;--padding-top: 0px;--padding-bottom: 0px;height:52px;position:sticky;bottom:10px;z-index:1000}.add-routine-sticky-ion-button p{padding:6px}.add_scene_block-ion-button{margin:10px 10px 0;--border-radius: 15px;--background: var(--forgot-label-color);--color: var(--main-header-text-color);text-align:center;font-weight:700;text-transform:none;font-size:15px;--padding-top: 0px;--padding-bottom: 0px;height:52px}.add_scene_block-ion-button p{padding:6px}.add_scene_block-ion-button.hidden{opacity:0;visibility:hidden}.routine_content .inner-padding-end{--inner-padding-end: 0}.routine_content .padding-start{--padding-start: 0}.routine_content .padding-bottom{padding-bottom:0!important}.routine_content #my-scrollable-element{padding-bottom:0;padding-top:8px}.routine_content .margin-top0{margin-top:0!important}.routine_content .gateway-label{text-decoration:none!important;margin:0;height:auto!important}.routine_content .popover-item-icon{margin-right:8px}.ion-input-element{--background: var(--input-bg);border-radius:8px;border:1px solid var(--input-border);color:var(--input-label);font-weight:500;font-family:SpaceGrotesk;text-transform:capitalize}.ion-chip-element{--background: var(--input-border);color:var(--input-label);text-transform:capitalize;font-weight:500;font-family:SpaceGrotesk;font-size:12px}.ion-chip-element.active{--background: var(--forgot-label-color);color:var(--bg-color)}.ion-chip-element ion-label{text-wrap-mode:nowrap}.ion-popover-btn-element{--background: var(--input-border);color:var(--input-label);text-transform:capitalize;font-weight:600;font-family:SpaceGrotesk;border-radius:8px}.ion-popover-btn{font-size:14px;color:var(--input-label);text-transform:capitalize;font-weight:500;font-family:SpaceGrotesk;--ripple-color: transparent}.ion-round-button{--border-radius: 70%}.button-width-height{width:35px;height:35px;min-height:35px!important;--background: var(--input-border-color);color:var(--white)}.button-width-height.active{--background: var(--forgot-label-color) !important}.add-btn-dashed-element{border:2px dashed #81bdff;border-radius:8px}.label-title-15{font-size:15px!important;font-family:SpaceGrotesk!important;text-transform:capitalize!important;font-weight:600!important;color:var(--input-label)!important}.label-title-16{font-size:16px!important;font-family:SpaceGrotesk!important;text-transform:capitalize!important;font-weight:400!important;color:var(--input-label)!important}.label-title-18{font-size:18px!important;font-family:SpaceGrotesk!important;text-transform:capitalize!important;font-weight:500!important;color:var(--text-normal)!important}.ion-item-bg-black{--ripple-color: transparent !important;--background: #191919;background:#191919}.ion-item-bg-transparent{--ripple-color: transparent !important;--background: transparent;background:transparent}ion-icon.ion-accordion-toggle-icon.md.hydrated{color:var(--white)}ion-icon.ion-accordion-toggle-icon.ios.hydrated{color:var(--white)}ion-datetime-button::part(native){background:transparent;width:86vw;text-align:start;font-size:16px!important;font-family:SpaceGrotesk!important;text-transform:capitalize!important;font-weight:400!important;color:var(--input-label)!important;padding:0}.ion-accordian-item{background:var(--input-bg);--background: var(--input-bg);color:var(--input-label);font-weight:500;font-family:SpaceGrotesk;text-transform:capitalize}.icon-light{color:var(--text-normal);margin-right:10px;font-size:30px}.icon-danger{color:var(--error);font-size:30px}.icon-on{color:var(--forgot-label-color);font-size:30px}.shutdown-icon{background:var(--input-label);color:var(--text-normal);border-radius:50%;padding:4px;font-size:22px;min-width:22px;margin-right:-10px}.shutdown-icon.active{background:var(--bg-btn-color-blue);color:var(--white)}.black-gradient{--background: var(--bg-color)}.timmer-content ion-datetime{--background: var(--input-bg);background:transparent;--background-rgb: var(--input-bg);--wheel-highlight-background: var(--forgot-label-color);font-family:SpaceGrotesk;text-transform:capitalize;font-weight:400;font-size:18px;margin:26px}.timmer-content ion-datetime::part(wheel-item){color:var(--text-normal);font-family:SpaceGrotesk;font-weight:500;font-size:23px}.timmer-content ion-datetime::part(wheel-item active){color:var(--button-text-color);font-family:SpaceGrotesk;text-transform:capitalize;font-weight:700;font-size:25px}.accordian-add-element{text-transform:capitalize;height:50px;--border-radius: 10px;font-weight:700}.device-tabs-rooms-lits ::-webkit-scrollbar-track{border-radius:.125rem;background-color:#e71e1e}.device-tabs-rooms-lits ::-webkit-scrollbar{width:.25rem;border-radius:.125rem}.device-tabs-rooms-lits ::-webkit-scrollbar-thumb{border-radius:.125rem;background-color:#7f6cea}.icon-effect.active{animation:icon-effect-animation 2s infinite;border-radius:50%}@keyframes icon-effect-animation{0%{box-shadow:0 0 #ff999945}to{box-shadow:0 0 0 20px #ff909000}}.content{--padding-top: 10px;--padding-bottom: 10px;--padding-start: 10px;--padding-end: 10px}.remote-title{color:var(--input-label);font-family:SpaceGrotesk;font-size:20px;font-weight:500}.alone_card{border-radius:8px;border:1px solid var(--bg-btn-lightblack)}.alone_card ion-icon{font-size:40px;color:var(--forgot-label-color)}.alone_card h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:18px;font-weight:500}.ac-list{height:65vh;overflow-y:auto;overflow-x:hidden;align-content:flex-start;border:1px solid var(--input-border);border-radius:10px}.popover_col_ac{border-bottom:1px solid var(--input-border)}.popover_items{--background: var(--popover-bg)}.popover_items ion-icon{font-size:30px}.popover_text_list{color:var(--input-label);font-size:16px;font-weight:600;text-transform:capitalize;padding:12px 0}.colorfe{color:var(--text-normal)}.config-title{color:var(--input-label)!important;font-family:SpaceGrotesk;font-size:16px!important;font-weight:600;line-height:23.48px!important;text-align:center}.icon-left,.icon-right{color:var(--white);padding:10px;border-radius:50%;background:var(--input-bg);font-size:35px}.icon-left.border,.icon-right.border{border:1px solid var(--bg-btn-lightblack)}.remote-note{color:var(--text-normal);font-family:SpaceGrotesk;font-size:12px;font-weight:400;line-height:16px;text-align:center}.remote-note ion-icon{color:var(--text-normal)}.Power-button{color:var(--ion-color-primary-contrast);padding:20px;border-radius:50%;background:var(--ion-color-primary);font-size:70px}.Power-button-active{color:var(--ion-color-primary-contrast);padding:20px;border-radius:50%;background:var(--bg-btn-lightblack);font-size:70px}.Power-button-active.active{background:var(--ion-color-primary)}.config-label h2{color:var(--text-normal);font-family:SpaceGrotesk;font-size:24px;font-weight:500;margin:16px}.config-label h6{color:var(--text-normal);font-family:SpaceGrotesk;font-size:15px;font-weight:400;margin:16px}.bottom-drawer-remote{background:#0000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);--border-radius: 20px 20px 0 0}.next_btn-remote{height:50px;--border-radius: 10px;width:120px;min-width:100px;font-size:18px;border-radius:10px;text-transform:capitalize;font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;margin:0}.bottom-drawer-title{font-family:SpaceGrotesk;font-size:18px;font-weight:500;line-height:21.13px;text-align:center;color:var(--input-label)!important}.Tempreture-ac h1{font-family:SpaceGrotesk;font-size:80px;font-weight:600;line-height:97.52px;color:var(--white)!important}.celcius-symb span{font-family:SpaceGrotesk;font-size:35px;font-weight:500;line-height:36px;color:var(--white)!important}.label-text h2{font-family:SpaceGrotesk;font-size:20px;font-weight:600;line-height:23.48px;color:var(--text-normal)}.icon-box-remote{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--text-normal);border-radius:10px;width:18vw;height:90px;max-width:100px;padding:10px 6px;margin-top:10px;background:var(--input-bg)}.icon-box-remote ion-icon{font-size:30px;color:var(--white);min-height:20px}.icon-box-remote ion-text{font-size:10px;color:var(--white);margin-top:8px;font-family:SpaceGrotesk;text-transform:capitalize}.icon-box-remote.active{background:var(--ion-color-primary)}.icon-box-remote.remove{background:var(--delete-btn-bg)}.icon-box-cool-master{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--text-normal);border-radius:10px;width:18vw;height:90px;max-width:100px;padding:10px 6px;margin-top:10px;background:var(--input-bg)}.icon-box-cool-master ion-icon{font-size:30px;color:var(--white);min-height:20px}.icon-box-cool-master ion-text{font-size:10px;color:var(--white);margin-top:8px;font-family:SpaceGrotesk;text-transform:capitalize}.icon-box-cool-master.active{background:var(--ion-color-primary)}.icon-box-cool-master.remove{background:var(--delete-btn-bg)}.content-center ion-col{text-align:center;justify-content:center;display:flex}.border-light{border-radius:12px;border:1px solid var(--input-border)}.ac-remote-fan{padding:8px 0}.ac-remote-fan.padding{padding:12px}.ac-remote-fan .acFan-icon-div{display:flex;align-items:center;justify-content:center;flex-direction:column}.ac-remote-fan .acFan-icon-div ion-icon{color:var(--button-text-color);font-size:30px}.ac-remote-fan .acFan-icon-div h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin:8px 4px 0}.ac-remote-fan ion-range{--bar-height: 70px;position:relative;border:1px solid var(--input-border);border-radius:10px;height:70px;--bar-background-active: var(--color-gradiant-blue);overflow:hidden}.ac-remote-fan ion-range::part(knob){border-radius:20px;height:80px;width:11px;top:-13px;left:22px}.ac-remote-fan ion-range::part(tick-active){background:var(--input-border);top:-14px;height:70px;width:1px;z-index:1}.ac-remote-fan ion-range::part(tick){background:var(--input-border);top:-14px;width:1px;height:70px;z-index:1}.ac-remote-fan ion-range::part(bar){background:var(--bg-color)}.master-power-switch{--background: var(--bg-btn-lightblack);z-index:10;height:70px;width:70px;--border-radius: 50%;position:fixed;bottom:10px;left:50%;transform:translate(-50%);border-radius:50%}.master-power-switch.active{--background: var(--forgot-label-color)}.master-power-switch ion-icon{font-size:50px}.footer-masterPowerSwitch-padding{--padding-bottom: 110px}.header-h2p-labels h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.header-h2p-labels p{color:var(--text-gray-color);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:600;line-height:normal;padding-top:1%;text-transform:capitalize}.content-h2-labels h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal}.number-row ion-col{color:#fff;text-align:end;font-size:8px}.footer-remote-button{z-index:10;position:fixed;bottom:10px;--border-radius: 15px;--background: var(--bg-color);--color: var(--forgot-label-color);text-align:center;font-weight:700;text-transform:none;font-size:15px;width:90%;--padding-top: 0px;--padding-bottom: 0px;height:52px}.export-center-container{display:flex;justify-content:center;align-items:center;height:90vh}.export-center-container ion-button{color:var(--button-text-color);text-transform:none;margin:10px 6% 0;height:53px;--background: var(--button-linear-gradient);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;--border-radius: 12px}.list-row{display:flex;flex-wrap:wrap}.list-row.scrollable{flex-wrap:nowrap;overflow:auto;margin-left:-10px}.list-row.scrollable .list-col{width:40%;min-width:40%}@media screen and (min-width: 640px){.list-row.scrollable .list-col{width:30%;min-width:30%}}@media screen and (min-width: 767px){.list-row.scrollable .list-col{width:22%;min-width:22%}}@media screen and (min-width: 1024px){.list-row.scrollable .list-col{width:18%;min-width:18%}}@media screen and (min-width: 1200px){.list-row.scrollable .list-col{width:15%;min-width:15%}}@media screen and (min-width: 1440px){.list-row.scrollable .list-col{width:14.2%;min-width:14.2%}}.list-row .list-col{padding:8px;display:flex;width:50%;min-width:50%}.list-row .list-col .disabled{opacity:.3}@media screen and (min-width: 640px){.list-row .list-col{width:33.33%;min-width:33.33%}}@media screen and (min-width: 767px){.list-row .list-col{width:25%;min-width:25%}}@media screen and (min-width: 1024px){.list-row .list-col{width:20%;min-width:20%}}@media screen and (min-width: 1200px){.list-row .list-col{width:16.6%;min-width:16.6%}}@media screen and (min-width: 1440px){.list-row .list-col{width:14.2%;min-width:14.2%}}.list-row .list-col .list-box{width:100%;background:#1e1e1e;padding:10px;border-radius:8px;box-shadow:2px 2px 8px #01010114;position:relative}.list-row .list-col .list-box .list-img .ion-avatar-group{--border-radius: 50%;height:55px;width:55px}.list-row .list-col .list-box .list-img .ion-avatar-group.play-ion-avatar{--border-radius: 50%;height:45px;width:45px;position:relative}.list-row .list-col .list-box .list-img .ion-avatar-group.play-ion-avatar ion-icon{position:absolute;top:49%;left:50%;font-size:30px;transform:translate(-50%,-50%);filter:brightness(0) invert(1) sepia(1) hue-rotate(220deg);color:var(--button-text-color)}.list-row .list-col .list-box .list-img .ion-avatar-group.play-ion-avatar ion-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:43px;width:43px;opacity:60%}.list-row .list-col .list-box .list-img .ion-avatar-scene{--border-radius: 50%;height:55px;width:55px}.list-row .list-col .list-box .list-img .ion-avatar-scene.play-ion-avatar{--border-radius: 50%;height:45px;width:45px;position:relative}.list-row .list-col .list-box .list-img .ion-avatar-scene.play-ion-avatar ion-icon{position:absolute;top:49%;left:53%;transform:translate(-50%,-50%);font-size:25px;opacity:60%}.list-row .list-col .list-box .list-img .ion-avatar-scene.play-ion-avatar ion-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:43px;width:43px;opacity:60%}.list-row .list-col .list-box p.list-title{margin-bottom:0;color:var(--button-text-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-row .list-col .list-box p.list-desc{color:#a8a6a3;font-size:12px;display:flex;align-items:center;margin-bottom:0}.list-row .list-col .list-box p.list-desc.small{font-size:11px}.list-row .list-col .list-box p.list-desc .dot{height:6px;width:6px;border-radius:50%;background:#a8a6a3;display:inline-block;margin-left:8px}.list-row .list-col .list-box p.list-desc .dot.active{background:var(--ion-color-success)}.list-row .list-col .list-box .more-btn{background:transparent;position:absolute;top:5px;padding:5px;right:5px}.list-row .list-col .list-box .more-btn ion-icon{font-size:25px!important;color:var(--input-label)!important;display:flex!important;align-items:center!important;padding:0!important;margin-right:-5px!important}.user_access ion-list{background:transparent;padding:20px}.user_access ion-list.user_list{padding-bottom:0}.user_access ion-list.bottom_list{position:absolute;bottom:0;padding:0;width:100%}.user_access ion-list .user_right_button{--background: var(--input-border-color);color:var(--input-label);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;width:100px;height:35px;border:1px solid var(--input-border);--border-radius: 8px;border-radius:8px}.user_access ion-list .user_right_button ion-icon{font-size:13px}.user_access ion-list .user_right_button.active{--background: var(--color-gradiant-blue)}.user_access ion-list ion-item-divider{background:transparent}.user_access ion-list ion-item-divider ion-label{padding:0;margin:0 0 -15px;color:var(--input-label);font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.user_access ion-list ion-item{margin:18px 0!important;border-radius:10px;--background: var(--input-bg);--padding-top: 10px;--padding-bottom: 10px;--padding-end: 10px;--padding-start: 20px}.user_access ion-list ion-item.user_item{--padding-top: 12px;--padding-bottom: 12px;margin:0;--padding-start: 5px;--padding-end: 0px}.user_access ion-list ion-item.user_item .user_topcard_btn{margin-right:10px}.user_access ion-list ion-item.user_item_list{--padding-top: 2px;--padding-bottom: 2px;margin:12px 0}.user_access ion-list ion-item.user_item_list .user_list_h2{font-weight:500}.user_access ion-list ion-item.bottom_list_item{margin:0}.user_access ion-list ion-item ion-icon{font-size:18px}.user_access ion-list ion-item ion-icon.icon_bg{font-size:35px;background:var(--bg-btn-lightblack);padding:10px;border-radius:50%;margin-right:15px}.user_access ion-list ion-item ion-icon.user_item_list_icon{font-size:22px;margin-right:11px}.user_access ion-list ion-item ion-icon.indicator{color:var(--error);font-size:12px}.user_access ion-list ion-item ion-icon.error{color:var(--error)}.user_access ion-list ion-label.company-version{text-align:center}.user_access ion-list ion-label.company-version h2{font-size:18px;font-weight:600;display:flex;align-items:start;justify-content:center}.user_access ion-list ion-label.company-version h2 .company_logo{width:74px;font-size:23px;margin:auto 8px}.user_access ion-list ion-label.company-version h2.sub_title{color:var(--input-label);text-align:center;font-family:SpaceGrotesk;font-size:12px;font-weight:600}.user_access ion-list ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.user_access ion-list ion-label h2.error{color:var(--error)}.user_access ion-list ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:600;line-height:normal;margin-top:8px;text-transform:capitalize}.user_access ion-list ion-label p ion-icon{margin-bottom:-4px;margin-right:6px}.user_access ion-list ion-icon{font-size:15px;color:var(--input-label)}.user_access ion-fab-button{--background: var(--forgot-label-color);--background-activated: var(--forgot-label-color);--background-hover: var(--forgot-label-color);--border-radius: 15px;--box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--color: var(--button-text-color);margin-right:15px;margin-bottom:30px}.share-access{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:600px;margin:auto;height:100%;background:var(--bg-color)}.share-access .heading-title{display:flex;justify-content:flex-start;align-items:center;width:100%}.share-access .heading-title p{margin:15px 30px;color:var(--button-text-color);font-family:SpaceGrotesk;font-weight:600;font-size:18px;text-underline-offset:none;text-decoration:none;text-transform:capitalize}.share-access ion-row{width:100%}.share-access ion-row ion-col{background:transparent;width:100%}.share-access ion-row ion-col ion-item.item_transparent{--background: transparent}.share-access ion-row ion-col ion-item.item_transparent.select_item{min-height:auto;color:var(--button-text-color);font-family:SpaceGrotesk;border-radius:8px;border:2px solid var(--input-border-color);--background: var(--bg-btn-lightblack);--padding-start: 15px;margin:0 20px}.share-access ion-row ion-col ion-item.item_transparent.select_item .select_label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:14px;text-underline-offset:none;height:auto;text-decoration:none;margin:auto;text-transform:capitalize;min-width:70%}.share-access ion-row ion-col ion-item.item_transparent.select_item .select_icon{color:var(--text-normal);font-size:22px}.share-access-qrcode{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:600px;margin:auto}.permissions-table{width:90%;border-collapse:collapse;border:1px solid var(--input-border-color);margin:0 21px 60px;border-radius:10px}.permissions-table thead{background:var(--input-border)}.permissions-table th,.permissions-table td{padding:8px;border:1px solid var(--input-border-color)}.permissions-table th.header,.permissions-table td.header{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-weight:500;font-size:15px;text-underline-offset:none;text-decoration:none;text-transform:capitalize}.permissions-table th.small,.permissions-table td.small{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-weight:400;font-size:13px;text-underline-offset:none;text-decoration:none;text-transform:capitalize}.permissions-table th.small ion-icon,.permissions-table td.small ion-icon{font-size:25px}.permissions-table th.small .icon-container,.permissions-table td.small .icon-container{display:flex;justify-content:center;align-items:center;height:100%}.permissions-table tbody tr:nth-child(2n){background-color:var(--input-border)}.permissions-table tbody tr:nth-child(odd){background-color:transparent}.footer-user-button{z-index:10;position:fixed;bottom:10px;--border-radius: 15px;--background: var(--button-linear-gradient);--color: var(--white);text-align:center;font-weight:700;text-transform:none;font-size:15px;width:90%;--padding-top: 0px;--padding-bottom: 0px;height:52px;left:5%;right:5%}.center-small-icon{font-size:30px;color:var(--button-text-color)}.center-small-p{color:var(--input-label);font-family:SpaceGrotesk;font-weight:400;font-size:12px;text-underline-offset:none;text-decoration:none;text-transform:capitalize;margin:0}.center-large-p{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-weight:500;font-size:15px;text-underline-offset:none;text-decoration:none;text-transform:capitalize;margin:0}.qrcode-row-margin{margin:20px 0}.qrcode-css canvas{border-radius:8px}body.barcode-scanner-active{visibility:hidden;--background: transparent;--ion-background-color: transparent}.barcode-scanner-modal{visibility:visible}@media (prefers-color-scheme: dark){.barcode-scanner-modal{--background: transparent;--ion-background-color: transparent}}.network-management ion-row{padding:0 20px}.network-management ion-row.no-padding{padding:0!important}.network-management ion-col.center{text-align:center;margin-top:10px}.network-management ion-col.border{border:1px solid var(--input-border);border-radius:12px;background:var(--input-bg);margin-bottom:15px;margin-top:5px}.network-management ion-col.border.selected{border:2px solid var(--forgot-label-color)}.network-management ion-col ion-badge{background:transparent}.network-management ion-col ion-item{--background: transparent;border-radius:12px;margin-top:0!important;--padding-top: 0px;--padding-bottom: 0px}.network-management ion-col ion-item ion-label h2{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-weight:500;font-size:15px;text-underline-offset:none;text-decoration:none;text-transform:capitalize}.network-management ion-col ion-item ion-icon{font-size:30px}.network-management ion-col ion-item ion-icon.icon1{color:var(--text-normal);margin-right:10px}.network-management ion-col ion-item.item_transparent{--background: transparent}.network-management ion-col ion-item.item_transparent ion-select{min-height:50px;color:var(--button-text-color);font-family:SpaceGrotesk;font-size:15px;font-weight:500;background:var(--input-bg)}.network-management ion-col ion-item.item_transparent ion-select::part(placeholder),.network-management ion-col ion-item.item_transparent ion-select::part(text){font-size:14px;font-weight:600;color:var(--input-label)}.network-management ion-col .error{color:var(--error);font-family:SpaceGrotesk;font-size:10px;font-weight:300;padding:0 15px}.div-all-scene-design{width:100%;margin:5px;border-radius:12px;border:1px solid var(--input-border);display:flex;justify-content:center;align-items:center;flex-direction:column}.div-all-scene-design ion-checkbox{color:#fff}.div-all-scene-design ion-item{width:100%}.div-all-scene-design ion-item.margin{margin:12px 0}.light-segment{margin:10px 0;border-radius:10px;background:var(--input-border)}.light-segment ion-segment-button{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:14px;font-style:normal;font-weight:600}.a-box{text-align:center;margin:0 0 12px}.img-room-container{height:230px;overflow:hidden;display:inline-block;border-radius:12px;box-shadow:0 0 10px #7d7d7d33;border:1px solid var(--input-border)}.room-skewed-icon{transform:skew(0,-13deg);height:65%;width:80%;color:#c8c2c2}.room-inner-skew{display:inline-block;border-radius:20px;overflow:hidden;padding:0;transform:skew(0,6deg);font-size:0px;height:250px;width:185px}.room-text-container{padding:80px 20px 20px;margin:-120px 0 0;line-height:19px}.room-text-container h3{margin:20px 0 10px;padding:8px;color:var(--input-label);text-align:center;font-family:SpaceGrotesk;font-size:14px;font-style:normal;font-weight:600;line-height:normal;white-space:nowrap;position:absolute;bottom:0;left:0;width:100%;text-transform:capitalize;transition:transform 10s linear infinite!important}.serch-device ion-accordion-group{background:transparent;margin:auto 10px}.serch-device ion-accordion{background:transparent;border:1px solid var(--bg-btn-lightblack);border-radius:10px;margin-bottom:10px}.serch-device ion-item{--background: transparent}.serch-device ion-item ion-label{color:var(--button-text-color)!important;font-family:SpaceGrotesk!important;font-size:18px!important;font-style:normal!important;font-weight:600!important;line-height:normal!important}.serch-device .content-container{height:55vh;overflow-y:auto;padding:16px}.serch-device .content-container ion-item{margin:10px 0;border-radius:10px;--background: var(--input-bg);text-transform:capitalize}.serch-device .content-container ion-item ion-label h2{color:var(--button-text-color)!important;font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:500!important;line-height:normal!important}.serch-device .content-container ion-item ion-label p{color:var(--text-normal)!important;font-family:SpaceGrotesk!important;font-size:12px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important}.serch-device .content-container ion-item ion-avatar{--border-radius: 4px;border:2px solid var(--input-border);height:50px;width:50px;text-align:center;align-content:center;color:var(--main-header-text-color);display:flex;align-items:center;justify-content:center}.serch-device .content-container ion-item ion-avatar ion-icon{font-size:30px}.serch-device .content-container ion-item .power{border-radius:50%;padding:4px;font-size:22px;min-width:22px;margin-right:-10px;background:var(--input-border-color);color:var(--text-normal)}.serch-device .content-container ion-item .icon-color{color:var(--text-normal)}.home-configuration{margin:10px 20px 0!important}.home-configuration .margin{margin-top:20px}.home-configuration .items{--background: transparent}.home-configuration .items ion-label{padding-left:10px}.home-configuration .items ion-label .header{color:var(--button-text-color)!important;font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:600!important;line-height:normal!important}.home-configuration .items ion-label .note{color:var(--text-normal)!important;font-family:SpaceGrotesk!important;font-size:10px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important}.defult-hotel-config ion-card{margin:0 10px 0 0;--background: transparent;box-shadow:none}.defult-hotel-config ion-card ion-card-header ion-card-title{color:var(--button-text-color)!important;font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:600!important;line-height:normal!important}.defult-hotel-config ion-card ion-card-header ion-card-subtitle{color:var(--button-text-color)!important;font-family:SpaceGrotesk!important;font-size:13px!important;font-style:normal!important;font-weight:500!important;line-height:normal!important}.defult-hotel-config ion-card ion-card-content ion-row{border:1px solid var(--bg-btn-lightblack);padding:5px 5px 0;border-radius:8px;background:var(--input-bg);margin-bottom:10px;margin-right:10px}.defult-hotel-config ion-card ion-card-content ion-row ion-col{padding:2px 2px 0 5px}.defult-hotel-config ion-card ion-card-content ion-row ion-col ion-input{--color: var(--input-label);font-family:SpaceGrotesk;--highlight-color-focused: var(--input-label)}.defult-hotel-config ion-card ion-card-content ion-row ion-col ion-item{--background: transparent;color:var(--main-header-text-color)}.defult-hotel-config ion-card ion-card-content ion-row ion-col ion-item ion-label{color:var(--text-normal)!important;font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important}.defult-hotel-config ion-card ion-card-content ion-row ion-col ion-button{text-transform:capitalize;font-family:SpaceGrotesk;font-style:normal;font-weight:700;line-height:normal}.defult-hotel-config .content-container{height:45vh;overflow-y:auto;padding:16px}.defult-hotel-config .content-container ion-row{border:1px solid var(--bg-btn-lightblack);padding:5px 5px 0;border-radius:8px;background:var(--input-bg);margin-bottom:10px;margin-right:10px}.defult-hotel-config .content-container ion-row ion-col{padding:2px 2px 0 5px}.defult-hotel-config .content-container ion-row ion-col ion-input{--color: var(--input-label);font-family:SpaceGrotesk;--highlight-color-focused: var(--input-label);font-size:11px}.defult-hotel-config .content-container ion-row ion-col ion-item{--background: transparent;color:var(--main-header-text-color)}.defult-hotel-config .content-container ion-row ion-col ion-item ion-label{color:var(--text-normal)!important;font-family:SpaceGrotesk!important;font-size:11px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important}.ble-remote-buttons{--background: var(--input-bg);color:var(--main-header-text-color);font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important;border-radius:10px}.ble-remote-buttons ion-label{color:var(--main-header-text-color)!important;padding:13px 0}.ble-remote-events .ion-row{border:1px solid var(--bg-btn-lightblack);margin:10px 20px;border-radius:10px}.ble-remote-events .ion-row ion-col{border-top-left-radius:9px;border-top-right-radius:9px}.ble-remote-events .ion-col-bg{background:var(--input-bg)}.ble-remote-events .ion-col-fix-height{min-height:100px}.ble-remote-events .item-disaplay{--background: transparent}.ble-remote-events .item-disaplay .select_label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:14px;text-underline-offset:none;height:auto;text-transform:capitalize}.ble-remote-events .item-disaplay ion-note{color:var(--text-normal);font-family:SpaceGrotesk}.ble-remote-events .item-disaplay ion-chip{color:var(--text-normal);font-family:SpaceGrotesk;text-transform:capitalize}.ble-remote-events .item-disaplay-info{--background: transparent}.ble-remote-events .item-disaplay-info .select_label{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:10px;text-underline-offset:none;height:auto;text-transform:capitalize}.ble-remote-events .item-disaplay-info ion-note{color:var(--main-header-text-color);font-family:SpaceGrotesk}.ble-remote-events .ion-col-center,.ble-remote-events .tex-center-in-col{display:flex;justify-content:center;align-items:center}.ble-remote-events .note-text{--background: transparent;color:var(--text-gray-color);font-family:SpaceGrotesk!important;font-size:18px!important;font-style:normal!important;font-weight:500!important;line-height:normal!important;margin:10px}.ble-remote-events .item-bg{--background: transparent;color:var(--text-gray-color);font-family:SpaceGrotesk!important;font-size:18px!important;font-style:normal!important;font-weight:500!important;line-height:normal!important}.ble-remote-events .add-actions-botton{--background: transparent;border:1px dotted var(--bg-btn-lightblack);color:var(--bg-btn-lightblack);font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important;border-radius:10px}.ble-remote-events .add-actions-botton ion-icon{color:var(--bg-btn-lightblack)}.ble-remote-events .item-show-details{--background: transparent;color:var(--input-border);font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important}.ble-remote-action-tranf-col{padding:5px}.ble-remote-action-tranf-col-div{min-height:auto;border:2px solid var(--input-border-color);border-radius:8px;--background: var(--bg-btn-lightblack);--padding-start: 15px;margin:0 20px}.ble-remote-action-tranf-col-div ion-item{color:var(--button-text-color);font-family:SpaceGrotesk;--background: transparent}.ble-remote-action-tranf-col-div ion-item.tran-select ion-select{min-height:50px;color:var(--white);font-family:SpaceGrotesk}.ble-remote-action-tranf-col-div ion-toggle{--track-background: var(--text-gray-color)}.ble-remote-action-tranf-col-div ion-radio{--color: var(--text-gray-color)}.ble-remote-action-tranf-col-div p{margin:0 20px 10px!important;color:var(--input-border);font-family:SpaceGrotesk}.rgb-center-items{display:flex;justify-content:center;align-items:center;height:100%;padding:10px}.tran-items-master-scane{--background: transparent}.tran-items-master-scane ion-toggle ion-label{padding-left:10px}.tran-items-master-scane ion-toggle ion-label.header{color:var(--button-text-color)!important;font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:600!important;line-height:normal!important}.tran-items-master-scane ion-toggle ion-label.note{color:var(--text-normal)!important;font-family:SpaceGrotesk!important;font-size:10px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important}.add-trigger-botton{--background: transparent;border:1px dotted var(--bg-btn-lightblack);color:var(--bg-btn-lightblack);font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important;border-radius:10px;height:50px}.add-trigger-botton ion-icon{color:var(--bg-btn-lightblack)}.sensor-events .ion-row{border:1px solid var(--bg-btn-lightblack);margin:10px 0;border-radius:10px}.sensor-events .ion-row ion-col{border-top-left-radius:9px;border-top-right-radius:9px}.sensor-events .ion-col-bg{background:var(--input-bg)}.sensor-events .ion-col-bg-tran{--background: transparent}.sensor-events .ion-col-fix-height{min-height:100px}.sensor-events .item-disaplay{--background: transparent}.sensor-events .item-disaplay .select_label{color:var(--text-normal);font-family:SpaceGrotesk;font-size:14px;text-underline-offset:none;height:auto;text-transform:capitalize}.sensor-events .item-disaplay ion-note{color:var(--text-normal);font-family:SpaceGrotesk}.sensor-events .item-disaplay ion-chip{color:var(--text-normal);font-family:SpaceGrotesk;text-transform:capitalize}.sensor-events .item-disaplay-info{--background: transparent}.sensor-events .item-disaplay-info .select_label{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:10px;text-underline-offset:none;height:auto;text-transform:capitalize}.sensor-events .item-disaplay-info ion-note{color:var(--main-header-text-color);font-family:SpaceGrotesk}.sensor-events .ion-col-center,.sensor-events .tex-center-in-col{display:flex;justify-content:center;align-items:center}.sensor-events .note-text{--background: transparent;color:var(--text-gray-color);font-family:SpaceGrotesk!important;font-size:18px!important;font-style:normal!important;font-weight:500!important;line-height:normal!important;margin:10px}.sensor-events .item-bg{--background: transparent}.sensor-events .item-bg .header{color:var(--main-header-text-color);font-family:SpaceGrotesk!important;font-size:18px!important;font-style:normal!important;font-weight:600!important;line-height:normal!important}.sensor-events .item-bg .small{color:var(--text-gray-color);font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important;text-transform:lowercase}.sensor-events .add-actions-botton{--background: transparent;border:1px dotted var(--bg-btn-lightblack);color:var(--bg-btn-lightblack);font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important;border-radius:10px}.sensor-events .add-actions-botton ion-icon{color:var(--bg-btn-lightblack)}.sensor-events .item-show-details{--background: transparent;color:var(--input-border);font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important}.sensor-events .item-line{border-bottom:1px solid var(--bg-btn-lightblack)}.cool-master-move-room{padding:10px}.cool-master-move-room ion-item{--background: var(--input-bg);color:var(--main-header-text-color);font-family:SpaceGrotesk!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important;border-radius:10px}.cool-master-move-room ion-item ion-select{padding:13px 0;text-transform:capitalize}.cool-master-move-room ion-item ion-checkbox{padding:13px 0;text-transform:capitalize}.scrollable-chips{width:100%;overflow-x:scroll;white-space:nowrap}.scrollable-chips .chips_div{white-space:nowrap}ion-checkbox{--color: var(--main-header-text-color);color:var(--main-header-text-color)}ion-radio{--color: var(--main-header-text-color);color:var(--main-header-text-color)}.transparent-modal{--background: rgba(0, 0, 0, .5);--backdrop-opacity: .3}.transparent-component{--background: rgba(16, 16, 16, .1)}.master-switch-element-row{border:1px solid var(--bg-btn-lightblack);border-radius:10px}.user-custome-ion-accordion-group{margin:5px 15px}.user-custome-ion-accordion-group ion-accordion-group{width:100%}.user-custome-ion-accordion-group ion-accordion{border-radius:12px;border:1px solid var(--input-border);background:var(--bg-color)}.user-custome-ion-accordion-group ion-accordion ion-item{border-radius:0;--background: var(--input-bg);--padding-top: 10px;--padding-bottom: 10px;border-bottom:1px solid var(--input-border)}.user-custome-ion-accordion-group ion-accordion ion-item .icon1{font-size:30px;color:var(--text-normal);margin-right:10px}.user-custome-ion-accordion-group ion-accordion ion-item .room-ion-avatar{--border-radius: 4px;border:2px solid var(--input-border);height:55px;width:55px;text-align:center;align-content:center;color:var(--main-header-text-color)}.user-custome-ion-accordion-group ion-accordion ion-item .room-ion-avatar ion-icon{font-size:30px}.user-custome-ion-accordion-group ion-accordion ion-item ion-label{text-transform:capitalize;color:var(--input-label);font-family:SpaceGrotesk}.user-custome-ion-accordion-group ion-accordion ion-item ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal}.user-custome-ion-accordion-group ion-accordion ion-item ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.user-custome-ion-accordion-group .items{border-radius:12px;--background: var(--input-bg);--padding-top: 10px;--padding-bottom: 10px;border:1px solid var(--input-border);width:100%}.user-custome-ion-accordion-group .items .icon1{font-size:30px;color:var(--text-normal);margin-right:10px}.user-custome-ion-accordion-group .items ion-label{text-transform:capitalize;color:var(--input-label);font-family:SpaceGrotesk}.user-custome-ion-accordion-group .items ion-label h2{color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:600;line-height:normal}.user-custome-ion-accordion-group .items ion-label p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.card-dashboard .row{display:flex;flex-wrap:wrap;gap:5%;justify-content:start}.card-dashboard .row .col{margin:2.5% 0;border-radius:12px;--background: var(--input-bg);background:var(--input-bg);border:1px solid var(--input-border)}.card-dashboard .row .col .item{--background: transparent}.card-dashboard .row .col .item h2{color:var(--button-text-color);font-family:SpaceGrotesk;font-size:30px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize;margin:8px auto 6px}.card-dashboard .row .col .item p{color:var(--text-normal);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.card-dashboard .row .col .item ion-icon{font-size:35px!important;color:var(--text-normal)!important;display:flex!important;align-items:center!important;padding:0!important;margin-right:-5px!important}.select-space{display:flex;justify-content:center;align-items:center;height:90%}.select-space-box{display:flex;justify-content:center;align-items:center;height:150px;width:100%;overflow-x:auto}.select-space-box .card{border-radius:10px;height:100%;width:100%;display:flex;justify-content:center;align-items:end;background-repeat:no-repeat;background-position:left;flex-shrink:0;background-color:var(--ion-color-tertiary-contrast);position:relative;background-size:cover}.select-space-box .card.active{border:4px solid var(--button-text-color)}.select-space-box .card .cardTitle>p{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:18px;font-style:normal;font-weight:400;line-height:normal;margin:10px;text-transform:capitalize}.select-space-name{text-align:center;margin-top:10px;width:100%}.select-space-name p{color:var(--main-header-text-color);font-family:SpaceGrotesk;font-size:18px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-space-title-name p{color:var(--main-sub-header-text-color);font-size:25px;font-weight:600;display:flex;justify-content:center;align-items:center}.sensor-time-display-title-col{color:var(--bg-btn-color);font-family:SpaceGrotesk;font-size:18px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.button-bottom-component{position:fixed;bottom:10px;left:0;width:100%;padding:0 20px;z-index:1000}.meter-total-consumption-row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.meter-total-consumption-col{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.meter-total-consumption-card{margin-bottom:24px;transition:box-shadow .2s ease-in-out;border:none;--bs-card-spacer-y: 24px;--bs-card-spacer-x: 24px;--bs-card-title-spacer-y: .5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: 0px;--bs-card-border-color: var(--input-border);--bs-card-border-radius: 8px;--bs-card-box-shadow: none;--bs-card-inner-border-radius: 8px;--bs-card-cap-padding-y: 24px;--bs-card-cap-padding-x: 24px;--bs-card-cap-bg: transparent;--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: var(--input-bg);--bs-card-img-overlay-padding: 1.25rem;--bs-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border-radius:var(--bs-card-border-radius)}.meter-total-consumption-card-body{--bs-card-color: ;padding:14px;flex:1 1 auto;color:var(--bs-card-color)}.meter-total-consumption-card-body-top{--bs-card-color: ;margin-bottom:1rem!important;align-items:flex-start!important;justify-content:space-between!important;display:flex!important;color:var(--bs-card-color)}.meter-total-consumption-card-body-top h6{font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:600;line-height:normal;color:var(--main-header-text-color)}.meter-total-consumption-card-body-top p{font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;color:var(--text-gray-color)}.meter-total-consumption-card-body-top-select{--bs-card-color: ;align-items:flex-start!important;justify-content:space-between!important;display:flex!important;color:var(--bs-card-color)}.meter-total-consumption-card-body-top-select h5{font-family:SpaceGrotesk;font-size:16px;font-style:normal;font-weight:600;line-height:normal;color:var(--main-header-text-color)}.meter-total-consumption-card-body-top-select p{font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;color:var(--text-gray-color)}.meter-total-consumption-card-body-top-side-icon{position:relative;margin-top:1rem!important;color:var(--text-gray-color);font-size:20px}.meter-total-consumption-card-body-button{gap:.5rem!important;margin-top:1rem!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;display:flex!important}.meter-total-consumption-card-body-button h4{font-family:SpaceGrotesk;font-size:18px;font-style:normal;font-weight:600;line-height:normal;color:var(--main-header-text-color)}.meter-total-consumption-card-body-button p{font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:500;line-height:normal;color:var(--text-gray-color)}.meter-total-consumption-card-body-select-option{--bs-body-color: #bfbfbf;border:1px solid #4d4d4d;color:var(--bs-body-color);width:auto;border-radius:10px;padding-left:.7rem;padding-right:.7rem;font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:500;line-height:normal;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.meter-total-consumption-card-body-select-option1{--bs-body-color: #bfbfbf;color:var(--bs-body-color);width:auto;border-radius:10px;padding-left:.7rem;padding-right:.7rem;font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:500;line-height:normal;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.meter-dashboard-total-consumption-row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.meter-dashboard-total-consumption-row.center{align-items:center!important}.meter-dashbord-total-consumption-col{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;max-width:100%;margin-top:var(--bs-gutter-y)}.meter-dashboard-total-consumption-card{transition:box-shadow .2s ease-in-out;padding-left:10px;border:1px solid var(--input-border);--bs-card-spacer-y: 24px;--bs-card-spacer-x: 24px;--bs-card-title-spacer-y: .5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: 0px;--bs-card-border-color: var(--input-border);--bs-card-border-radius: 8px;--bs-card-box-shadow: none;--bs-card-inner-border-radius: 8px;--bs-card-cap-padding-y: 24px;--bs-card-cap-padding-x: 24px;--bs-card-cap-bg: transparent;--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: var(--input-bg);--bs-card-img-overlay-padding: 1.25rem;--bs-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border-radius:var(--bs-card-border-radius)}.meter-dashboard-total-consumption-card-body{--bs-card-color: ;padding:14px;flex:1 1 auto;color:var(--bs-card-color)}.meter-dashboard-total-consumption-card-body h6{font-family:SpaceGrotesk;font-size:18px;font-style:normal;font-weight:600;line-height:normal;color:var(--main-header-text-color)}.meter-chart-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.meter-dashboard-total-chart-count-h6{margin-top:1.5rem!important;margin-bottom:1.5rem!important;align-items:center!important;display:flex!important;font-size:.75rem;font-family:SpaceGrotesk;font-weight:500;line-height:1.2;margin-right:.5rem!important}.meter-dashboard-total-chart-count-h6 .span{--bs-text-opacity: 1;--bs-success-rgb: 0, 200, 83;margin-left:.5rem!important}.addressable_col{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:10px 12px}.addressable_col .label-text{color:var(--white)!important;font-family:SpaceGrotesk!important;font-size:16px!important;font-style:normal;font-weight:500;line-height:normal}.addressable_col ion-select{min-height:35px;font-size:16px!important;color:var(--white);font-family:SpaceGrotesk;font-style:normal;font-weight:500;line-height:normal}.addressable_col ion-checkbox{font-family:SpaceGrotesk;font-size:13px;font-weight:400}.addressable_col .center-ion-item{--background: var(--input-bg);color:var(--white)!important;font-family:SpaceGrotesk!important;font-size:16px!important;font-style:normal;font-weight:500;line-height:normal;height:30px;margin-left:-10px;margin-right:-10px;display:flex;justify-content:center;flex-direction:column}.addressable_range{--bar-height: 7px;--bar-background: var(--main-header-text-color);--bar-background-active: var(--forgot-label-color);--bar-border-radius: 8px;--knob-background: var(--bg-btn-color-blue);--knob-size: 30px;--pin-background: var(--forgot-label-color);--pin-color: #fff}.addressable_range.padding{padding-left:2px;padding-right:7px}.addressable_range ion-chip{--background: transparent;color:var(--white);padding:0;font-family:SpaceGrotesk;font-size:11px;font-style:normal;font-weight:500;line-height:normal}.rgb-picker-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.addressable-rgb-select-padding{padding-left:4px;padding-right:4px}.addressable-rgb-modal{--height: 50%;--width: 90%;--border-radius: 16px;--box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}.addressable-rgb-modal::part(backdrop){background:var(--text-color);opacity:.7!important}.addressable-rgb-modal ion-toolbar{--background: var(--input-border);--color: var(--white)}.addressable-rgb-modal ion-list{background:var(--text-gray-dark-color)}.addressable-rgb-modal ion-item{--background: var(--text-gray-dark-color);font-size:16px!important;color:var(--white);font-family:SpaceGrotesk;font-style:normal;font-weight:500;line-height:normal}ion-modal.addressable-rgb-modal{--backdrop-opacity: .8}.addressable-alert ion-alert{--background: var(--bg-color);--color: var(--white);--border-radius: 12px}.addressable-alert .alert-title.sc-ion-alert-md,.addressable-alert .alert-title.sc-ion-alert-ios{font-family:SpaceGrotesk;font-size:1.25rem;color:var(--white);text-align:center;padding:15px 20px;font-weight:500}.addressable-alert .alert-message.sc-ion-alert-md,.addressable-alert .alert-message.sc-ion-alert-ios{font-family:SpaceGrotesk;font-size:14px;color:var(--white);text-align:center;padding:10px 20px}.addressable-alert .alert-radio-group.sc-ion-alert-md,.addressable-alert .alert-radio-group.sc-ion-alert-ios,.addressable-alert .alert-checkbox-group.sc-ion-alert-md,.addressable-alert .alert-checkbox-group.sc-ion-alert-ios{max-height:266px;overflow-y:auto}.addressable-alert .alert-radio-label.sc-ion-alert-md,.addressable-alert .alert-radio-label.sc-ion-alert-ios{font-size:16px;color:var(--input-border)}.addressable-alert [aria-checked=true].sc-ion-alert-md .alert-radio-label.sc-ion-alert-md,.addressable-alert [aria-checked=true].sc-ion-alert-ios .alert-radio-label.sc-ion-alert-ios{color:var(--white)}.addressable-alert [aria-checked=true].sc-ion-alert-md .alert-radio-icon.sc-ion-alert-md,.addressable-alert [aria-checked=true].sc-ion-alert-ios .alert-radio-icon.sc-ion-alert-ios{border-color:var(--white)}.addressable-alert .alert-button.sc-ion-alert-md,.addressable-alert .alert-button.sc-ion-alert-ios{background:transparent;color:var(--white);font-size:14px;text-transform:uppercase}.addressable-alert .alert-button-inner.sc-ion-alert-md,.addressable-alert .alert-button-inner.sc-ion-alert-ios{flex-direction:row;text-align:start}.addressable-alert .alert-button-role-cancel.sc-ion-alert-md,.addressable-alert .alert-button-role-cancel.sc-ion-alert-ios{color:#f44336}ion-menu{width:220px}@media (max-width: 768px){ion-menu{width:250px}}@media (max-width: 480px){ion-menu{width:280px}}@media (min-width: 1024px){ion-menu{width:280px}}.bg2{--background: var(--bg-card-color);background:var(--bg-card-color)}.redius{border-radius:10px}.common-inside-pading{padding:10px 10px 10px 20px!important}.scene-container{display:flex;overflow-x:auto;white-space:nowrap;padding:10px;gap:16px;scroll-behavior:smooth}.scene-container::-webkit-scrollbar{height:8px}.scene-container::-webkit-scrollbar-thumb{background:var(--input-bg);border-radius:1px}.scene-container::-webkit-scrollbar-track{background:transparent}.scene-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex-shrink:0}.scene-circle{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:5px solid var(--bg-btn-lightblack);position:relative}.add-new{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:3px dotted var(--forgot-label-color);position:relative;color:var(--forgot-label-color)}.add-new ion-icon{font-size:30px}.add-new p{position:absolute;bottom:-37px;margin-left:-20px;text-align:center;color:var(--main-sub-header-text-color);font-family:SpaceGrotesk;font-size:15px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.scene-title{margin-bottom:0;padding-bottom:0;color:var(--input-label);font-family:SpaceGrotesk;font-size:15px;font-style:normal;line-height:normal;width:100%;font-weight:500;text-transform:capitalize}.scene-subtitle{margin:0;padding:0;color:var(--text-normal);font-family:SpaceGrotesk;font-size:10px;font-style:normal;font-weight:600;line-height:normal;text-align:center;text-transform:capitalize}.comomn-top-margin{margin-top:10px}.quick-actions-magin{display:flex;flex-wrap:wrap;justify-content:start;gap:1%}@media (max-width: 480px){.quick-actions-magin{gap:4%}}.room-detaild-card{display:flex;color:var(--white);align-items:center;gap:16px}.room-detaild-card .image-container{display:flex;align-items:center}.room-detaild-card .image-container ion-avatar.top_avatar{object-fit:cover;--border-radius: 4px;border:2px solid var(--main-header-text-color);height:120px;width:120px;margin:10px 10px 10px 0;display:flex;justify-content:center;align-items:center}.room-detaild-card .image-container ion-avatar.top_avatar ion-icon{height:90%;width:80%;color:var(--white)}.room-detaild-card .image-container ion-avatar.top_avatar.remove-margin{margin-left:0!important}.room-detaild-card .details{flex-grow:1}.room-detaild-card .details h2{font-size:20px;font-family:SpaceGrotesk;font-style:normal;font-weight:600;margin:0}.room-detaild-card .details p{font-family:SpaceGrotesk;font-style:normal;font-weight:500;font-size:12px;color:var(--text-gray-color);margin:4px 0}.room-detaild-card .details .gateway{display:flex;align-items:center;font-size:14px;gap:6px}.room-detaild-card .details .gateway .status-icon{color:var(--green-icon-color);font-size:10px}.room-detaild-card .details .gateway .error-icon{color:var(--error);font-size:10px}.room-detaild-card .details .buttons{margin-top:8px;display:flex;gap:8px;overflow:hidden}.room-detaild-card .details .buttons.chips1{--background: transparent;--padding-start: 0px;margin-top:20px;width:100%}.room-detaild-card .details .buttons.chips1 .scrollable-chip{display:flex;gap:8px;width:100%;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;padding-bottom:5px;-webkit-overflow-scrolling:touch}.room-detaild-card .details .buttons.chips1 .scrollable-chip::-webkit-scrollbar{display:none}.room-detaild-card .details .buttons.chips1 ion-chip{--background: var(--bg-btn-lightblack);--color: var(--input-label);flex-shrink:0}.room-detaild-card .details .buttons.chips1 ion-chip{--background: var(--bg-btn-lightblack);--color: var(--input-label)}.room-detaild-card .details .buttons.chips1 ion-chip.active{--background: var(--button-linear-gradient);color:var(--bg-color);font-weight:600}.room-detaild-card .details .buttons.chips1 ion-chip ion-icon{margin-right:2px;margin-left:-6px;font-size:20px;color:var(--bg-color)}.room-detaild-card .details .buttons.chips1 .settings-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:10;font-size:24px;color:var(--main-header-text-color)}.room-detaild-card .details .button-right{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;flex-wrap:wrap}.room-detaild-card .details .button-right .custom-btn{--color: var(--white);--border-color: var(--input-border);--border-width: 1px;--background: transparent;--border-radius: 8px;--padding-start: 25px;--padding-end: 25px;font-weight:500;font-family:SpaceGrotesk;text-transform:capitalize}.room-detaild-card .details .button-right .custom-btn ion-icon{font-size:20px;margin-left:10px}.room-detaild-card .details .button-right .custom-btn .button-inner{display:flex;justify-content:space-between}.room-detaild-card .details .button-right .custom-btn span{display:inline-flex;width:100%;align-items:center;justify-content:space-between}@media (max-width: 1024px){.room-detaild-card .image-container ion-avatar.top_avatar{height:100px;width:100px}}@media (max-width: 768px){.room-detaild-card .room-card{flex-direction:column;align-items:flex-start}.room-detaild-card .image-container ion-avatar.top_avatar{height:80px;width:80px}.room-detaild-card .details{width:100%}.room-detaild-card .buttons{justify-content:flex-start}}@media (max-width: 480px){.room-detaild-card .room-card{padding:12px}.room-detaild-card .image-container ion-avatar.top_avatar{height:60px;width:60px}.room-detaild-card .details h2{font-size:16px}.room-detaild-card .buttons{gap:4px}}.header-searchbar{width:100%;max-width:450px;border:1px solid var(--bg-btn-lightblack);--background: transparent;border-radius:10px;--box-shadow: none;--color: var(--white);--placeholder-color: var(--text-gray-color);--icon-color: var(--text-gray-color);--cancel-button-color: var(--white);height:50px;padding:0}.header-searchbar .searchbar-input{background:transparent;color:var(--white);font-size:14px}.header-searchbar .searchbar-search-icon{color:var(--text-normal)}@media (max-width: 480px){.header-searchbar{display:none}}@media (min-width: 576px){.header-searchbar{width:300px}}@media (min-width: 768px){.header-searchbar{width:350px}}@media (min-width: 992px){.header-searchbar{width:400px}}@media (min-width: 1200px){.header-searchbar{width:450px}}.bg-image-gradient{background-image:radial-gradient(50% 50% at 50% 50%,var(--popover-bg) 0%,var(--popover-bg) 100%)}.row-inside-col-gap{display:flex;flex-wrap:wrap;gap:10px}.comomn-top-margin-5{margin-top:5px}.cursor{cursor:pointer}.error-alert-custome-theme .alert-wrapper{background:linear-gradient(135deg,var(--bg-color),var(--input-bg));border-radius:20px;box-shadow:0 12px 30px #0009;color:var(--white);padding:20px;font-family:SpaceGrotesk;border:1px solid var(--bg-color)}.error-alert-custome-theme ion-backdrop{opacity:.6!important;background-color:var(--input-bg)}.error-alert-custome-theme .custom-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:10px}.error-alert-custome-theme .alert-title{font-family:SpaceGrotesk;font-weight:600;font-size:21px;color:var(--main-header-text-color);flex:1;word-break:break-word}.error-alert-custome-theme .check-container{position:relative;width:40px;height:40px;margin-left:10px}.error-alert-custome-theme .check-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--ion-color-primary);border-bottom-color:transparent;opacity:1;transform:scale(1)}.error-alert-custome-theme .checkmark{position:absolute;font-size:24px;color:var(--ion-color-primary);left:50%;top:50%;transform:translate(-50%,-50%) scale(0);opacity:0}.error-alert-custome-theme .animate-ring .check-ring{animation:ringRotate 1.2s linear infinite}.error-alert-custome-theme .animate-check .check-ring{animation:ringExpand .4s ease-out forwards,ringRotateDone .8s ease-in-out forwards}.error-alert-custome-theme .animate-check .checkmark{animation:checkAppear .5s ease-out forwards;animation-delay:.8s}.error-alert-custome-theme button.alert-button{color:var(--white);border-radius:12px;margin:8px;font-weight:600;padding:10px 18px;transition:all .3s ease-in-out;text-transform:capitalize}.error-alert-custome-theme .error-container{position:relative;width:40px;height:40px;margin-left:10px}.error-alert-custome-theme .error-circle{position:absolute;width:100%;height:100%;border-radius:50%;background-color:var(--ion-color-danger)}.error-alert-custome-theme .error-icon{position:absolute;font-size:30px;color:var(--white);font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%)}.warning-alert-custome-theme .alert-wrapper{background:linear-gradient(135deg,var(--bg-color),var(--input-bg));border-radius:20px;box-shadow:0 12px 30px #0009;color:var(--white);padding:20px;font-family:SpaceGrotesk;border:1px solid var(--bg-color)}.warning-alert-custome-theme ion-backdrop{opacity:.6!important;background-color:var(--input-bg)}.warning-alert-custome-theme .custom-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:10px}.warning-alert-custome-theme .alert-title{font-family:SpaceGrotesk;font-weight:600;font-size:21px;color:var(--main-header-text-color);flex:1;word-break:break-word}.warning-alert-custome-theme .check-container{position:relative;width:40px;height:40px;margin-left:10px}.warning-alert-custome-theme .check-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--ion-color-primary);border-bottom-color:transparent;opacity:1;transform:scale(1)}.warning-alert-custome-theme .checkmark{position:absolute;font-size:24px;color:var(--ion-color-primary);left:50%;top:50%;transform:translate(-50%,-50%) scale(0);opacity:0}.warning-alert-custome-theme .animate-ring .check-ring{animation:ringRotate 1.2s linear infinite}.warning-alert-custome-theme .animate-check .check-ring{animation:ringExpand .4s ease-out forwards,ringRotateDone .8s ease-in-out forwards}.warning-alert-custome-theme .animate-check .checkmark{animation:checkAppear .5s ease-out forwards;animation-delay:.8s}@keyframes ringExpand{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringRotateDone{0%{transform:rotate(0);border-bottom-color:transparent}to{transform:rotate(720deg);border-bottom-color:var(--ion-color-primary);box-shadow:0 0 10px var(--ion-color-primary)}}@keyframes checkAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1);text-shadow:0 0 6px var(--ion-color-primary)}}.warning-alert-custome-theme button.alert-button{color:var(--white);border-radius:12px;margin:8px;font-weight:600;padding:10px 18px;transition:all .3s ease-in-out;text-transform:capitalize}.warning-alert-custome-theme .warning-container{position:relative;width:40px;height:40px;margin-left:10px}.warning-alert-custome-theme .warning-circle{position:absolute;width:100%;height:100%;border-radius:50%;background-color:var(--ion-color-warning)}.warning-alert-custome-theme .warning-icon{position:absolute;font-size:30px;color:var(--white);font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%)}.panel-row-inside{display:flex;flex-wrap:wrap;gap:10px;padding:20px;margin:-5px}.panel-row-inside-haf-col{display:flex;flex-wrap:wrap;gap:13px;padding:20px;margin:-5px}@media (min-width: 768px) and (max-width: 800px){.panel-row-inside-haf-col{gap:11px;margin:-5px -8px}}@media (min-width: 801px) and (max-width: 990px){.panel-row-inside-haf-col{gap:11px;margin:-5px -8px}}@media (min-width: 991px) and (max-width: 1000px){.panel-row-inside-haf-col{gap:11px;margin:-5px -8px}}@media (min-width: 1001px) and (max-width: 1200px){.panel-row-inside-haf-col{gap:14px;margin:-5px -8px}.panel-row-inside-haf-col .media{min-width:48.5%!important;max-width:48.5%!important}}@media (min-width: 1201px) and (max-width: 1338px){.panel-row-inside-haf-col{gap:16px}}@media (min-width: 1339px) and (max-width: 1650px){.panel-row-inside-haf-col{gap:16px}}@media (min-width: 1651px) and (max-width: 1700px){.panel-row-inside-haf-col{gap:19px}}@media (min-width: 1701px){.panel-row-inside-haf-col{gap:20px}}.panel-col-inside-switch{min-width:150px;max-width:150px;margin:0!important}@media (min-width: 400px){.panel-col-inside-switch{min-width:159px}}@media (min-width: 401px) and (max-width: 539px){.panel-col-inside-switch{min-width:33.3333333333%;max-width:none}}.footer-card{display:flex;justify-content:center;margin-top:20px}.moods-container{padding:16px}.moods-container h3{color:var(--white);font-size:20px;font-family:SpaceGrotesk;font-style:normal;font-weight:600;margin-bottom:10px}.moods-container .moods-scroll{display:flex;overflow-x:auto;gap:16px;padding-bottom:8px;cursor:grab;-webkit-user-select:none;user-select:none}.moods-container .moods-scroll::-webkit-scrollbar{display:none}.moods-container .mood{display:flex;flex-direction:column;align-items:center;min-width:60px}.moods-container .mood .mood-circle{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid var(--white);box-shadow:0 2px 6px #0000004d}.moods-container .mood .mood-circle ion-icon{font-size:20px}.moods-container .mood .mood-label{font-size:12px;font-family:SpaceGrotesk;font-style:normal;font-weight:400;color:var(--white);margin-top:6px;text-align:center}.scheduling-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.outlined-button{--color: var(--main-header-text-color) !important;--background: transparent !important;--border-color: var(--main-header-text-color) !important}.schedule-col{width:100%}.scheduling-action-row{display:flex;flex-wrap:wrap;gap:10px}.schedule-action-col{flex:1 1 100%;max-width:100%}@media (min-width: 576px){.schedule-action-col{flex:1 1 48%;max-width:calc(48% + 5px)}}@media (min-width: 1300px){.schedule-action-col{flex:1 1 32%;max-width:calc(32% + 5px)}}@media (min-width: 1301px){.schedule-action-col{flex:1 1 33%;max-width:calc(33% - 8px)}}@media (min-width: 2000px) and (max-width: 1500px){.schedule-action-col{flex:1 1 25%;max-width:calc(25% - 8px)}}.qrcode-content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:40px}.qrcode-content-wrapper .qrcode-loft-logo{max-width:150px}.register-qr-card{--background: var(--input-bg);margin:0;border-radius:24px;box-shadow:none;overflow:hidden;width:100%;max-width:700px;border:1px solid var(--input-border)}.register-qr-card ion-card-content{padding:35px}.register-qr-back-button{height:50px;width:60px;--background: transparent;border:1px solid var(--input-border);border-radius:10px}.register-qr-back-button ion-icon{color:var(--white)}.register-qr-section{display:flex;align-items:center;margin:0}.register-qr-section .share-access-notes{display:flex;flex-direction:column;gap:2px}.register-qr-section .share-access-notes ul{padding-left:12px}.register-qr-section .instructions-col .qr-icon{font-family:SpaceGrotesk;font-style:normal;font-weight:400;font-size:30px;color:var(--white)}.register-qr-section .instructions-col .scan-title{display:block;font-size:20px;font-family:SpaceGrotesk;font-style:normal;font-weight:600;margin:10px 0;color:var(--white)}.register-qr-section .instructions-col .scan-description{display:block;font-family:SpaceGrotesk;font-style:normal;font-weight:500;font-size:15px;line-height:1.6;color:var(--main-sub-header-text-color)}.register-qr-section .instructions-col ion-list{background:transparent;padding:0;margin:0}.register-qr-section .instructions-col ion-list ion-item{--background: transparent;--padding-start: 0;--inner-padding-end: 0;--min-height: 28px}.register-qr-section .instructions-col ion-list ion-item .step-text{font-family:SpaceGrotesk;font-style:normal;font-weight:500;font-size:13px;color:var(--main-sub-header-text-color);margin:6px 0;line-height:1.4}.register-qr-section .qr-code-col{display:flex;justify-content:flex-end;align-items:flex-start}.register-qr-section .qr-code-col .qr-code{background:var(--StatusBar-color4);padding:24px;border-radius:12px}@media (max-width: 991px){.qrcode-content-wrapper{padding:48px 20px;gap:48px;min-height:100%}.register-qr-card{border-radius:20px}.register-qr-card ion-card-content{padding:32px}.register-qr-section{flex-direction:column}.register-qr-section .instructions-col{order:2;padding-right:0;margin-top:32px}.register-qr-section .instructions-col .qr-icon{display:none;margin:0 auto}.register-qr-section .instructions-col .scan-title{font-family:SpaceGrotesk;font-style:normal;font-weight:600;font-size:24px;text-align:center}.register-qr-section .qr-code-col{order:1;justify-content:center}.register-qr-section .qr-code-col .qr-code{padding:20px}}@media (max-width: 576px){.qrcode-content-wrapper{padding:32px 16px;gap:32px}.qrcode-loft-logo{width:120px}.register-qr-card{border-radius:16px}.register-qr-card ion-card-content{padding:24px}.register-qr-section .instructions-col{margin-top:24px}.register-qr-section .instructions-col .scan-title{font-family:SpaceGrotesk;font-style:normal;font-weight:600;font-size:22px}.register-qr-section .instructions-col .scan-description,.register-qr-section .instructions-col .step-text{font-family:SpaceGrotesk;font-style:normal;font-weight:500;font-size:14px}.register-qr-section .qr-code-col .qr-code{padding:16px}}.nav-header-buttons{display:flex;align-items:center;gap:5px}.nav-icon-button{border-radius:10px!important;--border-radius: 10px !important;width:50px;height:50px;padding:0;display:flex;align-items:center;justify-content:center}.nev-option-bg{background-color:var(--input-bg);color:var(--white);border:1px solid var(--bg-btn-lightblack)}.nav-profile-container{display:flex;align-items:center;background-color:var(--input-bg);border-radius:26px;padding:8px 10px;gap:13px;border:1px solid var(--bg-btn-lightblack)}.nav-profile-container ion-avatar{width:32px;height:32px;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--bg-btn-lightblack)}.nav-profile-container ion-icon{font-size:20px;color:var(--white)}.nav-settings-icon{color:var(--white);font-size:22px}.energy-chart-card-row{height:calc(100vh - 178px);overflow-y:auto}.energy-chart-card-wrapper{display:flex;flex:.7;flex-wrap:wrap;gap:10px;margin-top:10px}.energy-chart-card-wrapper:hover .chart-card-delete-icon{opacity:1!important}.energy-chart-card-wrapper .blue-linear-grad{background:var(--linear-gradient-orange-paleYellow)}.energy-chart-card-wrapper .green-linear-grad{background:var(--color-gradient-green)}.energy-chart-card-wrapper .chart-card{width:100%;aspect-ratio:230/114;border-radius:4px;padding-bottom:13px;position:relative}.energy-chart-card-wrapper .chart-card .chart-card-header{display:flex;justify-content:start;align-items:center;gap:10px;padding:13px 20px}.energy-chart-card-wrapper .chart-card .chart-card-header-value{font-size:25px;margin-top:2px;margin-bottom:0;font-family:SpaceGrotesk;color:var(--white);font-weight:600}.energy-chart-card-wrapper .chart-card .chart-card-delete{position:absolute;top:19px;right:10px}.energy-chart-card-wrapper .chart-card .chart-card-delete ion-spinner{width:20px;height:20px;color:#fff!important}.energy-chart-card-wrapper .chart-card .chart-card-delete-icon{color:var(--main-header-text-color);font-size:20px;transition:opacity .3s ease;opacity:0}.energy-chart-card-wrapper .chart-card .chart{width:100%}.energy-chart-card-wrapper .chart-card .chart-card-content{display:flex;justify-content:space-between;margin-top:10px;padding:0 20px}.energy-chart-card-wrapper .chart-card .chart-card-title{font-size:15px;margin-top:10px;font-family:SpaceGrotesk;color:var(--white);font-weight:600}.energy-chart-card-wrapper .chart-card .chart-card-avatar{display:flex;justify-content:center;align-items:center;width:37px;height:32px;aspect-ratio:1;border-radius:2px}.energy-chart-card-wrapper .chart-card .chart-card-avatar ion-icon{font-size:30px;color:var(--white)}.energy-chart-card-wrapper .chart-card .chart-card-value{font-size:15px;margin-top:10px;font-family:SpaceGrotesk;color:var(--white);font-weight:600}.energy-file-upload-container{padding:24px;background:var(--input-bg);border-radius:8px}.energy-file-upload-container .upload-icon-container{background:var(--forgot-label-color);border-radius:50%;height:35px;width:35px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.energy-file-upload-container .upload-icon{font-size:24px;color:var(--main-header-text-color)}.energy-file-upload-container .upload-area{border:2px dashed var(--forgot-label-color);border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.energy-file-upload-container .upload-area .upload-text p{margin:0;color:var(--white);font-size:14px;font-family:SpaceGrotesk;font-weight:400}.energy-file-upload-container .upload-area .upload-text p .choose-text{color:var(--ion-color-primary);cursor:pointer}.energy-file-upload-container .upload-area .upload-text .supported-text{color:var(--input-border);font-size:12px;font-family:SpaceGrotesk;font-weight:400;margin-top:8px}.energy-file-upload-container .file-progress{background:var(--input-bg);border-radius:6px;padding:38px 27px;margin-bottom:20px;border:1.5px solid var(--input-border);position:relative}.energy-file-upload-container .file-progress:after{content:"";position:absolute;bottom:-25px;left:0;width:100%;border-bottom:2px dotted var(--input-border)}.energy-file-upload-container .file-progress .file-info{display:flex;align-items:center;margin-bottom:12px}.energy-file-upload-container .file-progress .file-info .file-icon-container ion-icon{font-size:24px;margin-right:12px;color:var(--text-gray-color)}.energy-file-upload-container .file-progress .file-info .info-text .file-name{margin:0;font-size:14px;color:var(--white)}.energy-file-upload-container .file-progress .file-info .info-text .file-size{margin:4px 0 0;font-size:12px;font-family:SpaceGrotesk;font-weight:600;color:var(--text-gray-color)}.energy-file-upload-container .file-progress .progress-container{position:relative;display:flex;align-items:center;gap:12px}.energy-file-upload-container .file-progress .progress-container ion-progress-bar{flex:1;--background: var(--text-gray-dark-color);--progress-background: var(--ion-color-primary);height:4px;border-radius:2px}.energy-file-upload-container .file-progress .progress-container .progress-percentage{font-size:12px;color:var(--text-gray-color);font-family:SpaceGrotesk;font-weight:600;text-align:right}.energy-file-upload-container .form-fields{padding-top:23px}.energy-file-upload-container .form-fields .input-field{margin-bottom:16px;border:1.5px solid var(--input-border);border-radius:6px;padding:12px 15px;display:flex}.energy-file-upload-container .form-fields .input-field label{display:block;color:var(--main-header-text-color);font-family:SpaceGrotesk;font-weight:600;font-size:14px;margin-bottom:4px;width:50%}.energy-file-upload-container .form-fields .input-field input{width:50%;background:transparent;border:none;font-family:SpaceGrotesk;color:var(--main-header-text-color);font-size:14px;padding:0;margin:0}.energy-file-upload-container .form-fields .input-field input::placeholder{color:var(--text-gray-dark-color)}.energy-file-upload-container .form-fields .input-field input:focus{outline:none}.energy-file-upload-container .button-container{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.energy-file-upload-container .button-container button{padding:8px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.energy-file-upload-container .button-container button.btn-cancel{background:transparent;border:1px solid var(--text-gray-dark-color);color:var(--white)}.energy-file-upload-container .button-container button.btn-cancel:hover{background:var(--bg-color)}.energy-file-upload-container .button-container button.btn-save{background:var(--forgot-label-color);border:none;color:var(--white)}.energy-file-upload-container .button-container button.btn-save:hover{opacity:.9}.notification-popover{--background: var(--input-bg);color:var(--white)}.notification-popover .notification-header{display:flex;justify-content:space-between;padding:10px;font-weight:700;font-size:16px;border-bottom:1px solid #444}.notification-popover .notification-list{background:transparent;overflow-y:auto}.notification-popover .notification-item{--background: transparent;--inner-padding-end: 0;--inner-padding-start: 0;--border-color: var(--input-border)}.notification-popover .notification-item .ion-avatar{border:.5px solid var(--input-border);height:60px;width:60px;border-radius:10px;display:flex;align-items:center;justify-content:center}.notification-popover .notification-item .info-header{display:flex;justify-content:space-between;font-weight:600;font-size:14px;margin-bottom:4px}.notification-popover .notification-item .info-header .name{font-family:SpaceGrotesk;font-weight:500;font-size:16px;color:var(--main-header-text-color)}.notification-popover .notification-item .info-header .time{color:var(--main-sub-header-text-color);font-size:12px;font-family:SpaceGrotesk;font-weight:400}.notification-popover .notification-item .description{color:var(--main-sub-header-text-color);font-size:13px;margin-bottom:4px;font-family:SpaceGrotesk;font-weight:400}.notification-popover .notification-item .labels{display:flex;justify-content:space-between;align-items:center}.notification-popover .notification-item .labels ion-chip{height:20px;font-size:11px;font-family:SpaceGrotesk;font-weight:400;margin-right:6px}.notification-popover .notification-list{background-color:transparent;border-radius:8px;padding:8px}.notification-popover .avatar-icon{font-size:24px;color:var(--white)}.notification-popover-style{--width: 450px !important;--min-width: 450px;--max-width: 90vw;--background: var(--input-bg);--height: 70%}@media screen and (max-width: 600px){.notification-popover-style{--min-width: 90%;--max-width: 90%}}.notification-popover-style ion-content{--padding-start: 0;--padding-end: 0}.notification-popover-header ion-title{font-size:20px;font-family:SpaceGrotesk;font-weight:500;color:var(--white)}.import-animation .import-data-animation-container{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:360px;height:220px}.import-animation .import-data-animation-data-cloud-icon,.import-animation .import-data-animation-lmc-icon{width:64px;height:64px;background:var(--color-gradiant-blue);border-radius:16px;display:flex;justify-content:center;align-items:center;color:var(--white);font-size:30px;box-shadow:var(--bg-card-color);object-fit:contain}.import-animation .import-data-animation-data-cloud-icon{position:absolute;left:0;top:35%;animation:fileMove 3s ease-in-out infinite;z-index:2}.import-animation .import-data-animation-lmc-icon{position:absolute;right:0;top:35%;width:64px;height:64px;transform:scale(.9);opacity:.7;animation:boxReceive 3s ease-in-out infinite;border-radius:16px}.import-animation .import-data-animation-progress-bar{position:absolute;bottom:20px;left:0;height:10px;width:100%;background-color:var(--semi-light-bg);border-radius:5px;overflow:hidden;box-shadow:var(--bg-card-color)}.import-animation .import-data-animation-progress-fill{height:100%;width:30%;background:var(--color-gradiant-blue);animation:fillBar 3s linear infinite;border-radius:5px}@keyframes fileMove{0%{left:0;transform:scale(1) translateY(0);opacity:1}20%{transform:scale(1.1) translateY(-10px)}60%{left:calc(100% - 64px);transform:scale(.8) translateY(0);opacity:1}80%{transform:scale(.5);opacity:0}to{left:calc(100% - 64px);transform:scale(.5);opacity:0}}@keyframes boxReceive{0%,60%{transform:scale(.9);opacity:1}70%{transform:scale(1);opacity:1;box-shadow:0 0 0 10px #88c5ff62}80%,to{transform:scale(.9);opacity:1;box-shadow:0 0 #00eaff00}}@keyframes fillBar{0%{margin-left:-30%}to{margin-left:100%}}.server-maintenance-page{background:var(--bg-color)}.server-maintenance-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;padding:20px;position:relative;z-index:1}.server-maintenance-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:var(--ion-color-dark);border-radius:50%;z-index:-1}.server-maintenance-container h2{color:var(--white);font-size:32px;font-weight:600;margin-bottom:16px}.server-maintenance-container p{color:var(--white);font-size:16px;opacity:.8;margin-bottom:40px}.server-maintenance-circle-bg{background:var(--ion-color-dark);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;width:90vw;max-width:400px;height:90vw;max-height:400px}.server-maintenance-plug-container{width:100%}.server-maintenance-plug-icon{width:100%;margin-top:20px;max-width:100%}.server-maintenance-title{font-size:22px;font-weight:700;color:var(--input-label);margin-bottom:10px}.server-maintenance-subtitle{font-size:16px;color:var(--input-label)}.plan-activation-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:40px}.plan-activation-card{--background: var(--input-bg);margin:0;border-radius:24px;box-shadow:none;overflow:hidden;width:100%;max-width:900px;border:1px solid var(--input-border)}.plan-activation-card ion-card-content{padding:35px}.plan-activation-card-row{display:flex;align-items:center;margin:0}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container{padding:24px;background:var(--input-bg);border-radius:8px;margin:16px 16px 0}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-upload-icon-container{background:var(--ion-color-primary);border-radius:50%;height:35px;width:35px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-upload-icon-container .upload-icon{font-size:24px;color:var(--white)}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-upload-area{border:2px dashed var(--ion-color-primary);border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-upload-area .plan-activation-upload-text p{margin:0;color:var(--white);font-size:14px}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-upload-area .plan-activation-upload-text p .plan-activation-choose-text{color:var(--ion-color-primary);cursor:pointer}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-upload-area .plan-activation-upload-text .plan-activation-supported-text{color:var(--input-border-color);font-size:12px;margin-top:8px}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-file-progress{background:var(--ion-color-dark);border-radius:6px;padding:16px 12px;margin-bottom:20px;border:1.5px solid var(--input-border-color);position:relative}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-file-progress .plan-activation-file-info{display:flex;align-items:center;margin-bottom:12px}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-file-progress .plan-activation-file-info .plan-activation-file-icon-container ion-icon{font-size:24px;margin-right:12px;color:var(--ion-color-medium)}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-file-progress .plan-activation-file-info .plan-activation-info-text .plan-activation-file-name{margin:0;font-size:14px;color:var(--white)}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-file-progress .plan-activation-file-info .plan-activation-info-text .plan-activation-file-size{margin:4px 0 0;font-size:12px;color:var(--ion-color-medium)}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-file-progress .plan-activation-progress-container{position:relative;display:flex;align-items:center;gap:12px}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-file-progress .plan-activation-progress-container ion-progress-bar{flex:1;--background: var(--text-gray-dark-color);--progress-background: var(--ion-color-primary);height:4px;border-radius:2px}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-file-progress .plan-activation-progress-container .plan-activation-progress-percentage{font-size:12px;color:var(--ion-color-medium);text-align:right}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-button-container{display:flex;justify-content:center;gap:12px;margin-top:24px}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-button-container button{padding:8px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-button-container button.btn-cancel{background:transparent;border:1px solid var(--text-gray-dark-color);color:var(--white)}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-button-container button.btn-cancel:hover{background:var(--bg-color)}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-button-container button.btn-save{background:var(--ion-color-primary);border:none;color:var(--white)}.plan-activation-card-row .plan-activation-file-col .plan-activation-upload-container .plan-activation-button-container button.btn-save:hover{opacity:.9}.plan-activation-card-row .plan-activation-vertical-line{border-left:1.5px dotted var(--white);height:70%;position:absolute;left:50%}.plan-activation-card-row .plan-activation-activities-col{padding:0 24px}.plan-activation-card-row .plan-activation-activities-col .plan-activation-activities-container{margin-left:20px;margin-bottom:65px}.plan-activation-card-row .plan-activation-activities-col .plan-activation-activities-header h3{font-size:24px;font-weight:600;color:var(--white);margin:0}.plan-activation-card-row .plan-activation-activities-col .plan-activation-activities-content{display:flex;flex-direction:column;gap:14px;margin-top:25px}.plan-activation-card-row .plan-activation-activities-col .plan-activation-activities-content .plan-activation-activities-item{display:flex;gap:12px;align-items:center}.plan-activation-card-row .plan-activation-activities-col .plan-activation-activities-content .plan-activation-activities-item ion-icon{font-size:20px;color:var(--ion-color-success)}.plan-activation-card-row .plan-activation-activities-col .plan-activation-activities-content .plan-activation-activities-item p{font-size:14px;font-weight:400;color:var(--white);margin:0}@media (max-width: 991px){.plan-activation-wrapper{padding:48px 20px;gap:48px;min-height:100%}.plan-activation-card{border-radius:20px}.plan-activation-card ion-card-content{padding:32px}.plan-activation-card-row{flex-direction:column}.plan-activation-card-row .plan-activation-file-col{order:2;padding-right:0;margin-top:32px}.plan-activation-card-row .plan-activation-activities-col{order:1;justify-content:center}.plan-activation-vertical-line{border-left:none!important;border-top:1.5px dotted var(--white);height:auto;width:85%;top:auto;left:50%;bottom:-193px;transform:translate(-50%)}.plan-activation-activities-container{margin-left:0}}@media (max-width: 576px){.plan-activation-wrapper{padding:32px 16px;gap:32px}.plan-activation-card{border-radius:16px}.plan-activation-card ion-card-content{padding:24px}.plan-activation-card-row .plan-activation-file-col{margin-top:24px}.plan-activation-vertical-line{border-left:none;border-top:1.5px dotted var(--white);height:auto;width:80%;top:auto;left:50%;bottom:-195px;transform:translate(-50%)}.plan-activation-activities-container{margin-left:0}}@media (max-width: 456px){.plan-activation-vertical-line{border-left:none;border-top:1.5px dotted var(--white);height:auto;width:80%;top:auto;left:50%;bottom:-225px;transform:translate(-50%)}.plan-activation-activities-col{padding:0}.plan-activation-activities-container{margin-left:0}}@media (min-width: 361px) and (max-width: 403px){.plan-activation-activities-col{padding:0}.plan-activation-vertical-line{border-left:none;border-top:1.5px dotted var(--white);height:auto;width:80%;top:auto;left:50%;bottom:-200px;transform:translate(-50%)}}.rotation-icon.active{animation:rotation 2s infinite linear}@keyframes rotation{0%{transform:rotate(0);opacity:.9}8.0%{transform:rotate(0);opacity:.9}12.0%{transform:rotate(42deg);opacity:.9}16.0%{transform:rotate(-35deg);opacity:.9}20.0%{transform:rotate(0);opacity:.9}23.0%{transform:rotate(28deg);opacity:.9}26.0%{transform:rotate(-20deg);opacity:.9}29.0%{transform:rotate(0);opacity:.9}31.0%{transform:rotate(16deg);opacity:.9}33.0%{transform:rotate(-12deg);opacity:.9}35.0%{transform:rotate(0);opacity:.9}37.0%{transform:rotate(-6deg);opacity:.9}39.0%{transform:rotate(0);opacity:.9}}.plus-icon-animate.active{animation:iconPulse 2.5s linear infinite}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.faq-banner{background:var(--bg-color);padding:5rem 2rem 8rem;text-align:center;position:relative;overflow:hidden;min-height:400px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.faq-banner .faq-banner-content{position:relative;z-index:1}.faq-banner .faq-banner-content ion-icon{width:80px;height:75px;margin-bottom:1rem}.faq-banner .faq-banner-content p{color:var(--button-text-color);font-size:1rem;opacity:.9;margin:0;max-width:600px}.faq-container{position:relative;margin-top:-6rem;padding:0 1rem;z-index:1;max-width:1200px;margin-left:auto;margin-right:auto;width:100%}.faq-content{background:var(--input-bg);border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:2rem}.faq-content ion-accordion-group{background:transparent;width:100%}.faq-custom-accordion{margin-bottom:1rem;border-radius:8px;overflow:hidden;background:var(--input-bg);color:var(--text-color);box-shadow:0 2px 8px #0000001a;border:1px solid var(--input-border);transition:all .3s ease}.faq-custom-accordion:last-child{margin-bottom:0}.faq-custom-accordion .accordion-header{--background: transparent;--color: var(--white);--border-color: transparent}.faq-custom-accordion .accordion-header ion-label{font-weight:500;font-size:1rem}.faq-custom-accordion .accordion-header ion-icon{color:var(--text-color);font-size:1.2rem}.faq-custom-accordion .accordion-content{background-color:transparent;padding:12px;border-top:1px solid var(--input-border)}.faq-custom-accordion .accordion-content ion-list{background:transparent}.faq-custom-accordion .accordion-content ion-item{--background: transparent;--color: #bae6fd;--padding-start: 0;--inner-padding-end: 0;font-size:.95rem;line-height:1.5}.faq-custom-accordion .accordion-content .answer-content h5{color:var(--main-header-text-color);margin-bottom:.5rem}.faq-custom-accordion .accordion-content .answer-content p{color:var(--main-sub-header-text-color);margin:0;line-height:1.5}.faq-no-content{text-align:center;padding:2rem;color:#666}.coming-soon-bg>div{display:flex;justify-content:center;align-items:center;text-align:center;height:100%}.coming-soon-bg>div .coming-soon-wrapper{background:var(--input-bg);padding:3rem 2rem;border-radius:12px;max-width:650px;width:100%;box-shadow:0 0 25px var(--bg-color)}.coming-soon-bg>div .logo{width:120px;margin:0 auto 2rem}.coming-soon-bg>div .big-countdown{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.coming-soon-bg>div .countdown-circle{width:120px;height:120px;border-radius:50%;border:2px solid var(--text-gray-color);display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;font-size:22px;color:var(--white);box-shadow:0 0 10px var(--bg-color)}.coming-soon-bg>div .countdown-circle.active{background-color:var(--bg-btn-color);color:var(--white);border:none;box-shadow:0 0 12px var(--StatusBar-color3)}.coming-soon-bg>div .countdown-circle .time{font-size:32px;font-weight:700}.coming-soon-bg>div .countdown-circle .label{font-size:14px;opacity:.85;margin-top:4px}.coming-soon-bg>div .coming-text{font-size:24px;font-weight:700;margin-bottom:1rem;color:var(--white)}.coming-soon-bg>div .sub-text{font-size:14px;opacity:.7;line-height:1.5;color:var(--white)}@media (max-width: 768px){.coming-soon-bg>div .coming-soon-wrapper{width:70%}.coming-soon-bg>div .countdown-circle .time{font-size:18px}.coming-soon-bg>div .countdown-circle .label{font-size:7px}.coming-soon-bg>div .countdown-circle{width:60px;height:60px}.coming-soon-bg>div .countdown-circle .time{font-size:24px}.coming-soon-bg>div .logo{width:80px}.coming-soon-bg>div .coming-text{font-size:20px}.coming-soon-bg>div .sub-text{font-size:9px}}@media (max-width: 570px){.coming-soon-bg>div .countdown-circle{width:40px;height:40px}.coming-soon-bg>div .countdown-circle .time{font-size:15px}.coming-soon-bg>div .countdown-circle .label{font-size:4px}.coming-soon-bg>div .logo{width:70px}.coming-soon-bg>div .coming-text{font-size:18px}.coming-soon-bg>div .sub-text{font-size:12px}.coming-soon-bg>div .big-countdown{gap:1rem}}@media (max-width: 420px){.coming-soon-bg>div .countdown-circle{width:40px;height:40px}.coming-soon-bg>div .countdown-circle .time{font-size:12px}.coming-soon-bg>div .countdown-circle .label{font-size:4px}.coming-soon-bg>div .logo{width:70px}.coming-soon-bg>div .coming-text{font-size:14px}.coming-soon-bg>div .sub-text{font-size:9px}.coming-soon-bg>div .big-countdown{gap:1rem}}app-home,app-common-remote-config,app-energy-meter,app-energy-meter-view,app-vertical-curtain-control,app-horizontal-curtain-control,app-testing-component{padding:160px 20px 10px;--background: var(--bg-color);background:var(--bg-color)}app-profile-daylight-harvesting,app-dashboard-street-light,app-vishal-map,app-hotel-maintenance,app-vishal,app-device-manager,app-dashboard,app-automation,app-profile-hcl,app-set-hcl,app-profiles,app-rooms,app-climate-control,app-energy-profile,app-custom-layout,app-account-profile,app-room-details,app-schedule,app-gateway,app-cool-master,app-user-list,app-members,app-energy-monitor,app-schedule-actions,app-all-notifications,app-energy-profile-details,app-parking,app-share-user-access,app-set-schedule-actions,app-common-device-config,app-cool-master-unit-add-room,app-release,app-energy-meter,app-group-control,app-matter,app-growing-zones,app-irrigation,app-agriculture-lighting,app-agriculture-climate,app-agriculture-analytics,app-activity-sensor,app-activity-sensor-view,app-energy-profile-create-file,app-agriculture-crop,app-street-light-maintenance,app-street-light-analytics,app-street-light-settings,app-street-light-lights,app-activity-zone,app-agriculture-profile,app-dashboard-agriculture,app-dashboard-hotel,app-smart-building-solar-management,app-activity-zone-view,app-smart-building-maintenance,app-hotel-housekeeping,app-dashboard-smart-building,app-hotel-services{padding:90px 20px 10px!important;--background: var(--bg-color);background:var(--bg-color)}.user_profile_page .segments{overflow-x:auto}.user_profile_page ion-segment{width:950px}.user_profile_page ion-segment-button{max-width:200px;color:var(--main-sub-header-text-color);--color: var(--main-sub-header-text-color);--color-checked: var(--white);font-family:SpaceGrotesk;font-size:14px;font-weight:400}.user_profile_page .user_profile_wrapper{height:calc(100vh - 178px);overflow-y:auto;border-radius:8px}.user_profile_page .segment-content{padding:50px 20px}@media screen and (max-width: 475px){.user_profile_page .segment-content{padding:50px 10px}}.user_profile_page .userprofile_profletab_content{display:flex;min-height:50vh;align-items:center;justify-content:center}.user_profile_page .userprofile_profletab_content .userprofile_profilecard{width:100%;max-width:500px;border-radius:10px;border:1px solid var(--input-border)}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--input-border);gap:20px}@media screen and (max-width: 468px){.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_header{flex-direction:column;align-items:start}}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_header .upgrad_btn{border-radius:30px;border:1px solid var(--input-border);--background: transparent;font-family:SpaceGrotesk;font-size:16px;font-weight:500;text-transform:capitalize;color:var(--white)}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_header .profilecard_avatar_wrapper{display:flex;align-items:center;gap:12px}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_header .profilecard_avatar_wrapper>div{display:flex;flex-direction:column;gap:10px}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_header .profilecard_avatar_wrapper ion-icon{font-size:1.563em;margin-left:20px;color:var(--white)}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_header .muted{color:var(--text-gray-color)}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_header h6{margin:0;font-family:SpaceGrotesk;font-size:18px;font-weight:600;color:var(--main-header-text-color)}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_header p{margin:0;font-family:SpaceGrotesk;font-size:14px;font-weight:400;color:var(--main-sub-header-text-color)}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_body ion-list{background:transparent}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_body ion-list ion-item{--background: transparent}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_body ion-list ion-item ion-icon{font-family:SpaceGrotesk;font-size:20px;color:var(--white);font-weight:600;margin-right:10px}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_body ion-list ion-item ion-label{color:var(--white);font-family:SpaceGrotesk;font-size:16px;font-weight:600;display:flex;align-items:center}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_body ion-list ion-item ion-note{color:var(--text-gray-color);font-family:SpaceGrotesk;font-size:14px;font-weight:600}@media screen and (max-width: 425px){.user_profile_page .userprofile_profletab_content .userprofile_profilecard ion-avatar{width:40px;height:40px}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .upgrad_btn{font-size:10px}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_body ion-item ion-icon{font-size:20px}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_body ion-item ion-label{font-size:16px}.user_profile_page .userprofile_profletab_content .userprofile_profilecard .profilecard_body ion-item ion-note{font-size:14px}}.user_profile_page .userprofile_profletab_content_edit .profile-page-container{max-width:900px;align-items:flex-start;margin-inline:auto;padding:24px}.user_profile_page .userprofile_profletab_content_edit .profile-left{background-color:var(--table-bg);border-radius:10px;width:100%;max-width:400px;position:relative;overflow:hidden;display:flex;flex-direction:column}.user_profile_page .userprofile_profletab_content_edit .blue-banner{background-color:var(--ion-color-primary);height:100px;width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.user_profile_page .userprofile_profletab_content_edit .profile-pic-row{display:flex;justify-content:center;margin-top:-40px}.user_profile_page .userprofile_profletab_content_edit .profile-pic{width:80px;height:80px;background-color:var(--bg-card-color);border-radius:50%;border:3px solid var(--table-bg);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--white)}.user_profile_page .userprofile_profletab_content_edit .profile-details{text-align:center;padding:16px}.user_profile_page .userprofile_profletab_content_edit .profile-details h2{font-size:16px;font-weight:500;font-family:SpaceGrotesk;color:var(--white);margin:8px 0 4px}.user_profile_page .userprofile_profletab_content_edit .profile-details p{color:var(--text-normal);margin:0 0 16px;font-family:SpaceGrotesk;font-size:13px;font-weight:400}.user_profile_page .userprofile_profletab_content_edit .profile-details .progress-bar-container{font-size:13px;color:var(--text-normal);font-family:SpaceGrotesk;font-weight:400}.user_profile_page .userprofile_profletab_content_edit .progress-bar{width:100%;background-color:var(--ion-color-medium-tint);height:6px;border-radius:10px;margin-top:8px;overflow:hidden}.user_profile_page .userprofile_profletab_content_edit .progress-bar-fill{width:75%;height:100%;background-color:var(--ion-color-primary);transition:width .3s ease}.user_profile_page .userprofile_profletab_content_edit .profile-right{background-color:transparent;border-radius:10px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.user_profile_page .userprofile_profletab_content_edit .form-group{display:flex;flex-direction:column;gap:6px}.user_profile_page .userprofile_profletab_content_edit .form-label{font-size:13px;font-weight:500;color:var(--white);margin-left:4px}.user_profile_page .userprofile_profletab_content_edit .form-item{--background: var(--table-bg);border-radius:8px;height:50px;--highlight-height: 0;--border-width: 0;--color: var(--white);display:flex;align-items:center}.user_profile_page .userprofile_profletab_content_edit ion-input{font-size:14px;color:var(--white);--placeholder-color: var(--input-border);width:100%}.user_profile_page .userprofile_profletab_content_edit .profile-update-btn{--background: var(--ion-color-primary);--color: #fff;font-weight:600;border-radius:8px;margin-top:4px}@media screen and (max-width: 768px){.user_profile_page .userprofile_profletab_content_edit .profile-page-container{padding:0}.user_profile_page .userprofile_profletab_content_edit .profile-update-btn{width:100%}}.user_profile_page .system_profiletab .dark-card{background:none!important;box-shadow:none}.user_profile_page .system_profiletab .dark-card p,.user_profile_page .system_profiletab .dark-card ion-toggle{margin-block:10px}.user_profile_page .system_profiletab .header-row{display:flex;justify-content:space-between;align-items:center;padding-right:1rem}.user_profile_page .system_profiletab .header-row h2{color:var(--white);font-weight:600;font-family:SpaceGrotesk}@media screen and (max-width: 475px){.user_profile_page .system_profiletab .header-row{flex-direction:column;align-items:start}.user_profile_page .system_profiletab .header-row ion-card-header,.user_profile_page .system_profiletab .header-row .card-content-md{padding:0!important}.user_profile_page .system_profiletab .header-row .ion-button{width:100%}}.user_profile_page .system_profiletab .data-row .label{color:var(--white)}.user_profile_page .system_profiletab .button-group ion-button{margin-left:.5rem}.user_profile_page .system_profiletab .value-col{text-align:right}.user_profile_page .system_profiletab .button-row{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.user_profile_page .notification_profiletab_content .dark-card{border:1px solid var(--input-border);--background: var(--bs-card-bg)}.user_profile_page .notification_profiletab_content .dark-card ion-card-header{border-bottom:1px solid var(--input-border)}.user_profile_page .notification_profiletab_content .dark-card ion-card-header ion-card-title{color:var(--white)}.user_profile_page .notification_profiletab_content .dark-card ion-item{--background: transparent;color:var(--white)}.user_profile_page .notification_profiletab_content .dark-card h3{font-weight:600;font-family:SpaceGrotesk;font-size:16px;margin-top:1rem;margin-bottom:.5rem;color:var(--white)}.user_profile_page .notification_profiletab_content .dark-card ion-label{font-size:14px;font-weight:400;font-family:SpaceGrotesk}.user_profile_page .notification_profiletab_content .dark-card .grid-row{padding:20px 10px}.user_profile_page .notification_profiletab_content .dark-card .grid-row ion-col{padding-inline:10px}.user_profile_page .notification_profiletab_content .dark-card .grid-row .item-native{padding-left:0!important}.user_profile_page .notification_profiletab_content .dark-card .last_col{border-left:1px solid var(--input-border)}@media screen and (max-width: 768px){.user_profile_page .notification_profiletab_content .dark-card .last_col{border:none;border-top:1px solid var(--input-border)}.user_profile_page .notification_profiletab_content .dark-card .grid-row,.user_profile_page .notification_profiletab_content .dark-card .grid-row .ion-col{padding:0}.user_profile_page .notification_profiletab_content .dark-card .card-content-md{padding-inline:0px}}.user_profile_page .billing_profiletab_content ion-grid{padding:0}.user_profile_page .billing_profiletab_content .plan-container{background:transparent;padding:0;box-shadow:none}.user_profile_page .billing_profiletab_content .plan-container ion-row{max-width:850px}.user_profile_page .billing_profiletab_content .plan-card{border-radius:10px;padding:1rem;padding-left:30px;color:#fff;min-height:130px;margin:0!important;position:relative}.user_profile_page .billing_profiletab_content .plan-card:after{content:"";z-index:20;position:absolute;left:0;top:0;width:12px;height:100%}.user_profile_page .billing_profiletab_content .plan-card .plan-header{color:var(--white);font-weight:700;font-size:16px;margin-bottom:8px}.user_profile_page .billing_profiletab_content .plan-card .plan-price{color:var(--white);font-size:24px;font-weight:700}.user_profile_page .billing_profiletab_content .plan-card .plan-action{display:flex;align-items:center;font-size:14px;color:#90caf9;margin-top:8px}.user_profile_page .billing_profiletab_content .plan-card .plan-action ion-icon{margin-left:5px}.user_profile_page .billing_profiletab_content .plan-card .plan-date{position:absolute;bottom:10px;right:10px;font-size:12px;color:#ffa726}.user_profile_page .billing_profiletab_content .plan-card.current{background-color:#4880ff26}.user_profile_page .billing_profiletab_content .plan-card.current:after{background:#4880ff}.user_profile_page .billing_profiletab_content .plan-card.expired{background-color:#ff673826}.user_profile_page .billing_profiletab_content .plan-card.expired:after{background:#ff6738}.user_profile_page .billing_profiletab_content .plan-card.upgrade{background-color:#0ecabe26}.user_profile_page .billing_profiletab_content .plan-card.upgrade:after{background:#0ecabe}.user_profile_page .billing_profiletab_content .billing-history{margin-top:1rem;padding:0;background:transparent;box-shadow:none}.user_profile_page .billing_profiletab_content .billing-history ion-card-header,.user_profile_page .billing_profiletab_content .billing-history ion-card-body{padding:0}.user_profile_page .billing_profiletab_content .billing-history ion-card-content{padding:0;overflow-x:auto}.user_profile_page .billing_profiletab_content .billing-history h3{margin:0 0 20px;font-size:18px}.user_profile_page .billing_profiletab_content .billing-history .billing-table{width:100%;min-width:500px;overflow-x:auto;background:var(--table-bg);border-radius:8px}.user_profile_page .billing_profiletab_content .billing-history .billing-table .table-header{font-weight:700;border-bottom:1px solid #444;padding:.5rem}.user_profile_page .billing_profiletab_content .billing-history .billing-table .table-row{padding:.5rem;border-bottom:1px solid #333}.user_profile_page .billing_profiletab_content .billing-history .billing-table .table-row .status-paid{color:#4caf50}.user_profile_page .billing_profiletab_content .billing-history .billing-table .table-row .status-awaiting{color:#ffb300}.user_profile_page .setting_tabcontent .settingpage-button{--background: var(--table-bg);color:var(--white);text-align:left;border-radius:5px}.user_profile_page .setting_tabcontent .logout-wrapper{display:flex;justify-content:end}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}*::-webkit-scrollbar-track{background:transparent}.small-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.small-scrollbar::-webkit-scrollbar{width:6px;height:6px}.small-scrollbar::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.small-scrollbar::-webkit-scrollbar-track{background:transparent}.hotel-dashboard{padding:10px}.hotel-dashboard ion-grid{padding:0}.hotel-dashboard ion-grid ion-row ion-col.resent{padding-left:0}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark{--background: var(--input-bg);background:var(--background);border-radius:12px;color:var(--white);margin:0;height:100%}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-header ion-item.header{--background: transparent}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-header ion-item.header ion-label ion-card-title{font-size:1rem;color:var(--white)}@media screen and (max-width: 400px){.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-header ion-item.header ion-label ion-card-title{font-size:.9rem}}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-header ion-item{--background: transparent}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-header ion-item ion-icon{color:var(--white)}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-header ion-item ion-select.area-select{color:var(--white);border:1px solid var(--input-border);padding:0 10px;border-radius:5px;--inner-padding-end: 0}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-header ion-item ion-label ion-card-title.rooms-title{color:var(--white)}@media screen and (max-width: 400px){.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-header ion-item ion-label ion-card-title.rooms-title{font-size:.9rem}}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-header ion-item ion-label .alerts-title{color:var(--white)}@media screen and (max-width: 400px){.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-header ion-item ion-label .alerts-title{font-size:1rem}}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content{height:250px;overflow-y:auto;margin:0}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content ion-list.list-no-lines{background:transparent;display:flex;flex-direction:column;gap:4px}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content ion-list.list-no-lines ion-item{--background: transparent;border:1px solid var(--text-gray-dark-color);border-radius:5px;display:flex;align-items:center}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content ion-list.list-no-lines ion-item ion-label{font-size:17px;color:var(--main-header-text-color);font-weight:500;font-family:SpaceGrotesk}@media screen and (max-width: 500px){.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content ion-list.list-no-lines ion-item ion-label{font-size:12px;text-wrap:nowrap}}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content ion-list.list-no-lines ion-item .recent-left{display:flex;flex-direction:column;text-align:end;padding:7px 0 5px}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content ion-list.list-no-lines ion-item .recent-left>span{font-size:12px;font-weight:400;color:var(--main-sub-header-text-color)}@media screen and (max-width: 500px){.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content ion-list.list-no-lines ion-item .recent-left{font-size:10px;text-wrap:nowrap}}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content ion-list.list-no-lines img{margin-right:1rem}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content.card-content-rooms{height:500px;overflow-y:auto;margin:0}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card.room-box{border:1px solid var(--input-border);border-radius:8px;--background: transparent;margin:6px;display:flex;flex-wrap:wrap}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content.room-card-content{height:100%}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content.alert-card-content{height:500px;overflow-y:auto;margin:0}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content.alert-card-content ion-list.alert-list ion-item.alert-item{border:none;align-items:end}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content.alert-card-content ion-list.alert-list ion-item.alert-item .alert-left{text-align:end}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content.alert-card-content ion-list.alert-list ion-item.alert-item .alert-left>span{font-size:16px;color:var(--white)}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content.alert-card-content ion-list.alert-list ion-item.alert-item .alert-left>span.alert-left-action{font-weight:600}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content.alert-card-content ion-list.alert-list ion-item.alert-item .alert-left>span.activated{color:var(--green-icon-color);font-weight:600}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-card-content.alert-card-content ion-list.alert-list ion-item.alert-item .alert-left>span.deactivated{color:var(--error);font-weight:600}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row ion-col ion-item{--background: transparent;display:flex;justify-content:flex-end;padding:0}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row ion-col ion-item ion-chip{--background: transparent;color:var(--bg-btn-color);font-size:14px;cursor:pointer;margin:0;padding-right:0}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row ion-col{padding:6px}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card{display:flex;border:1px solid var(--input-border);background:var(--bg-card-color);border-radius:8px}@media screen and (max-width: 500px){.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card{height:100px}}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_left{padding:10px}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_left>div{border:1px solid var(--error);border-radius:10px;aspect-ratio:1;max-width:150px;padding:10px;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px}@media screen and (max-width: 500px){.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_left>div{height:5rem;width:5rem}}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_left>div>ion-icon{font-size:35px}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_left>div>span{text-align:center;color:var(--error)}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right{flex:1;overflow:hidden}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .room_card_right_header{display:flex;justify-content:space-between;padding:10px}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .room_card_right_header h4,.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .room_card_right_header p{margin:0}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .room_card_right_header p{margin-top:10px}@media screen and (max-width: 500px){.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .room_card_right_header p{font-size:12px}}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .room_card_right_header h4{font-size:16px;font-weight:700}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .room_card_right_header .icon_wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .room_card_right_header .icon_wrapper ion-icon{font-size:30px}@media screen and (max-width: 500px){.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .room_card_right_header .icon_wrapper ion-icon{font-size:17px}}@media screen and (max-width: 500px){.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .room_card_right_header .icon_wrapper span{font-size:10px}}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .rooms{padding:10px 0 10px 10px;overflow-x:auto}@media screen and (max-width: 500px){.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .rooms{padding:0}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .rooms::-webkit-scrollbar{display:none}}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .rooms ::-webkit-scrollbar{display:none}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .rooms .btns{display:flex;flex-wrap:nowrap;gap:10px}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card .room_card_right .rooms button{color:var(--white);padding:3px 8px;border-radius:5px;border:1px solid var(--button-text-color);background:transparent}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card.do_not_disturb_off .room_card_left>div{padding:21px;background:radial-gradient(50% 50% at 50% 50%,var(--popover-bg) 0%,var(--popover-bg) 100%);border:1px solid var(--input-border)}.hotel-dashboard ion-grid ion-row ion-col ion-card.card-dark ion-row .room_card.do_not_disturb_off .room_card_left>div>ion-icon{font-size:60px;color:var(--main-header-text-color)}.hotel-dashboard ion-grid ion-row ion-col ion-row.stat-row{height:100%;display:flex;gap:10px}@media screen and (max-width: 992px){.hotel-dashboard ion-grid ion-row ion-col ion-row.stat-row{padding-left:6px}}.hotel-dashboard ion-grid ion-row ion-col ion-row.stat-row ion-col{padding:0}.hotel-dashboard ion-grid ion-row ion-col ion-row.stat-row ion-col ion-card{margin:0;height:100%;border:1px solid var(--input-border)}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card{--background: var(--input-bg);color:var(--white);border-radius:12px;overflow:hidden}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card .stat-header{display:flex;justify-content:end}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card .stat-header>div{border-bottom-left-radius:8px;text-align:right;font-size:12px;font-weight:700;width:100%;max-width:150px;padding:4px 10px}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card .stat-header.green>div{background:var(--dark-green-indicator);color:var(--green-icon-color);display:flex;justify-content:center}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card .stat-header.red>div{background:#502828;color:var(--delete-btn-bg);display:flex;justify-content:center}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card ion-card-content .stat-body{display:flex;justify-content:space-between;align-items:end;padding:10px}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card ion-card-content .stat-body .stat-info{display:flex;flex-direction:column;gap:1rem}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card ion-card-content .stat-body .stat-info .title{margin:0;font-size:20px;font-weight:600;opacity:.9}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card ion-card-content .stat-body .stat-info h1{margin:4px 0;font-size:28px;font-weight:700}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card ion-card-content .stat-body .stat-info .stat-footer{display:flex;align-items:center;gap:10px;font-size:12px;opacity:.6}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card ion-card-content .stat-body .stat-info .stat-footer img{height:20px}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card ion-card-content .stat-body .stat-info .stat-footer span{font-size:14px;color:var(--text-gray-color)}.hotel-dashboard ion-grid ion-row ion-col ion-card.stat-card ion-card-content .stat-body img{height:4rem}.hotel-dashboard ion-grid.grid-rooms{padding:0}.hotel-dashboard h1{font-size:32px;margin:10px 0 4px}.hotel-dashboard small{font-size:12px;opacity:.6}.share_access_page{min-height:75vh;display:flex;align-items:center;justify-content:center}.share_access_page .share_access_card{width:min(800px,90%);display:grid;padding:45px;gap:20px;grid-template-columns:repeat(2,1fr)}.share_access_page .share_access_select{border:1px solid var(--input-border);border-radius:10px;padding-inline:10px}.all-notification .notification-container{padding:12px;color:var(--white);border-radius:10px;background:var(--input-bg)}.all-notification .notification-scroll-card{margin:0;padding:0;width:100%;background:transparent;display:flex;flex-direction:column;height:100%}.all-notification .notification-scroll-card ion-card-header{padding:0}.all-notification .notification-scroll-card ion-card-header ion-item{--background: transparent;padding:0}.all-notification .notification-scroll-card ion-card-header ion-item ion-label ion-card-title{font-size:20px;color:var(--main-header-text-color);font-weight:600;font-family:SpaceGrotesk}.all-notification .notification-scroll-card ion-card-header ion-item ion-icon{font-size:30px;color:var(--main-header-text-color)}.all-notification .notification-scroll-card ion-card-title{padding-left:8px}.all-notification .notification-scroll-card ion-card-content{flex:1;overflow-y:auto}.all-notification .notification-scroll-card .footer-ion-item{--background: transparent;padding:0}.all-notification .notification-scroll-card .footer-ion-item ion-note{color:var(--bg-btn-color);font-size:18px;font-weight:500;font-family:SpaceGrotesk}.all-notification .notification-card{border-radius:10px;padding:12px;box-shadow:0 2px 8px var(--bg-color);border:1px solid var(--bg-btn-lightblack);transition:transform .2s ease;background:var(--bg-color)}.all-notification .notification-card.unread{border:1px solid var(--bg-btn-lightblack)}.all-notification .notification-card:hover{transform:scale(1.01)}.all-notification .notification-card .notification-content{display:flex;align-items:center;gap:1rem}.all-notification .notification-card .notification-content .ion-avatar{min-width:42px;min-height:42px;max-width:42px;max-height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bg-btn-lightblack);border-radius:8px}.all-notification .notification-card .notification-content .avatar-icon{font-size:18px;color:var(--white)}.all-notification .notification-card .notification-content .notification-details{flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.all-notification .notification-card .notification-content .notification-details .notification-left{display:flex;flex-direction:column;gap:5px}.all-notification .notification-card .notification-content .notification-details .notification-left .notification-name{font-weight:600;font-size:14px;color:var(--white)}.all-notification .notification-card .notification-content .notification-details .notification-left .notification-body{font-size:13px;color:var(--white)}.all-notification .notification-card .notification-content .notification-details .notification-right{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-align:right;gap:4px}.all-notification .notification-card .notification-content .notification-details .notification-right .notification-time{font-size:11px;color:var(--white)}.all-notification .notification-card .notification-content .notification-details .notification-right .notification-action{font-size:11px;color:var(--warning);padding:1px 5px;border:1px solid;border-radius:10px}.all-notification .notification-card .notification-content .notification-details .notification-right .chip-container{display:flex;gap:4px}.all-notification .notification-card .notification-content .notification-details .notification-right .chip-container ion-chip{--padding-start: 6px;--padding-end: 6px;font-size:11px;height:20px}.all-notification .notification-footer{margin-top:1rem;text-align:center}.all-notification .notification-footer ion-button{color:var(--bg-btn-color);font-size:13px}@media (max-width: 1300px){.all-notification .notification-details .notification-left .notification-name{font-size:12px!important}.all-notification .notification-details .notification-left .notification-body{font-size:10px!important}.all-notification .notification-details .notification-right .chip-container ion-chip{font-size:10px!important}}@media (max-width: 992px){.all-notification .notification-content .ion-avatar{min-width:34px!important;min-height:34px!important;max-width:32px!important;max-height:34px!important}.all-notification .notification-content .avatar-icon{font-size:15px!important}.all-notification .notification-content .notification-details .notification-left .notification-name{font-size:10px!important}.all-notification .notification-content .notification-details .notification-left .notification-body{font-size:8px!important}.all-notification .notification-content .notification-details .notification-right .chip-container ion-chip{font-size:6px!important}}@media (max-width: 600px){.all-notification .notification-content .ion-avatar{min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important}.all-notification .notification-content .avatar-icon{font-size:18px!important}.all-notification .notification-content .notification-details .notification-left .notification-name{font-size:12px!important}.all-notification .notification-content .notification-details .notification-left .notification-body{font-size:8px!important}.all-notification .notification-content .notification-details .notification-right .chip-container ion-chip{font-size:9px!important}}.room-playground{margin-inline:auto;position:relative;display:flex;justify-content:center;overflow-x:auto;padding:10px}@media screen and (max-width: 1250px){.room-playground{display:block}}.room-playground .wrapper{position:relative;height:auto;gap:10px;display:flex;flex-direction:column}.room-playground .height-control-btns{position:absolute;left:0;top:50%;transform:translate(-110%,-50%);z-index:20;display:flex;width:34px;flex-direction:column;align-items:center;justify-content:center;gap:18px}@media screen and (max-width: 1250px){.room-playground .height-control-btns{top:0;left:0;flex-direction:row;transform:translate(0);width:auto}}.room-playground .width-control-btns{display:flex;justify-content:center;gap:18px}.room-playground .mobile_buttons .label{color:var(--white)}.room-playground .setting-btns{width:min-content;display:grid;grid-template-columns:1fr 1fr;gap:18px;color:var(--white)}.room-playground .setting-btns .label{grid-column:span 2}.room-playground .highlighted{stroke:var(--ion-color-primary)!important}.room-playground .verticle-buttons{position:absolute;top:0;right:10px}.room-playground .horizontal-buttons{position:absolute;display:flex;flex-direction:column;align-items:center;top:0;left:10px}.room-playground .rooms-wrapper{position:relative;margin-inline:auto;overflow-x:hidden;border:2px dashed var(--input-border)}.room-playground .room{position:absolute;border-radius:8px;background-size:cover;top:0;left:0;width:min(25vw,150px);font-size:12px;color:var(--white);display:flex;justify-content:center;align-items:center}.room-playground .room .room-borders{position:absolute;top:0;right:0;bottom:0;left:0;border:5px solid var(--main-sub-header-text-color);border-radius:8px}.room-playground .room.selected .room-borders{border:5px solid var(--ion-color-primary)}.room-playground .room .room_layout_image{width:100%;height:100%;object-fit:fill}.room-playground .room .room-door{position:absolute;background:var(--bg-card-color)}.room-playground .room .room-bg{position:absolute;left:0;top:0;width:100%;height:100%}.room-playground .room svg{position:relative;z-index:100}.room-playground .room .room-detail{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:50}.room-playground .room .room-detail .room-name-wrpper{flex:1;display:flex;align-items:center;justify-content:center}.room-playground .room .room-detail .details{display:flex;flex-direction:column;gap:7px;padding:5px 10px;overflow:hidden;border-top:1px solid var(--white);transition:all .3s ease}.room-playground .room .room-detail .details.hide{max-height:0px;opacity:0;border-top:none;padding:0}.room-playground .room .room-detail .details.show{opacity:1;border-top:1px solid var(--white);max-height:100px}.room-playground .room .room-detail .details>.detail{display:flex;align-items:center;justify-content:space-between}.room-playground .room .room-detail .details>.detail>span:nth-child(1){display:flex;align-items:center;gap:5px}.room-playground .room .room-detail .details>.detail .more-link{font-weight:600;color:var(--ion-color-primary)}.room-playground .room .room-detail .details>.detail ion-icon{color:var(--white);font-size:16px}.room-playground .room .room-name{color:var(--white);display:inline-block;max-width:72px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-playground .room .room-name ion-icon{font-size:20px;cursor:pointer}.room-playground .room .room-title-input{color:var(--white);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-bottom:1px solid green;background:transparent;border:1px solid var(--input-border);font-size:16px;padding:5px}.room-playground .room svg{display:block}.room-playground .room .resize-handle{position:absolute;width:12px;height:12px;background:var(--text-gray-color);cursor:se-resize;z-index:200;display:flex;align-items:center;justify-content:center;padding:1px}.room-playground .room .right-bottom{right:0;bottom:0}.room-playground .room .top-right{right:0;top:0}.room-playground .room .resize-handle ion-icon{font-size:10px;color:var(--white)}@media screen and (max-width: 1380px){.room-playground .rooms-wrapper{grid-column:span 3}}.layoutpage_setting-wrapper ion-input{color:var(--white);border:1px solid var(--input-border);border-radius:5px;--padding-start: 8px}.layoutpage_setting-wrapper .label{color:var(--white)}.device-ion-col-height{height:550px;padding-left:0}.height-100{height:100%;overflow-y:auto}.margin-right-10{margin-right:10px}.device-scroll-card{margin:0;padding:0;width:100%;background:transparent;display:flex;flex-direction:column;height:100%}.device-scroll-card ion-card-header{padding:0}.device-scroll-card ion-card-header ion-item{--background: transparent;padding:0}.device-scroll-card ion-card-header ion-item ion-label ion-card-title{font-size:20px;color:var(--main-header-text-color);font-weight:600;font-family:SpaceGrotesk}.device-scroll-card ion-card-header ion-item ion-icon{font-size:30px;color:var(--main-header-text-color)}.device-scroll-card ion-card-content{flex:1;overflow-y:auto}.device-scroll-card .footer-ion-item{--background: transparent;padding:0}.device-scroll-card .footer-ion-item ion-note{color:var(--bg-btn-color);font-size:18px;font-weight:500;font-family:SpaceGrotesk}.data-sync-page .data-sync-container{height:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;--ion-grid-padding: 0;margin:0}.data-sync-page .data-sync-row{width:100%;height:100%;margin:0;padding:0}.data-sync-page .data-sync-col{display:flex;justify-content:center;align-items:center;padding:0;position:relative}.data-sync-page .data-sync-device{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--text-gray-dark-color);border-radius:12px;z-index:2}.data-sync-page .data-sync-device ion-icon{font-size:42px;color:var(--white)}.data-sync-page .data-sync-laptop{margin-right:150px}.data-sync-page .data-sync-desktop{margin-left:150px}.data-sync-page .data-sync-files-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:220px;z-index:3}.data-sync-page .data-sync-file-icon{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:32px;height:36px;background:var(--ion-color-primary);border-radius:4px;opacity:0;z-index:3}.data-sync-page .data-sync-file-icon ion-icon{font-size:20px;color:var(--white)}.data-sync-page .data-sync-file1{animation:data-sync-moveFileRight 4s linear infinite;animation-delay:0s}.data-sync-page .data-sync-file2{animation:data-sync-moveFileLeft 4s linear infinite;animation-delay:1.33s}.data-sync-page .data-sync-file3{animation:data-sync-moveFileRight 4s linear infinite;animation-delay:2.66s}@keyframes data-sync-moveFileRight{0%{transform:translate(-200px) scale(.8);opacity:0}5%{transform:translate(-190px,-70px) scale(.9);opacity:1}25%{transform:translate(-80px,-95px) scale(1);opacity:1}50%{transform:translateY(-100px) scale(1);opacity:1}75%{transform:translate(80px,-95px) scale(1);opacity:1}95%{transform:translate(160px,-60px) scale(.9);opacity:1}to{transform:translate(200px) scale(.8);opacity:0}}@keyframes data-sync-moveFileLeft{0%{transform:translate(200px) scale(.8);opacity:0}5%{transform:translate(160px,50px) scale(.9);opacity:1}25%{transform:translate(80px,75px) scale(1);opacity:1}50%{transform:translateY(80px) scale(1);opacity:1}75%{transform:translate(-80px,75px) scale(1);opacity:1}95%{transform:translate(-160px,60px) scale(.9);opacity:1}to{transform:translate(-200px) scale(.8);opacity:0}}.data-sync-page .data-sync-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-size:24px;font-weight:500;font-family:SpaceGrotesk;margin-top:0;z-index:1}.data-sync-page .data-sync-container:before,.data-sync-page .data-sync-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;height:180px;border:2px dashed var(--button-text-color);border-radius:50%;z-index:1}.data-sync-page .data-sync-container:before{clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.data-sync-page .data-sync-container:after{clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.data-sync-page .data-sync-back-button-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:4}.data-sync-page .data-sync-back-button{height:50px;width:60px;--background: transparent;border:1px solid var(--input-border);border-radius:10px}.room-ion-col-height{height:calc(100vh - 178px);padding-left:0;padding-top:0}.cursor-pointer{cursor:pointer}.none-cursor-pointer{cursor:default}ion-popover.schedule-popover{--width: min(100%, 600px) !important}.set-shedule-page_header-row{align-items:center;padding-inline:20px}.set-shedule-page_header-row h2{margin-top:10px}.set-shedule-page_header-row ion-icon{font-size:22px;margin-top:6px;color:var(--main-header-text-color)}.set-shedule-page ion-content.black{--background: var(--bg-color);color:var(--white);padding:16px;font-family:Roboto,sans-serif}.set-shedule-page .section-title{color:var(--semi-light-bg);font-size:18px;font-family:SpaceGrotesk;font-weight:600;margin-bottom:10px;margin-top:10px}.set-shedule-page .schenes-col,.set-shedule-page .schedule-col{display:flex;flex-direction:column;gap:1.2rem}.set-shedule-page .schedule-col{align-items:flex-start}.set-shedule-page time-picker-wrapper,.set-shedule-page .segment-btn,.set-shedule-page .day-selector,.set-shedule-page .confirm-button{width:100%;box-sizing:border-box;padding:0 16px}.set-shedule-page .schenes-col::-webkit-scrollbar{display:none}.set-shedule-page .group-select-wrapper{margin-bottom:20px}.set-shedule-page .group-select-wrapper ion-item.select-group{--background: var(--bg-color);--color: var(--white);border:1px solid var(--popover-bg);border-radius:8px}.set-shedule-page .group-select-wrapper ion-item.select-group ion-label,.set-shedule-page .group-select-wrapper ion-item.select-group ion-input{color:var(--text-gray-color)}.set-shedule-page .group-select-wrapper ion-item.select-group ion-input{color:var(--white)}.set-shedule-page .scene-icons-wrapper{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;scrollbar-width:none;--background: transparent}.set-shedule-page .scene-icons-wrapper::-webkit-scrollbar{display:none}.set-shedule-page .scene-icons{display:flex;flex-direction:column;align-items:center;width:80px;text-align:center}.set-shedule-page .scene-icons .scene-circle{width:60px;height:60px;border-radius:50%;margin-bottom:8px;font-size:24px}.set-shedule-page .scene-icons .scene-circle ion-icon{color:var(--white)}.set-shedule-page .scene-icons .scene-circle.active{background:var(--ion-color-primary)!important}.set-shedule-page .scene-icons .scene-label{color:var(--white);font-size:11px;font-weight:500}.set-shedule-page .scene-icons .scene-location{color:var(--text-gray-color);font-size:8px}.set-shedule-page .time-picker-wrapper{width:100%;padding-bottom:12px;position:relative;display:flex;justify-content:center;align-self:flex-start;border:1px solid var(--bg-btn-lightblack);border-radius:7px}.set-shedule-page .time-picker-wrapper ion-datetime{width:100%;height:200px;--background: transparent;--wheel-highlight-background: transparent;--wheel-fade-background-rgb: var(--bg-color);--color: var(--bg-btn-color);font-size:1.6rem;display:flex;align-items:center;justify-content:center}.set-shedule-page .time-picker-wrapper ion-datetime::part(wheel-item){color:var(--main-sub-header-text-color);font-size:1.3rem;transition:font-size .2s ease}.set-shedule-page .time-picker-wrapper ion-datetime::part(wheel-item active){color:var(--bg-btn-color);font-size:2rem;font-weight:900;text-shadow:0 0 8px var(--bg-btn-color)}.set-shedule-page .time-picker-wrapper:before,.set-shedule-page .time-picker-wrapper:after{content:"";position:absolute;width:50%;left:25%;height:1px;background:var(--ion-color-dark-init)}.set-shedule-page .time-picker-wrapper:before{top:calc(50% - 28px)}.set-shedule-page .time-picker-wrapper:after{top:calc(50% + 14px)}.set-shedule-page .segment-btn,.set-shedule-page .day-selector,.set-shedule-page .confirm-button{width:100%;align-self:flex-start;box-sizing:border-box;padding:0 16px}.set-shedule-page .segment-btn{display:flex;justify-content:flex-start;gap:10px}.set-shedule-page .segment-btn ion-segment{background:transparent;border-radius:30px;min-width:200px;display:flex;gap:8px}.set-shedule-page .segment-btn ion-segment-button{--background: var(--popover-bg);--background-checked: var(--bg-btn-color);--color-checked: var(--bg-color);--color: var(--semi-light-bg);border-radius:30px;font-size:13px;text-transform:none}.set-shedule-page .segment-btn ion-segment-button.ion-activated{background:var(--bg-btn-color);color:var(--bg-color)}.set-shedule-page .day-selector{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px}.set-shedule-page .day-selector .day{width:32px;height:32px;border-radius:50%;background-color:var(--popover-bg);color:var(--semi-light-bg);font-size:.85rem;display:flex;align-items:center;justify-content:center}.set-shedule-page .day-selector .day.selected{background-color:var(--bg-btn-color);color:var(--bg-color)}.set-shedule-page .confirm-button{display:flex;justify-content:flex-end;padding:12px 16px 0}.set-shedule-page .confirm-button ion-button{width:140px;height:45px;border-radius:14px;--background: var(--bg-btn-color);--color: var(--bg-color)}@media (max-width: 1024px){.set-shedule-page ion-row{flex-direction:column!important;flex-wrap:nowrap!important}.set-shedule-page ion-col,.set-shedule-page .schenes-col,.set-shedule-page .schedule-col{width:100%!important;max-width:100%!important;padding:0;gap:1rem}.set-shedule-page .scene-icons-wrapper{justify-content:flex-start}.set-shedule-page .time-picker-wrapper,.set-shedule-page .segment-btn,.set-shedule-page .day-selector,.set-shedule-page .confirm-button{align-self:stretch}.set-shedule-page .time-picker-wrapper:before,.set-shedule-page .time-picker-wrapper:after{left:30%;width:40%}.set-shedule-page .segment-btn{justify-content:center}.set-shedule-page .confirm-button{justify-content:flex-end;padding-right:16px}}@media (max-width: 768px){.set-shedule-page .scene-icons-wrapper{flex-wrap:nowrap;gap:14px}.set-shedule-page .scene-icons{width:70px}.set-shedule-page .scene-icons .scene-circle{width:50px;height:50px}.set-shedule-page .scene-icons .scene-label{font-size:10px}.set-shedule-page .scene-icons .scene-location{font-size:7px}.set-shedule-page .time-picker-wrapper{width:75%;margin:0 auto}.set-shedule-page .time-picker-wrapper ion-datetime{height:150px;font-size:1.2rem}.set-shedule-page .time-picker-wrapper:before,.set-shedule-page .time-picker-wrapper:after{left:27%;width:45%}.set-shedule-page .confirm-button ion-button{margin-right:0}}@media (max-width: 480px){.set-shedule-page ion-content.black{padding:12px}.set-shedule-page .section-title{font-size:1rem;margin-bottom:8px}.set-shedule-page .group-select-wrapper{margin-bottom:16px}.set-shedule-page .group-select-wrapper ion-item.select-group{--padding-start: 10px;--padding-end: 10px}.set-shedule-page .scene-icons-wrapper{gap:10px;padding-bottom:4px}.set-shedule-page .scene-icons{width:60px}.set-shedule-page .scene-icons .scene-circle{width:45px;height:45px}.set-shedule-page .scene-icons .scene-label{font-size:9px}.set-shedule-page .scene-icons .scene-location{font-size:6.5px}.set-shedule-page .time-picker-wrapper{width:100%;padding-bottom:10px}.set-shedule-page .time-picker-wrapper ion-datetime{height:130px;font-size:1rem}.set-shedule-page .time-picker-wrapper:before,.set-shedule-page .time-picker-wrapper:after{left:15%;width:70%}.set-shedule-page .segment-btn ion-segment-button{font-size:10px;padding:0 2px}.set-shedule-page .day-selector{gap:7px}.set-shedule-page .day-selector .day{width:22px;height:22px;font-size:.6rem}.set-shedule-page .confirm-button{justify-content:center}.set-shedule-page .confirm-button ion-button{width:100%;margin-right:0}}.fc-scroller.fc-scroller-liquid-absolute{overflow:hidden!important}.fc-v-event{background-color:transparent;border:none!important}.fc-timegrid-event.fc-v-event{box-shadow:none!important}.schedule-calendar-chip.mx-none{margin-inline:0px!important}.fc-daygrid-body.fc-daygrid-body-unbalanced.fc-daygrid-body-natural{width:auto!important}.fc .fc-timegrid-slot{height:2.2em!important}.fc-h-event{border:none!important}.fc-button{--fc-button-text-color: var(--main-header-text-color);--fc-button-active-bg-color: var(--calendar-primary);--fc-button-hover-bg-color: var(--table-bg);--fc-button-bg-color: transparent;text-transform:capitalize!important}.fc-scrollgrid-sync-table,.fc-col-header{width:100%!important}.fc-daygrid-day-events{display:flex;flex-wrap:wrap}.fc-schedule-calendar-chip{padding:2px 4px;background:var(--bg-card-color);border-radius:3px;color:var(--white);border:1px solid var(--text-gray-color);height:100%;width:100%;margin-inline:4px;min-width:130px;overflow:hidden}.fc-schedule-calendar-chip .chip-header{display:flex;align-items:center;gap:5px;font-weight:700}.fc-schedule-calendar-chip .chip-header ion-icon{font-size:25px!important}.fc-schedule-calendar-chip .chip-header span{flex:1;font-size:14px;display:inline-block;overflow:hidden;text-wrap-mode:nowrap;opacity:.4}.fc-schedule-calendar-chip .chip-time{font-size:16px;padding-left:30px;margin-top:3px;font-weight:700;color:var(--main-sub-header-text-color)}.fc-schedule-calendar-chip-v2{width:18px;aspect-ratio:1;border-radius:50%}.fc-schedule-calendar-chip-v2.recurring{background:var(--ion-color-danger)}.fc-schedule-calendar-chip-v2.non-recurring{background:var(--ion-color-warning)}.custom-calendar-col{--fc-border-color: var(--text-gray-color);--fc-neutral-bg-color: var(--table-bg);--fc-event-bg-color: var(--table-bg);--fc-list-event-hover-bg-color: transparent;--some-padding-compensation: -160px;--ion-color-primary: var(--main-sub-header-text-color);--fc-today-bg-color: var(--loader-background);height:calc(100vh - 178px);overflow-y:auto;position:static}.custom-calendar-col ion-card{margin:0;--background: transparent;box-shadow:none}.custom-calendar-col .calendar-configs{display:flex;align-items:center;gap:20px}.custom-calendar-col .calendar-configs ion-item{background:transparent}.custom-calendar-col .calendar-configs ion-item ion-label{font-size:16px;color:var(--main-header-text-color);font-weight:600;text-wrap-mode:nowrap}.custom-calendar-col .calendar-configs ion-item .schedule-status-dot{display:inline-block;width:20px;aspect-ratio:1;border-radius:50%}.custom-calendar-col .calendar-configs ion-item .recurring-schedule{background:var(--ion-color-danger)}.custom-calendar-col .calendar-configs ion-item .daily-schedule{background:var(--ion-color-warning)}.schedule-view-popover{--width: 300px}.schedule-view-popover ion-icon.close-icon{font-size:22px;margin-top:5px;color:var(--main-sub-header-text-color)}.schedule-view-popover ion-item,.schedule-view-popover ion-header,.schedule-view-popover ion-icon{color:var(--main-sub-header-text-color);background:var(--bg-card-color);--color: var(--main-sub-header-text-color);--background: var(--bg-card-color)}.schedule-view-popover .label-time-title{font-size:40px;font-family:SpaceGrotesk;text-transform:capitalize;font-weight:600;color:var(--input-label)}.schedule-view-popover .label-time-title sub{font-size:20px;margin-bottom:10px}.schedule-view-popover .weekly-days{display:flex;gap:5px;justify-content:center;background:var(--bg-card-color);padding-inline:5px}.schedule-view-popover .weekly-days>div{width:35px}.login-emailpage-container{height:100%;padding-block:40px;display:flex;align-items:center;justify-content:center}.login-emailpage-container .login-emailpage-card{padding:50px 50px 20px;width:80%;margin:auto;border-radius:25px;border:1px solid var(--input-border);max-width:960px;--background: var(--input-bg)}.login-emailpage-container .login-emailpage-card-content-2{padding-left:72px}.login-emailpage-container .login-emailpage-card-content-2 .mobile-login-emailpage-image-container{display:none;margin-bottom:50px;align-items:center;justify-content:center}.login-emailpage-container .login-emailpage-card-content-2 .mobile-login-emailpage-image-container img{width:50%;max-width:150px}.login-emailpage-container .login-emailpage-card-content{width:100%}.login-emailpage-container .login-emailpage-card-content .input-div ion-input{--background: var(--input-bg);--color: var(--input-label);font-family:SpaceGrotesk;--border-color: var(--bg-btn-lightblack);--highlight-color-focused: var(--input-label);border-radius:8px;padding-left:20px;height:60px;--border-radius: 8px}.login-emailpage-container .login-emailpage-card-content .input-div ion-input.mail_input{border-radius:10px;--border-radius: 10px}.login-emailpage-container .login-emailpage-card-content .input-div .error-msg{margin-bottom:10px;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;color:var(--error);margin-left:5px;margin-top:8px}.login-emailpage-container .login-emailpage-card-content .input-fill-outline.sc-ion-input-md-h{border-bottom:1px solid var(--bg-btn-lightblack)}.login-emailpage-container .login-emailpage-card-content .input-div-phone{margin-bottom:35px}.login-emailpage-container .login-emailpage-card-content .input-div-phone ion-row{border:1px solid var(--bg-btn-lightblack);padding:5px 5px 0;border-radius:8px;background:var(--input-bg);margin-bottom:10px}.login-emailpage-container .login-emailpage-card-content .input-div-phone ion-col{padding:2px 2px 0 5px}.login-emailpage-container .login-emailpage-card-content .input-div-phone ion-select{border-right:1px solid var(--bg-btn-lightblack);color:var(--button-text-color);font-family:inter;--padding-top: 15px;--padding-bottom: 20px;font-family:SpaceGrotesk}.login-emailpage-container .login-emailpage-card-content .input-div-phone ion-select::part(icon){color:var(--text-normal);opacity:1;margin-right:2px}.login-emailpage-container .login-emailpage-card-content .input-div-phone ion-input{--color: var(--input-label);font-family:SpaceGrotesk;--highlight-color-focused: var(--input-label)}.login-emailpage-container .login-emailpage-card-content .input-div-phone .error-msg{margin-bottom:10px;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;color:var(--error)}.login-emailpage-container .login-emailpage-card-content .login-button{color:var(--button-text-color);text-transform:none;height:53px;font-weight:700;--background: var(--button-linear-gradient);font-family:SpaceGrotesk;font-size:18px;font-style:normal;line-height:normal;--border-radius: 10px}.login-emailpage-container .login-emailpage-card-content .login-button.margin{margin-top:45px}.login-emailpage-container .login-emailpage-card-content .divider{display:flex;align-items:center;margin-top:40px;color:var(--button-text-color);font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.login-emailpage-container .login-emailpage-card-content .line{flex:1;height:1px;background-color:var(--input-border-color);margin:0 10px}.login-emailpage-container .login-emailpage-card-content .line.margin-left{margin:0 10px 0 0}.login-emailpage-container .login-emailpage-card-content .line.margin-right{margin:0 0 0 10px}.login-emailpage-container .login-emailpage-card-content .button-container{display:flex;justify-content:center;width:100px;margin:0 auto}.login-emailpage-container .login-emailpage-card-content .custom-button{background-color:var(--main-header-text-color);border:none;text-align:center;text-decoration:none;display:flex;justify-content:center;align-items:center;border-radius:50%;min-width:40px;height:40px;cursor:pointer;margin:30px 10px 0 0;transition:background-color .3s ease}.login-emailpage-container .login-emailpage-card-content .custom-button.margin{margin:30px 10px auto}.login-emailpage-container .login-emailpage-card-content .custom-icon{font-size:30px;color:var(--bg-color)}.login-emailpage-container .login-emailpage-card-content .signup-text{text-align:center;margin-top:20px;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:var(--input-label)}.login-emailpage-container .login-emailpage-card-content .signup-text .link{color:var(--forgot-label-color)!important;font-family:SpaceGrotesk;font-size:12px}.login-emailpage-container .login-emailpage-card-content .signup-text .bordered-text{color:var(--forgot-label-color)!important;font-family:SpaceGrotesk;font-size:12px;border-bottom:1px solid var(--forgot-label-color);padding-bottom:2px}.login-emailpage-container .login-emailpage-card-content .signup-text.terms{position:absolute;bottom:16px;text-align:center;width:100%;z-index:-1}.login-emailpage-container .login-emailpage-image-container{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.login-emailpage-container .login-emailpage-image-container .login-emailpage-logo{width:80%;max-width:228px}.login-emailpage-container .login-emailpage-card-content-1{padding-inline:30px;position:relative}.login-emailpage-container .login-emailpage-card-content-1 :after{content:"";position:absolute;width:1px;background-color:var(--input-border);height:80%;right:0;top:50%;transform:translateY(-50%)}.login-emailpage-container .login-emailpage-card-content-1 .terms{text-align:center;font-weight:500;margin-top:49px}.login-emailpage-container .login-emailpage-card-content-1 .terms a{text-wrap:no-wrap;text-decoration:none;color:inherit;font-size:12px}.login-emailpage-container .login-emailpage-card-footer{width:50%;margin-top:20px}.login-emailpage-container .login-emailpage-card-footer .explore{display:flex;align-items:center;justify-content:space-between;font-size:15px;padding:20px;margin-top:34px;color:var(--ion-color-tertiary-contrast)}.login-emailpage-container .login-emailpage-card-footer .explore span{text-wrap:no-wrap;font-weight:500}.login-emailpage-container .login-emailpage-card-footer .explore button{font-weight:600;font-size:12px;padding:7px 15px;border-radius:14px;background:var(--ion-color-tertiary-contrast);color:var(--ion-color-secondary-contrast)}.login-emailpage-footer{display:none}@media screen and (max-width: 1024px){.login-emailpage-container .login-emailpage-card{width:90%;padding:50px 30px 12px}}@media screen and (max-width: 768px){.login-emailpage-container{padding-block:0px}.login-emailpage-container .login-emailpage-card{width:90%;max-width:450px;border:none;background:none;box-shadow:none}.login-emailpage-container .login-emailpage-card .login-emailpage-card-content-1{display:none}.login-emailpage-container .login-emailpage-card .login-emailpage-card-content-2{padding-left:0;width:100%}.login-emailpage-container .login-emailpage-card .login-emailpage-card-content-2 .mobile-login-emailpage-image-container{display:flex}.login-emailpage-container .login-emailpage-card .login-emailpage-card-footer{display:none}.login-emailpage-container .login-emailpage-card-footer{width:100%}.login-emailpage-container .login-emailpage-card-footer .explore{font-size:10px}.login-emailpage-footer{display:block}}@media screen and (max-width: 450px){.login-emailpage-container .login-emailpage-card{width:100%;max-width:450px;padding:0}}.layout-footer{--background: var(--bg-color);box-shadow:none}.layout-footer ion-toolbar{padding:5px;--background: var(--input-bg);border-radius:10px}.layout-footer .label{font-size:15px;color:var(--main-header-text-color);font-weight:500;font-family:SpaceGrotesk;margin-bottom:4px;text-align:center}.layout-footer .save-button{min-width:100px;text-transform:capitalize}.layout-footer .tight-col{padding-left:10px!important;padding-right:10px!important}.layout-footer .ion-button-color{--color: var(--white)}.layout-footer .ion-button-color ion-icon{color:var(--white)}.no-animations *,.no-animations{transition:none!important;animation:none!important;opacity:1!important}.profile-page .profile-page-col{padding:0}.profile-page .loading-row{min-height:300px;display:flex;align-items:center;justify-content:center}.profile-page .table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-page .table-container .profile-grid{padding:0;border-radius:8px;overflow:hidden;min-width:600px}.profile-page .table-container .profile-grid .grid-header-row{background:var(--input-border);border-radius:8px;padding:12px 22px 12px 30px}.profile-page .table-container .profile-grid .grid-header-row ion-label{color:var(--white);font-weight:500;font-size:16px;font-family:SpaceGrotesk}.profile-page .table-container .profile-grid .grid-header-row .action-col{padding-left:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-page .table-container .profile-grid .grid-data-row{background:var(--input-bg);border-radius:8px;margin:12px 0;padding:12px 8px 12px 30px;align-items:center}.profile-page .table-container .profile-grid .grid-data-row ion-label{color:var(--white);font-weight:500;font-size:16px;font-family:SpaceGrotesk}.profile-page .table-container .profile-grid .grid-data-row .info-text{color:var(--input-label);font-size:14px;font-weight:500;line-height:1.4;font-family:SpaceGrotesk}.profile-page .table-container .profile-grid .grid-data-row .action-col-buttons{display:flex;justify-content:end}.profile-page .table-container .profile-grid .grid-data-row .action-col-buttons .action-buttons{display:flex;gap:4px}@media (max-width: 576px){.profile-page .table-container .profile-grid .grid-data-row .action-col-buttons .action-buttons{flex-direction:column;gap:8px}}.profile-page .table-container .profile-grid ion-button{--color: var(--ion-color-tertiary-tint);margin:0}.profile-page ion-fab{margin-bottom:15px;margin-right:20px}.profile-page ion-fab ion-fab-button ion-icon{color:var(--white)}.schedule-action-popover{--width: 510px;--height: auto;--background: var(--bg-color);--box-shadow: 0 4px 16px rgba(0, 0, 0, .2);--backdrop-opacity: .7;border-radius:12px;padding:10px}.schedule-action-popover .bg,.schedule-action-popover.fixed-height{--background: var(--bg-card-color)}.schedule-action-popover.fixed-height ion-toolbar{padding-inline:20px}.schedule-action-popover.fixed-height ion-content{--padding-top: 0px !important}.schedule-action-popover.fixed-height .device-ion-col-height{height:320px!important}.schedule-action-popover.fixed-height .device-scroll-card{box-shadow:none}.schedule-action-popover.fixed-height .device-scroll-card ion-card-content{overflow-y:unset}@media (max-width: 450px){.schedule-action-popover{--width: 95%}}.dh-action-popover{--width: 510px;--height: auto;--background: var(--bg-color);--box-shadow: 0 4px 16px rgba(0, 0, 0, .2);--backdrop-opacity: .7;border-radius:12px;padding:10px}.dh-action-popover .bg,.dh-action-popover.fixed-height{--background: var(--bg-card-color)}.dh-action-popover.fixed-height ion-toolbar{padding-inline:20px}.dh-action-popover.fixed-height ion-content{--padding-top: 0px !important}.dh-action-popover.fixed-height .device-ion-col-height{height:320px!important}.dh-action-popover.fixed-height .device-scroll-card{box-shadow:none}.dh-action-popover.fixed-height .device-scroll-card ion-card-content{overflow-y:unset}@media (max-width: 450px){.dh-action-popover{--width: 95%}}.select-button-right{margin-top:10px;--color: var(--white);--border-color: var(--input-border);--border-width: 1px;--background: transparent;--border-radius: 8px;--padding-start: 25px;--padding-end: 25px;font-weight:500;font-size:14px;font-family:SpaceGrotesk;text-transform:capitalize}.select-remote-button{border:1px solid var(--input-border);border-radius:8px;color:var(--white)}.popever-tool-title{color:var(--white);font-size:20px;font-weight:500;font-family:SpaceGrotesk;text-transform:capitalize}.set-schedule-actions-switch ion-range::part(tick){background:var(--white)}.set-schedule-actions-switch ion-range::part(tick-active){background:var(--white)}.set-schedule-actions-switch ion-range::part(pin){display:inline-flex;align-items:center;justify-content:center;background:var(--white);color:var(--bg-color);border-radius:50%;transform:scale(1.01);top:-20px;min-width:28px;height:28px;transition:transform .12s ease,background .12s ease}.set-schedule-actions-switch ion-range::part(pin):before{content:none}.set-schedule-actions-switch ion-range::part(knob){background:var(--white)}.set-schedule-actions-switch ion-range::part(bar){background:var(--white)}.set-schedule-actions-switch ion-range::part(bar-active){background:var(--white)}.set-schedule-actions-dimmer{padding:20px 0;--bar-background: var(--text-gray-color);--bar-background-active: var(--bg-btn-color-blue);--bar-height: 10px;--bar-border-radius: 8px;--knob-background: var(--bg-btn-color-blue);--knob-size: 30px;margin-inline:30px}.set-schedule-actions-dimmer-lable ion-range::part(label){color:var(--text-gray-color)}.set-schedule-actions-cct{padding:20px 0;--bar-background: var(--linear_gradient-blue-white-orange);--bar-background-active: transparent;--bar-height: 10px;--bar-border-radius: 8px;--knob-background: var(--light-card-bg);--knob-size: 30px;margin-inline:30px}.set-schedule-actions-switch-on-off{--track-background: var(--input-border);--track-background-checked: var(--input-border);--handle-background: var(--error);--handle-background-checked: var(--green-icon-color)}.schedule-room-scroll-container{padding:8px 4px;gap:8px}.schedule-room-btn{border-radius:10px;border:1px solid var(--input-border);--color: var(--main-header-text-color);text-align:center}.no-ripple{--ripple-color: transparent !important}.cool-master-page .top-bar-row{display:flex;align-items:center;justify-content:space-between;padding:0 7px}.cool-master-page .top-bar-row .left-title ion-label{font-size:20px;font-weight:500;color:var(--button-text-color);font-family:SpaceGrotesk}.cool-master-page .top-bar-row .right-actions{display:flex;align-items:center;gap:12px}.cool-master-page .top-bar-row .right-actions .top-action{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--button-text-color);font-family:SpaceGrotesk;border-radius:20px;text-transform:capitalize;border:1px solid var(--input-border);height:36px;--background: transparent}.cool-master-page .top-bar-row .right-actions .top-action ion-icon{font-size:18px;color:var(--button-text-color)}.cool-master-page .top-bar-row .right-actions .top-action span{margin-left:4px}@media screen and (max-width: 630px){.cool-master-page .top-bar-row .right-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%}.cool-master-page .top-bar-row .right-actions .top-action{flex:1 1 48%;justify-content:center;font-size:13px;height:34px}}@media screen and (max-width: 630px){.cool-master-page .top-bar-row{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 12px}.cool-master-page .top-bar-row .left-title{width:100%}.cool-master-page .top-bar-row .left-title ion-label{font-size:18px;word-break:break-word}}.cool-master-page .second-row{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-radius:8px;background:var(--input-bg);margin-top:8px}.cool-master-page .second-row .chip-toggle-group{display:flex;gap:8px}.cool-master-page .second-row .chip-toggle-group .toggle-chip{height:34px;padding:0 14px;border-radius:20px;font-size:12px;font-weight:600;color:var(--button-text-color);background:var(--input-border)}.cool-master-page .second-row .chip-toggle-group .toggle-chip ion-icon{color:var(--button-text-color)}.cool-master-page .second-row .chip-toggle-group .toggle-chip.active{background:var(--ion-color-primary);color:var(--button-text-color)}.cool-master-page .second-row .area-zone-row{display:flex;gap:10px}.cool-master-page .second-row .area-zone-row .top-dropdown{display:flex;align-items:center;gap:6px;height:34px;border:1px solid var(--input-border);border-radius:5px;text-transform:capitalize;background-color:transparent}.cool-master-page .second-row .area-zone-row .top-dropdown ion-icon{color:var(--button-text-color)}.cool-master-page .second-row .area-zone-row .top-dropdown ion-label{color:var(--button-text-color)}.cool-master-page .second-row .area-zone-row .top-dropdown .area-btn-label{padding-right:50px}.cool-master-page .second-row .area-zone-row .select-popover{--padding-start: 12px;--padding-end: 12px;--min-height: 34px;--border-radius: 5px;--background: transparent;--border-width: 1px;--border-color: var(--input-border);color:var(--button-text-color);display:flex;align-items:center;font-family:SpaceGrotesk;font-size:14px;font-weight:500}.cool-master-page .second-row .area-zone-row .select-popover ion-label{color:var(--button-text-color)}.cool-master-page .second-row .area-zone-row .select-popover .select-text{padding-left:0}@media screen and (max-width: 630px){.cool-master-page .second-row{flex-direction:column;gap:12px}.cool-master-page .second-row .chip-toggle-group,.cool-master-page .second-row .area-zone-row{width:100%;justify-content:flex-start;flex-wrap:wrap}.cool-master-page .second-row .chip-toggle-group .toggle-chip,.cool-master-page .second-row .chip-toggle-group .top-dropdown,.cool-master-page .second-row .chip-toggle-group .select-popover,.cool-master-page .second-row .area-zone-row .toggle-chip,.cool-master-page .second-row .area-zone-row .top-dropdown,.cool-master-page .second-row .area-zone-row .select-popover{flex:1 1 48%}}.cool-master-page .unit-content{padding:20px;font-size:14px;color:var(--button-text-color)}.edit-form-popover{--width: 400px;--offset-y: -50px}.edit-form-popover form{width:100%}.edit-form-popover ion-list{background:var(--input-bg)}.edit-form-popover ion-list ion-item{--background: var(--input-bg);margin-bottom:10px}.edit-form-popover ion-list ion-item ion-label{margin-bottom:12px!important;font-size:18px}.edit-form-popover ion-list ion-item ion-input{min-height:45px!important;border:1px solid var(--input-border);border-radius:6px}.edit-form-popover .button-wrapper{display:flex;justify-content:flex-end;background:var(--input-bg);padding:0 14px 8px 0}.edit-form-popover .button-wrapper .save-button{height:40px;width:120px;border-radius:12px;font-weight:600;font-size:14px;text-transform:none;background:var(--ion-color-primary);color:var(--button-text-color);font-family:SpaceGrotesk,sans-serif}@media screen and (max-width: 630px){.edit-form-popover{--width: 90vw;--offset-y: -200px}}.widgets-ion-col-height{height:327px;padding-left:0;overflow-y:auto;overflow-x:hidden}.widgets-action-popover{--width: 80%;--height: 500px;--background: var(--bg-color);--box-shadow: 0 4px 16px rgba(0, 0, 0, .2);--backdrop-opacity: .7;border-radius:12px;padding:10px}.widgets-action-popover .bg{--background: var(--bg-card-color)}@media (max-width: 1024px){.widgets-action-popover{--width: 95%}}@media (min-width: 1300px){.widgets-action-popover{--width: 65%}}.widget-tree-node{list-style-type:none;margin-left:20px}.widget-tree-node .widget-node-label{display:flex;align-items:center;cursor:pointer;font-size:17px;color:var(--main-header-text-color);font-weight:500;font-family:SpaceGrotesk;padding:5px 0}.widget-tree-node .widget-node-label.disabled{opacity:.5;pointer-events:none}.widget-tree-node .icon{margin-right:8px}.widget-left-panel{border-right:1px solid var(--input-border)}@media (max-width: 768px){.widget-left-panel{border-right:none;border-bottom:1px solid var(--input-border);margin-bottom:1rem}}.widget-right-panel{overflow-x:auto}.widget-tree-container{max-height:100%;overflow-y:auto;padding-right:1rem}.widget-tree-root{list-style-type:none;padding-left:0;margin:0}.widget-tree-node{margin-bottom:.5rem}.widget-node-label{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow-x:auto;padding:.25rem;border-radius:4px}.widget-node-label.disabled{opacity:.5;pointer-events:none}.widget-node-label:hover{background-color:var(--input-border);cursor:pointer}.widget-node-label .icon,.widget-node-label .arrow{min-width:20px}.widget-preview-card{background:transparent;border:1px solid var(--input-border)}.widget-preview-card .card-header-with-icons .header-content{display:flex;justify-content:space-between;align-items:center}.widget-preview-card .header-text{display:flex;flex-direction:column}.widget-preview-card .header-text ion-card-title{font-size:17px;color:var(--main-header-text-color);font-weight:600;font-family:SpaceGrotesk}.widget-preview-card .header-text ion-card-subtitle{font-size:15px;color:var(--main-sub-header-text-color);font-weight:400;font-family:SpaceGrotesk}.widget-preview-card .header-icons{display:flex;gap:10px}.widget-preview-card .header-icons ion-icon{font-size:20px;color:var(--main-header-text-color);cursor:pointer}.widget-column-layout{display:flex;flex-direction:column;height:100%}.widget-panel-title{font-size:17px;color:var(--main-header-text-color);font-weight:600;font-family:SpaceGrotesk;padding:8px;flex-shrink:0;background:transparent}.widget-panel-scroll{overflow-y:auto;flex-grow:1;padding:8px}.side-menu-list{overflow-y:auto;overflow-x:hidden}.widget-display-card{display:flex;flex-direction:column;height:100%;background:transparent;border:none;box-shadow:none;margin:0}.widget-display-card .card-header-with-icons .header-content{display:flex;justify-content:space-between;align-items:center}.widget-display-card .header-text{display:flex;flex-direction:column}.widget-display-card .header-text ion-card-title{font-size:17px;color:var(--main-header-text-color);font-weight:600;font-family:SpaceGrotesk}.widget-display-card .header-text ion-card-subtitle{font-size:15px;color:var(--main-sub-header-text-color);font-weight:400;font-family:SpaceGrotesk}.widget-display-card .header-icons{display:flex;gap:10px}.widget-display-card .header-icons ion-icon{font-size:20px;color:var(--main-header-text-color);cursor:pointer}.widget-display-card .scrollable-content-container{flex:1 1 auto;overflow-y:auto;min-height:0}.widget-display-card .view-more-row ion-item{--background: transparent}.widget-display-card .view-more-row ion-item ion-chip{color:var(--ion-color-primary);background:transparent}.widget-display-card .chart-scroll-container .chart .apexcharts-yaxis text,.widget-display-card .chart-scroll-container .chart .apexcharts-xaxis text{fill:var(--white)!important}.widget-display-card .chart-scroll-container .chart .apexcharts-title-text{fill:var(--main-header-text-color)}.widget-display-card .chart-scroll-container .chart .apexcharts-legend-text{color:var(--white)!important;margin-left:-12px}.widget-display-card .chart-scroll-container .chart .apexcharts-tooltip{background:var(--bg-card-color)!important;border:1px solid var(--input-border)!important;box-shadow:none!important}.widget-display-card .chart-scroll-container .chart .apexcharts-tooltip .apexcharts-tooltip-title,.widget-display-card .chart-scroll-container .chart .apexcharts-tooltip .apexcharts-tooltip-text{color:var(--white)!important;background:transparent!important}.widget-display-card .chart-scroll-container .chart .apexcharts-gridline{stroke:var(--text-gray-dark-color)!important;display:none}.widget-display-card .chart-scroll-container .chart .apexcharts-toolbar{display:none}.preset-card .preset-list{background:transparent}.preset-card .preset-list .preset-item{--ion-item-background: none;border:1px solid var(--text-gray-dark-color);border-radius:8px;padding-block:4px;margin-bottom:8px}.preset-card .preset-list .preset-item ion-avatar{padding:10px;display:flex;align-items:center;justify-content:center;background:var(--table-bg)}.preset-card .preset-list .preset-item ion-icon{color:var(--main-header-text-color);background:var(--table-bg);font-size:20px;border-radius:50%}.preset-card .preset-list .preset-item h3{font-size:16px;color:var(--main-header-text-color)}.preset-card .preset-list .preset-item .execute-button{color:var(--main-sub-header-text-color);border:1px solid var(--input-border);border-radius:30px;padding-inline:12px}.preset-card .preset-form{background:transparent;border:1px solid var(--input-border)}.preset-card .preset-form ion-input{background:none;border:1px solid var(--input-border)}.preset-room-col{margin:5px 0!important}.preset-room-col .preset-room-item{--background-hover: transparent}.presetAddModal{--backdrop-opacity: .6 !important}.presetAddModal ion-toolbar,.presetAddModal ion-content,.presetAddModal ion-footer{color:var(--main-header-text-color);--color: var(--main-header-text-color);background:var(--bg-card-color);--background: var(--bg-card-color);box-shadow:none}.presetAddModal ion-input,.presetAddModal ion-select{color:var(--main-header-text-color);--color: var(--main-header-text-color)}.presetAddModal ion-content ion-icon,.presetAddModal ion-content ion-label{color:var(--main-header-text-color)!important;--color: var(--main-header-text-color) !important}ion-popover.select-popover{--background: var(--bg-color)}.box-shadon-none{box-shadow:none}._background-transparent{--background: transparent}ion-select{--highlight-color-focused: var(--white);--highlight-color-valid: var(--white);--highlight-color-invalid: var(--white)}.input-ion-item{--background: transparent;border:1px solid var(--input-border);border-radius:8px}.input-ion-item:not(:last-child){margin-bottom:10px}.widget-filter-custom-btn{--color: var(--white);--border-color: var(--input-border);--border-width: 1px;--background: transparent;--border-radius: 8px;--padding-top: 15px;--padding-bottom: 15px;font-weight:500;text-transform:none;letter-spacing:0;padding-inline:1px;text-transform:capitalize}.widget-energy-graph-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.widget-energy-graph-header .left{display:flex;flex-wrap:wrap}.widget-energy-graph-header .left ion-button{--border-width: 1px;--background: transparent;--border-radius: 8px;font-weight:400;text-transform:none;letter-spacing:0;padding-inline:1px;text-transform:capitalize}.widget-energy-graph-header .right{display:flex;align-items:center}.action-toolbar{padding-top:5px!important;padding:5px;--background: var(--input-bg);border-radius:10px}.top-toolbar-item{display:flex;align-items:center;--background: var(--input-bg)}.top-toolbar-item ion-label{color:var(--main-header-text-color)!important;font-family:SpaceGrotesk!important;font-size:16px!important;font-style:normal;font-weight:500;text-transform:capitalize;line-height:normal;padding-left:20px}.top-toolbar-item ion-label .i-btn{margin-top:2px;position:absolute;margin-left:3px;cursor:pointer;font-size:large}.top-toolbar-item ion-icon{color:var(--main-header-text-color)}.widgets-list-no-lines{background:transparent;display:flex;flex-direction:column;gap:4px}.widgets-list-no-lines ion-item{--background: transparent;border:1px solid var(--text-gray-dark-color);border-radius:5px;display:flex;align-items:center}.widgets-list-no-lines ion-item ion-label{font-size:17px!important;color:var(--main-header-text-color)!important;font-weight:500!important;font-family:SpaceGrotesk!important}@media screen and (max-width: 500px){.widgets-list-no-lines ion-item ion-label{font-size:12px;text-wrap:nowrap}}.widgets-list-no-lines ion-item .recent-left{display:flex;flex-direction:column;text-align:end;padding:7px 0 5px}.widgets-list-no-lines ion-item .recent-left>span{font-size:12px;font-weight:400;color:var(--main-sub-header-text-color)}@media screen and (max-width: 500px){.widgets-list-no-lines ion-item .recent-left{font-size:10px;text-wrap:nowrap}}.widgets-list-no-lines img{margin-right:1rem}.widgets-alert-item{border:none;align-items:end;background:transparent}.widgets-alert-item ion-item{--background: transparent;border-radius:5px;display:flex;align-items:center}.widgets-alert-item ion-item ion-label{font-size:17px!important;color:var(--main-header-text-color)!important;font-weight:500!important;font-family:SpaceGrotesk!important}@media screen and (max-width: 500px){.widgets-alert-item ion-item ion-label{font-size:12px;text-wrap:nowrap}}.widgets-alert-item ion-item .recent-left{display:flex;flex-direction:column;text-align:end;padding:7px 0 5px}.widgets-alert-item ion-item .recent-left>span{font-size:12px;font-weight:400;color:var(--main-sub-header-text-color)}@media screen and (max-width: 500px){.widgets-alert-item ion-item .recent-left{font-size:10px;text-wrap:nowrap}}.widgets-alert-item .alert-left{text-align:end}.widgets-alert-item .alert-left>span{font-size:16px;color:var(--white)}.widgets-alert-item .alert-left>span.alert-left-action{font-weight:600}.widgets-alert-item .alert-left>span.activated{color:var(--green-icon-color);font-weight:600}.widgets-alert-item .alert-left>span.deactivated{color:var(--error);font-weight:600}.widgets-room_card.room_card{display:flex;border:1px solid var(--text-gray-dark-color);background:var(--bg-card-color);border-radius:8px}@media screen and (max-width: 500px){.widgets-room_card.room_card{height:100px}}.widgets-room_card.room_card .room_card_left{padding:10px}.widgets-room_card.room_card .room_card_left>div{background:radial-gradient(50% 50% at 50% 50%,var(--popover-bg) 0%,var(--popover-bg) 100%);border:1px solid var(--input-border);border-radius:10px;aspect-ratio:1;max-width:150px;padding:21px;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px}@media screen and (max-width: 500px){.widgets-room_card.room_card .room_card_left>div{height:5rem;width:5rem}}.widgets-room_card.room_card .room_card_left>div>ion-icon{font-size:60px;color:var(--main-header-text-color)}.widgets-room_card.room_card .room_card_left>div>span{text-align:center;color:var(--error)}.widgets-room_card.room_card .room_card_right{flex:1;overflow:hidden}.widgets-room_card.room_card .room_card_right .room_card_right_header{display:flex;justify-content:space-between;padding:10px}.widgets-room_card.room_card .room_card_right .room_card_right_header h4,.widgets-room_card.room_card .room_card_right .room_card_right_header p{margin:0}.widgets-room_card.room_card .room_card_right .room_card_right_header p{margin-top:10px}@media screen and (max-width: 500px){.widgets-room_card.room_card .room_card_right .room_card_right_header p{font-size:12px}}.widgets-room_card.room_card .room_card_right .room_card_right_header h4{font-size:16px;font-weight:700}.widgets-room_card.room_card .room_card_right .room_card_right_header .icon_wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.widgets-room_card.room_card .room_card_right .room_card_right_header .icon_wrapper ion-icon{font-size:30px}@media screen and (max-width: 500px){.widgets-room_card.room_card .room_card_right .room_card_right_header .icon_wrapper ion-icon{font-size:17px}}@media screen and (max-width: 500px){.widgets-room_card.room_card .room_card_right .room_card_right_header .icon_wrapper span{font-size:10px}}.widgets-room_card.room_card .room_card_right .rooms{padding:10px 0 10px 10px;overflow-x:auto}@media screen and (max-width: 500px){.widgets-room_card.room_card .room_card_right .rooms{padding:0}.widgets-room_card.room_card .room_card_right .rooms::-webkit-scrollbar{display:none}}.widgets-room_card.room_card .room_card_right .rooms ::-webkit-scrollbar{display:none}.widgets-room_card.room_card .room_card_right .rooms .btns{display:flex;flex-wrap:nowrap;gap:10px}.widgets-room_card.room_card .room_card_right .rooms button{color:var(--white);padding:3px 8px;border-radius:5px;border:1px solid var(--button-text-color);background:transparent}.widgets-stat-card{--background: var(--input-bg);color:var(--white);border-radius:12px;box-shadow:none;overflow:hidden;margin:0}.widgets-stat-card .stat-header{display:flex;justify-content:end}.widgets-stat-card .stat-header>div{border-bottom-left-radius:8px;text-align:right;font-size:12px;font-weight:700;width:100%;max-width:150px;padding:4px 10px}.widgets-stat-card .stat-header.green>div{background:var(--dark-green-indicator);color:var(--green-icon-color);display:flex;justify-content:center}.widgets-stat-card .stat-header.red>div{background:#502828;color:var(--delete-btn-bg);display:flex;justify-content:center}.widgets-stat-card ion-card-content .stat-body{display:flex;justify-content:space-between;align-items:end;padding:10px}.widgets-stat-card ion-card-content .stat-body .stat-info{display:flex;flex-direction:column;gap:1rem}.widgets-stat-card ion-card-content .stat-body .stat-info .title{margin:0;font-size:20px;font-weight:600;opacity:.9}.widgets-stat-card ion-card-content .stat-body .stat-info h1{margin:4px 0;font-size:28px;font-weight:700}.widgets-stat-card ion-card-content .stat-body .stat-info .stat-footer{display:flex;align-items:center;gap:10px;font-size:12px;opacity:.6}.widgets-stat-card ion-card-content .stat-body .stat-info .stat-footer img{height:20px}.widgets-stat-card ion-card-content .stat-body .stat-info .stat-footer span{font-size:14px;color:var(--text-gray-color)}.widgets-stat-card ion-card-content .stat-body img{height:4rem}.custom-period-list{background:transparent}.custom-period-list .custom-period-item{--background: transparent !important}.custom-period-list .custom-period-item ion-label{color:var(--main-header-text-color)}.custom-period-list .custom-period-item ion-input{color:var(--main-header-text-color);--placeholder-color: var(--text-normal)}.energy-meter-page ion-header{box-shadow:none!important}.energy-meter-page .page_toolbar{--background: none !important}.energy-meter-page ion-button .mr-3{margin-right:20px}.energy-meter-page .chart-filter-button ion-button{border:1px solid var(--input-border);padding:10px;border-radius:8px;--background-hover: none}.energy-meter-page ion-item{--background: transparent}.energy-meter-page ion-card-title,.energy-meter-page ion-icon{color:var(--main-header-text-color)}.energy-meter-page ion-card{background:var(--input-bg);box-shadow:none;width:100%}.energy-meter-page .energy-card-row{background:var(--input-bg)}.energy-meter-page .energy-card{margin-inline-start:0px!important;margin-inline-end:0px!important;margin-block:0px!important;position:relative;padding:1rem;height:100%;color:var(--main-header-text-color);background:transparent;border:1px solid var(--input-border)}.energy-meter-page .energy-card .color-indicator{width:100%;height:100%;border-radius:4px;margin-bottom:1rem}.energy-meter-page .energy-card .trend{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;margin-bottom:.5rem}.energy-meter-page .energy-card .trend .tred-top{display:flex;gap:5px;align-items:center;justify-content:end}.energy-meter-page .energy-card .trend ion-icon{color:#00d4c0}.energy-meter-page .energy-card .trend small{color:var(--text-gray-color);margin-left:auto}.energy-meter-page .energy-card .watt-info label{font-size:.8rem;color:var(--text-gray-color)}.energy-meter-page .energy-card .watt-info h2{margin-block:8px;font-size:1.8rem;font-weight:700}.energy-meter-page .energy-card canvas{margin-top:1rem}.energy-meter-view-page ion-header{box-shadow:none!important}.energy-meter-view-page ion-header ion-title{color:var(--main-header-text-color)}.energy-meter-view-page .page_toolbar{--background: none !important}.energy-meter-view-page .chart-filter-button ion-button{height:54px;--color: var(--white);border:1px solid var(--input-border);--background-hover: none;--background: transparent;border-radius:8px;padding-top:10px;padding-bottom:15px;font-weight:500;letter-spacing:0;padding-inline:10px;text-transform:capitalize}.energy-meter-view-page .chart-filter-button ion-button ion-icon{font-size:20px;color:var(--main-header-text-color)}.energy-meter-view-page .chart-filter-button ion-button span.mr-3{color:var(--main-header-text-color);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.energy-meter-view-page .chart-filter-button .top-dropdown .btn-content{display:flex;justify-content:space-between;align-items:center;width:100%}.energy-meter-view-page .energy-card-row{padding:10px 0;max-width:1200px}.energy-meter-view-page .energy-meter-main-chart{margin-top:10px}.energy-meter-view-page .energy-card{margin-inline-start:0px!important;margin-inline-end:0px!important;margin-block:0px!important;position:relative;padding:1rem;height:100%;color:var(--main-header-text-color);background:transparent;border:1px solid var(--input-border);box-shadow:none}.energy-meter-view-page .energy-card .color-indicator-col{display:flex;align-items:center}.energy-meter-view-page .energy-card .color-indicator-col .color-indicator{width:35px;height:35px;border-radius:4px}.energy-meter-view-page .energy-card .trend{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}.energy-meter-view-page .energy-card .trend .tred-top{display:flex;gap:5px;align-items:center;justify-content:end}.energy-meter-view-page .energy-card .trend ion-icon{color:#00d4c0}.energy-meter-view-page .energy-card .trend small{color:var(--text-gray-color);margin-left:auto}.energy-meter-view-page .energy-card .watt-info label{font-size:.8rem;color:var(--text-gray-color)}.energy-meter-view-page .energy-card .watt-info h2{margin-block:8px;font-size:1.8rem;font-weight:700}.energy-meter-view-page .energy-card canvas{margin-top:1rem}.energy-meter-view-page .energy-meter-toolbar ion-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.energy-meter-view-page .energy-meter-toolbar ion-title{font-size:1.3rem;font-weight:600;margin-right:18px;white-space:nowrap}.energy-meter-view-page .energy-meter-toolbar ion-buttons{display:flex;flex-wrap:wrap;gap:8px}.energy-meter-view-page .energy-meter-toolbar .responsive-toolbar .toolbar-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:12px}.energy-meter-view-page .energy-meter-toolbar ion-title{font-size:1.3rem;font-weight:600;padding:0;flex-shrink:0}.energy-meter-view-page .energy-meter-toolbar .chart-filter-button{gap:8px}.energy-meter-view-page .energy-meter-toolbar .chart-filter-button ion-button{min-width:160px;max-width:185px;flex:1}@media (max-width: 768px){.energy-meter-view-page .energy-meter-toolbar .responsive-toolbar .toolbar-content{flex-direction:column;align-items:stretch}.energy-meter-view-page .energy-meter-toolbar ion-title{text-align:center;font-size:1.1rem}.energy-meter-view-page .energy-meter-toolbar .chart-filter-button{justify-content:center}.energy-meter-view-page .energy-meter-toolbar .chart-filter-button ion-button{min-width:140px}}.cct-light-control-page .light-control-concept-main{display:flex;align-items:center;justify-content:center}.cct-light-control-page .light-control-bars{gap:12%;display:flex;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto}.cct-light-control-page .light-control-gradient-bar{position:relative;border-radius:25px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(to top,#afd1fa,#fff 30%,#fea737);transition:background .3s ease-in-out;width:70px;height:300px;box-sizing:border-box;padding:0;overflow:hidden;box-shadow:0 0 15px #0003}.cct-light-control-page input[type=range][orient=vertical]{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;width:70px;height:300px;border-radius:20px;outline:none;margin:0;padding:0;transform:rotate(180deg);box-sizing:border-box}.cct-light-control-page input[type=range][orient=vertical]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:transparent;border:2px solid var(--white);cursor:pointer;box-shadow:0 0 5px #0003;-webkit-transition:transform .2s,background .2s;transition:transform .2s,background .2s;margin-top:-1px}.cct-light-control-page .light-control-btn{--background: var(--input-border);width:50px;height:50px;--border-radius: 50%;margin:10px 0}.cct-light-control-page .light-control-active-btn{--background: var(--ion-color-primary)}.cct-light-control-page .light-control-bar-side{display:flex;align-items:start;justify-content:center;flex-direction:column;min-width:120px}.cct-light-control-page .light-control-bar-side ion-spinner{--color: #fff;margin-bottom:2rem}.cct-light-control-page .settings-light-control{display:flex;flex-direction:column;align-items:center}.cct-light-control-page .light-control-bar-btns{display:flex;align-items:end;flex-direction:column;justify-content:center;gap:1rem;margin-top:3rem}.cct-light-control-page .light-control-percentage-count{color:var(--main-header-text-color);display:flex;justify-content:center;align-items:center;font-size:16px;margin-bottom:2rem;font-weight:500;font-family:SpaceGrotesk;background:var(--input-bg);padding:5px 15px;border-radius:20px}.cct-light-control-page .light-control-black-white{background:linear-gradient(to bottom,var(--text-gray-dark-color),var(--StatusBar-color4))}.cct-light-control-page .light-control-power-btn{--background: var(--input-border);transition:--background .3s ease;width:50px;height:50px;--border-radius: 50%}.cct-light-control-page .light-control-power-btn.light-control-active-power{--background: var(--ion-color-primary)}@media (max-width: 768px){.cct-light-control-page .light-control-gradient-bar,.cct-light-control-page input[type=range][orient=vertical]{width:60px;height:250px}.cct-light-control-page input[type=range][orient=vertical]::-webkit-slider-thumb{width:60px;height:60px}}@media (max-width: 480px){.cct-light-control-page .light-control-bars{gap:8%}.cct-light-control-page .light-control-concept-main{min-height:90vh}.cct-light-control-page .light-control-gradient-bar,.cct-light-control-page input[type=range][orient=vertical]{width:50px;height:200px}.cct-light-control-page input[type=range][orient=vertical]::-webkit-slider-thumb{width:50px;height:50px}.cct-light-control-page .light-control-btn,.cct-light-control-page .light-control-power-btn{width:40px;height:40px}.cct-light-control-page .light-control-bar-side{min-width:100px}}.switches_container{--switch-size: 66px;--grid-gap: 20px}.switches_container .switch-icon{cursor:pointer;font-size:70px;color:var(--input-border)}.switches_container .switch-icon.isOn,.switches_container .switch-inner-icon.isOn{color:var(--ion-color-primary)!important}.switches_container ._switch{border-radius:8px;padding:20px;border:1px solid var(--input-border)}.switches_container ._switch .inner{display:flex;align-items:center;justify-content:center;gap:var(--grid-gap);padding:20px;padding-block:var(--switch-size);border-radius:7px;border:2px solid color-mix(in srgb,var(--input-border) 20%,transparent);box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}.switches_container ._switch .inner .curtain_control{display:grid;grid-template-rows:var(--switch-size) var(--switch-size);gap:var(--grid-gap)}.switches_container ._switch .inner .dimmer-controls,.switches_container ._switch .inner .switch-controls,.switches_container ._switch .inner .fan-controls{display:grid;gap:var(--grid-gap);grid-template-rows:var(--switch-size) var(--switch-size);grid-template-columns:repeat(var(--grid-cols),var(--switch-size))}.switches_container ._switch .inner .switch_container{display:flex;overflow:hidden;flex-direction:column;position:relative;width:100%;aspect-ratio:1;border:2px solid var(--input-border);cursor:pointer;border-radius:8px;gap:5px}.switches_container ._switch .inner .switch_container .switch-inner-icon{position:absolute;left:50%;top:50%;font-size:27px;transform:translate(-50%,-50%);color:var(--main-header-text-color)}.switches_container ._switch .inner .switch_container .fancontrol_grid{display:grid;height:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.switches_container ._switch .inner .switch_container .fancontrol_grid .power-on-off{position:relative}.switches_container ._switch .inner .switch_container .fancontrol_grid .switch-inner-icon{font-size:30px}.switches_container ._switch .inner .switch_container .fancontrol_grid .control-1,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-2,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-3,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-4{display:flex;align-items:center;justify-content:center}.switches_container ._switch .inner .switch_container .fancontrol_grid .control-1 .dot-layout,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-2 .dot-layout,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-3 .dot-layout,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-4 .dot-layout{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:2px;width:max-content;height:max-content}.switches_container ._switch .inner .switch_container .fancontrol_grid .control-1 .dot-layout .dot,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-2 .dot-layout .dot,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-3 .dot-layout .dot,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-4 .dot-layout .dot{width:8px;height:8px;border-radius:2px;background:var(--input-border)}.switches_container ._switch .inner .switch_container .fancontrol_grid .control-1 .dot-layout .center-dot,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-2 .dot-layout .center-dot,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-3 .dot-layout .center-dot,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-4 .dot-layout .center-dot{display:flex;transform:translate(65%);grid-column:span 2}.switches_container ._switch .inner .switch_container .fancontrol_grid .control-1.active .dot,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-2.active .dot,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-3.active .dot,.switches_container ._switch .inner .switch_container .fancontrol_grid .control-4.active .dot{background:var(--ion-color-primary)!important}.switches_container ._switch .inner .switch_container .dimmergrid{height:100%;display:grid;grid-template-rows:repeat(5,1fr)}.switches_container ._switch .inner .switch_container .dimmergrid>div{display:flex;align-items:center;justify-content:center}.switches_container ._switch .inner .switch_container .dimmergrid .dot{width:8px;height:8px;display:inline-block;border-radius:2px;background:var(--input-border)}.switches_container ._switch .inner .switch_container .dimmergrid .dot.active{background:var(--ion-color-primary)}.switches_container ._switch .inner .switch_container .dimmergrid .dot:nth-child(2){scale:.8}.switches_container ._switch .inner .switch_container .dimmergrid .dot:nth-child(3){scale:.6}.switches_container ._switch .inner .switch_container .dimmergrid .dot:nth-child(4){scale:.4}.switches_container ._switch .inner .switch_container .dimmergrid .dot:nth-child(5){scale:.2!important}.switches_container ._switch .inner .switch_container.isOn{border:2px solid var(--ion-color-primary)}.switches_container ._switch .inner .switch_container.fancontrol{width:100%;flex-shrink:0;border-radius:16px;grid-column:span 2;grid-row:span 2}.switches_container ._switch .inner .switch_container.dimmercontrol{height:100%;border-radius:16px;grid-row:span 2}.switches_container ._switch .inner .grid{width:max-content;display:grid;gap:30px;grid-template-columns:repeat(var(--grid-cols),1fr)}@media screen and (max-width: 600px){.switches_container{--switch-size: 42px;--grid-gap: 12px}.switches_container ._switch{padding:5px}.switches_container .switch-inner-icon{font-size:18px!important}.switches_container .switch_container{border-radius:5px!important}.switches_container .switch_container.fancontrol,.switches_container .switch_container.dimmercontrol{border-radius:10px!important}.switches_container .dot{width:6px!important;height:6px!important;border-radius:1px!important}}.automation_page ion-card-content{padding-bottom:0}.automation_page .filter-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.automation_page .filter-row ion-segment{background:var(--input-bg);border-radius:8px;box-shadow:0 1px 2px #0000000d;width:auto;min-width:unset;display:inline-flex}.automation_page .filter-row ion-segment ion-segment-button{font-weight:600;color:var(--main-header-text-color);text-transform:capitalize}.automation_page .filter-row ion-segment ion-segment-button:hover{--color: var(--ion-color-primary)}.automation_page .room-card{background-color:var(--bg-card-color);color:var(--white);border-radius:12px}.automation_page .room-card .card-delete-button{--background-hover: none}.automation_page .room-card .room-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 0;margin-bottom:10px}.automation_page .room-card .room-header h2{margin:0;font-weight:600;color:#fff}.automation_page .room-card .room-header ion-button{margin:0}.automation_page .room-card .room-header ion-icon[name=add-circle]{font-size:36px;color:var(--primary)}.automation_page .room-card .add-btn{font-size:1.2rem}.automation_page .room-card h2{margin:16px 0 8px 16px}.automation_page .room-card .item-header{display:flex;justify-content:space-between;align-items:center;padding:13px 16px}.automation_page .room-card .item-header ion-button{margin:0 2px}.automation_page .room-card .item-header ion-icon[name=play-circle-outline]{font-size:40px;color:var(--primary)}.automation_page .room-card .item-header ion-icon[name=trash-outline]{font-size:20px;color:var(--ion-color-danger-tint)}.automation_page .room-card .item-header .spacer{flex:1}.automation_page .room-card .item-card{background:transparent;box-shadow:none;margin:0;border-radius:8px;border:1px solid var(--input-border)}.automation_page .room-card .item-card ion-card-header{display:flex;justify-content:space-between;align-items:center}.automation_page .room-card .item-card .item-name{color:var(--white);font-weight:500}.automation_page .room-card .item-card .item-name h3{font-size:18px}.automation_page .room-card .item-card .item-room{text-align:right}.automation_page .room-card .automation-popup-card{margin:0}.automation_page .room-card .alert-card{background-color:var(--bg-card-color);color:var(--white)}.automation_page .room-card .alert-card ion-card-title{font-size:1.2rem}.automation_page .room-card .alert-card .section-label{margin:12px 0 6px;font-size:.9rem;font-weight:500;color:#ccc;display:block}.automation_page .room-card .alert-card .checkbox-row{display:flex;justify-content:space-between;gap:8px}.automation_page .room-card .alert-card ion-segment{margin-top:8px;background:#2a2a2a;border-radius:8px}.automation_page .room-card .alert-card ion-segment-button{color:#fff;--color-checked: #fff;--background-checked: #3a3a3a}.automation_page .room-card .alert-card .footer-row{display:flex;justify-content:flex-end;margin-top:20px}.automation_page .room-card .empty-area{height:200px!important;border-radius:8px;display:block;background:var(--table-bg);border:1px solid var(--input-border)}.automation_page .zone-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.automation_page .zone-card{background-color:var(--bg-card-color);box-shadow:none;color:var(--white);padding:0 12px;border-radius:10px;margin:0}.automation_page .zone-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.automation_page .zone-header h2{margin:0;font-size:1.2rem;font-weight:600}.automation_page .zone-header .zone-header-buttons{display:flex;gap:6px}.automation_page .zone-header .zone-header-buttons ion-icon{font-size:26px}.automation_page .zone-header .zone-header-buttons ion-icon[name=refresh-outline]{color:var(--white)}.automation_page .zone-header .zone-header-buttons ion-icon[name=add-circle]{font-size:28px}.automation_page .automation-sub-card-wrapper{overflow-y:auto;max-height:calc(100% - 50px)}.automation_page .automation-sub-card-wrapper ion-toggle{--track-background: var(--ion-color-medium)}.automation_page .sub-card{background-color:var(--bg-color);border:1px solid var(--input-border);margin-top:10px;box-shadow:none;border-radius:6px;margin-inline:0px;overflow:hidden;container-type:inline-size}.automation_page .sub-card ion-item{--background: transparent;--color: var(--main-header-text-color)}@container (max-width: 210px){.automation_page .sub-card .card-values-row{display:flex}}.automation_page .card-header{display:flex;justify-content:space-between;align-items:center;font-size:1rem;padding:12px 16px 10px}.automation_page .card-header strong{font-size:14px;color:var(--main-sub-header-text-color)}.automation_page .card-header ion-icon{margin:0}.automation_page .card-header ion-label{font-size:14px;margin-left:8px;color:var(--main-header-text-color)}.automation_page .card-header .occupancy-value{margin-right:15px}.automation_page .luminaries-header{padding-inline:14px 0px}.automation_page .energy-monitor-header{padding-right:0}.automation_page .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.automation_page .info-box{background:transparent;border:1px solid var(--input-border);border-radius:6px;text-align:center;padding:12px;display:flex;flex-direction:column;gap:10px}.automation_page .info-box h3{margin:0;font-size:1.2rem;font-weight:700;color:var(--main-header-text-color)}.automation_page .info-box p{font-size:.85rem;color:var(--main-header-text-color);margin:0}.automation_page .info-box .info-box-header{display:flex;justify-content:space-between;align-items:center}.automation_page .info-box .info-box-value{display:flex}.automation_page .info-icon{font-size:22px;color:var(--ion-color-primary);margin-bottom:4px}.automation_page .delete-icon{color:var(--ion-color-danger);font-size:20px}.automation_page .status-dot.isOnline{color:var(--ion-color-success);font-size:12px}.automation_page .status-dot{color:var(--ion-color-danger);font-size:12px}.automation_page .slider-item{display:flex;align-items:center}.automation_page .slider-item ion-icon{font-size:22px;margin-right:10px;color:var(--main-header-text-color)}.automation_page .slider-item ion-range{padding:0;margin-inline:14px 18px}.automation_page .slider-item ion-label{text-align:right;font-size:.85rem;margin-left:2px}.automation_page .no-luminaries-header{padding-top:14px}.automation_page .no-luminaries-item{display:flex;justify-content:center;gap:8px;min-height:111px;align-items:center}.automation_page .no-luminaries-item .no-data-icon{color:var(--main-header-text-color);font-size:20px}.automation_page .no-luminaries-item .no-data-text{color:var(--main-header-text-color);font-size:16px}.automation_page .no-profile-item{min-height:48px!important}.automation_page .load-more-col{margin-top:10px;text-align:center;cursor:pointer}.automation_page .load-more-col ion-button{border:1px;--border-color: var(--input-border);--color: var(--input-border)}.automation_page ion-label.card-label{font-size:15px;font-weight:400}.automation_page ion-note.card-note{font-size:14px;color:var(--main-header-text-color)}.automation_page .spin{animation:spin infinite 1s linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popover-viewport:has(>ion-content){height:100%}.schedule-action-popover.automation_page{--height: 550px;--offset-y: -70px}.schedule-action-popover.automation_page ion-card-title{font-size:22px;color:var(--white)}.schedule-action-popover.automation_page ion-card{margin:0!important}.schedule-action-popover.automation_page ion-card{background-color:var(--bg-card-color);color:var(--white)}.schedule-action-popover.automation_page .no-ripple{--ripple-color: transparent}.schedule-action-popover.automation_page ion-item.select-room-item,.schedule-action-popover.automation_page ion-item.select-action-item,.schedule-action-popover.automation_page ion-item.textarea-item{--background: var(--table-bg);--color: var(--white);border:1px solid var(--input-border);border-radius:8px}.schedule-action-popover.automation_page ion-item.textarea-item,.schedule-action-popover.automation_page ion-item.select-action-item{margin-block:10px}.schedule-action-popover.automation_page .notification_time{width:118px}.schedule-action-popover.automation_page ion-label.section-label{font-size:16px;color:var(--white);font-weight:500;display:block;margin-top:20px;margin-bottom:10px}.schedule-action-popover.automation_page ion-item.section-label{--background: transparent;--padding-start: 0px;--inner-padding-end: 0px}.schedule-action-popover.automation_page ion-item.section-label ion-label{font-size:16px;font-family:SpaceGrotesk;color:var(--white);font-weight:500;display:block;margin-top:20px;margin-bottom:10px}.schedule-action-popover.automation_page ion-item.section-label ion-icon[name=add]{color:var(--white);transition:all .3s ease}.schedule-action-popover.automation_page ion-item.section-label ion-icon[name=add].rotate45{transform:rotate(45deg)}.schedule-action-popover.automation_page ion-item.profile-item{--background: var(--table-bg);--color: var(--white);border:1px solid var(--input-border);border-radius:8px}.schedule-action-popover.automation_page ion-item.profile-item .truncate-text{text-wrap-mode:nowrap;overflow:hidden}.schedule-action-popover.automation_page ion-item.profile-item ion-icon[name=add]{color:var(--white)}.schedule-action-popover.automation_page ion-item.profile-item ion-icon[name=trash]{font-size:20px}.schedule-action-popover.automation_page ion-item.footer-item{--background: var(--bg-card-color);--color: var(--white)}.schedule-action-popover.automation_page .footer-error-text{padding-left:18px;color:var(--ion-color-danger);font-size:16px;font-weight:500;margin-top:8px}.schedule-action-popover.automation_page .select-row{min-height:180px}.set-hcl-profile-page{--width: min(700px, 90%);--height: min(500px, 90%);--border-radius: 8px}.set-hcl-profile-page .set-hcl-profile-page-row{height:calc(100vh - 178px);overflow-y:auto;padding:0}.set-hcl-profile-page .set-hcl-profile-page-row>ion-col{padding:0}.set-hcl-profile-page::part(content){border-radius:8px;box-shadow:0 4px 16px #0003;background:var(--input-bg);overflow:hidden}.set-hcl-profile-page .modal-wrapper{display:flex;flex-direction:column;background:var(--input-bg)}.set-hcl-profile-page .modal-header{display:flex;justify-content:space-between;align-items:center;background:var(--input-bg);color:var(--white);padding:12px 28px;min-height:50px;border-bottom:1px solid var(--input-border)}.set-hcl-profile-page .modal-header ion-title{font-size:18px;font-weight:500;padding:0;color:var(--white)}.set-hcl-profile-page .modal-header ion-buttons{margin:0}.set-hcl-profile-page .modal-header ion-icon{color:var(--white);font-size:24px}.set-hcl-profile-page .modal-content{flex:1;padding:20px;background:var(--input-bg);width:100%;max-width:800px;margin-inline:auto}.set-hcl-profile-page .modal-content::-webkit-scrollbar{display:none}.set-hcl-profile-page .modal-content .info-section{border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid var(--ion-color-primary)}.set-hcl-profile-page .modal-content .info-section h2{color:var(--white);font-size:18px;margin:0 0 12px}.set-hcl-profile-page .modal-content .info-section p{color:var(--ion-color-primary);font-size:14px;margin:0 0 20px}.set-hcl-profile-page .modal-content .info-section .status-section h3{color:var(--white);font-size:15px;margin:0 0 12px;font-weight:400;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.set-hcl-profile-page .modal-content .info-section .status-section .status-details{display:flex;justify-content:space-between;gap:10px}.set-hcl-profile-page .modal-content .info-section .status-section .status-details span{color:var(--ion-color-primary);font-size:14px}@media (max-width: 480px){.set-hcl-profile-page .modal-content .info-section .status-section .status-details{flex-direction:column;gap:8px}}.set-hcl-profile-page .modal-content .transition-container{display:flex;gap:40px;margin-bottom:24px}.set-hcl-profile-page .modal-content .transition-container .start-section{position:relative}.set-hcl-profile-page .modal-content .transition-container .start-section:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:var(--input-border);transform:translate(20px)}@media (max-width: 480px){.set-hcl-profile-page .modal-content .transition-container{flex-direction:column}.set-hcl-profile-page .modal-content .transition-container .start-section:after{top:100%;left:0;width:100%;height:1px;transform:translateY(20px)}}.set-hcl-profile-page .modal-content .transition-container .start-section,.set-hcl-profile-page .modal-content .transition-container .end-section{flex:1;display:flex;flex-direction:column;gap:24px}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input ion-label,.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input ion-label,.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input ion-label,.set-hcl-profile-page .modal-content .transition-container .end-section .time-input ion-label,.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input ion-label,.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input ion-label{color:var(--white);font-size:14px;opacity:.9}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input ion-input,.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input ion-input,.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input ion-input,.set-hcl-profile-page .modal-content .transition-container .end-section .time-input ion-input,.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input ion-input,.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input ion-input{--background: transparent;border:1px solid var(--input-border);--color: var(--white);--padding-start: 12px;--padding-end: 12px;--padding-top: 8px;--padding-bottom: 8px;border-radius:5px;max-height:40px}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input ion-input.time-field,.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input ion-input.time-field,.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input ion-input.time-field,.set-hcl-profile-page .modal-content .transition-container .end-section .time-input ion-input.time-field,.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input ion-input.time-field,.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input ion-input.time-field{--padding-end: 40px}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input ion-input ion-icon,.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input ion-input ion-icon,.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input ion-input ion-icon,.set-hcl-profile-page .modal-content .transition-container .end-section .time-input ion-input ion-icon,.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input ion-input ion-icon,.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input ion-input ion-icon{position:absolute;top:50%;right:0;transform:translate(-50%,-50%);font-size:20px}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input .input-row,.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input .input-row,.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input .input-row,.set-hcl-profile-page .modal-content .transition-container .end-section .time-input .input-row,.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input .input-row,.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input .input-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input .input-row ion-label,.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input .input-row ion-label,.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input .input-row ion-label,.set-hcl-profile-page .modal-content .transition-container .end-section .time-input .input-row ion-label,.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input .input-row ion-label,.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input .input-row ion-label{white-space:nowrap}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input .input-row ion-input,.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input .input-row ion-input,.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input .input-row ion-input,.set-hcl-profile-page .modal-content .transition-container .end-section .time-input .input-row ion-input,.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input .input-row ion-input,.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input .input-row ion-input{flex:1}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input ion-range,.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input ion-range,.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input ion-range,.set-hcl-profile-page .modal-content .transition-container .end-section .time-input ion-range,.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input ion-range,.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input ion-range{--bar-background: var(--input-border);--bar-background-active: var(--input-border);--knob-background: var(--ion-color-primary);--pin-background: var(--ion-color-primary);--height: 4px;padding:8px 0;margin:0}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input ion-range::part(pin),.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input ion-range::part(pin),.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input ion-range::part(pin),.set-hcl-profile-page .modal-content .transition-container .end-section .time-input ion-range::part(pin),.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input ion-range::part(pin),.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input ion-range::part(pin){display:none}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input ion-range::part(knob),.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input ion-range::part(knob),.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input ion-range::part(knob),.set-hcl-profile-page .modal-content .transition-container .end-section .time-input ion-range::part(knob),.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input ion-range::part(knob),.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input ion-range::part(knob){height:12px;width:12px;top:50%;transform:translateY(-50%);border:none;--knob-size: 13px}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input ion-range::part(bar),.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input ion-range::part(bar),.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input ion-range::part(bar),.set-hcl-profile-page .modal-content .transition-container .end-section .time-input ion-range::part(bar),.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input ion-range::part(bar),.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input ion-range::part(bar){border-radius:2px;background:var(--ion-color-dark-tint)}.set-hcl-profile-page .modal-content .transition-container .start-section .time-input ion-range::part(bar-active),.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input ion-range::part(bar-active),.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input ion-range::part(bar-active),.set-hcl-profile-page .modal-content .transition-container .end-section .time-input ion-range::part(bar-active),.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input ion-range::part(bar-active),.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input ion-range::part(bar-active){border-radius:2px;background:var(--ion-color-primary)}.set-hcl-profile-page .modal-content .transition-container .start-section .brightness-input,.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input,.set-hcl-profile-page .modal-content .transition-container .end-section .brightness-input,.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input{margin-bottom:32px}.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input,.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input{position:relative}.set-hcl-profile-page .modal-content .transition-container .start-section .cct-input .temp-label,.set-hcl-profile-page .modal-content .transition-container .end-section .cct-input .temp-label{color:var(--ion-color-primary);font-size:13px;position:absolute;bottom:-24px;left:0}.set-hcl-profile-page .modal-content .add-btn{--background: var(--ion-color-primary);--color: var(--white);--border-radius: 6px;--padding-top: 16px;--padding-bottom: 16px;margin-top:20px;font-weight:500;text-transform:none;letter-spacing:0;font-size:15px}.set-hcl-profile-page .modal-content .add-btn:hover{--background: var(--ion-color-primary-shade)}.set-hcl-profile-page .time-field-container{position:relative;width:100%;margin-top:10px}.set-hcl-profile-page .time-field-container .time-picker-overlay{position:absolute;top:calc(100% + 4px);left:0;z-index:1000}.set-hcl-profile-page .time-field-container .time-picker-overlay .time-picker{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 16px;background:var(--input-bg);border-radius:4px;width:100%;border:1px solid var(--input-border)}.set-hcl-profile-page .time-field-container .time-picker-overlay .time-picker .time-section{display:flex;flex-direction:column;align-items:center;gap:8px}.set-hcl-profile-page .time-field-container .time-picker-overlay .time-picker .time-section .arrow-btn{background:none;border:none;color:var(--ion-color-primary);padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;height:20px}.set-hcl-profile-page .time-field-container .time-picker-overlay .time-picker .time-section .arrow-btn ion-icon{font-size:16px}.set-hcl-profile-page .time-field-container .time-picker-overlay .time-picker .time-section .arrow-btn:hover{color:var(--ion-color-primary-shade)}.set-hcl-profile-page .time-field-container .time-picker-overlay .time-picker .time-section .time-value{font-size:16px;font-weight:400;color:var(--ion-color-primary);padding:5px 15px;background:var(--ion-color-dark-tint)}.set-hcl-profile-page .time-field-container .time-picker-overlay .time-picker .time-section .time-value .input-wrapper{padding:2px 10px}.set-hcl-profile-page .time-field-container .time-picker-overlay .time-picker .separator{color:var(--white);font-size:16px;font-weight:400;margin:0}.set-hcl-profile-page .time-field{cursor:pointer}.set-hcl-profile-page .time-field::part(native){padding-right:40px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%234ABAFF" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.energymonitoring{padding:0;margin:0;height:100%;border-radius:10px}.energymonitoring .chart-scroll-container{overflow-x:auto!important;width:100%!important}.energymonitoring .chart-scroll-container .chart{min-width:600px!important}.energymonitoring .chart-header{display:flex;justify-content:space-between}.energymonitoring .chart-header .chart-card-wrapper{flex:.7;max-width:850px;gap:10px;margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.energymonitoring .chart-header .chart-card-wrapper .blue-linear-grad{background:var(--color-gradiant-blue)}.energymonitoring .chart-header .chart-card-wrapper .blue-linear-grad .chart-card-avatar{background:var(--text-gray-color)}.energymonitoring .chart-header .chart-card-wrapper .green-linear-grad{background:var(--color-gradient-green)}.energymonitoring .chart-header .chart-card-wrapper .green-linear-grad .chart-card-avatar{background:var(--forgot-label-color)}.energymonitoring .chart-header .chart-card-wrapper .co2-label{display:flex;flex-direction:column}.energymonitoring .chart-header .chart-card-wrapper .co2-chart{display:flex;align-items:end}.energymonitoring .chart-header .chart-card-wrapper .chart-card{width:100%;aspect-ratio:230/114;border-radius:4px;padding:13px 20px;position:relative}.energymonitoring .chart-header .chart-card-wrapper .chart-card .chart{position:absolute;right:5%;bottom:5%;width:40%}.energymonitoring .chart-header .chart-card-wrapper .chart-card .chart-card-title{font-size:18px;font-weight:600;margin-top:10px}.energymonitoring .chart-header .chart-card-wrapper .chart-card .chart-card-avatar{display:block;width:37px;aspect-ratio:1;border-radius:2px;box-shadow:0 0 4px 0 var(--bg-color)}.energymonitoring .chart-header .chart-card-wrapper .chart-card .chart-card-value{font-size:28px;font-weight:600;margin-top:2px;margin-bottom:0}.energymonitoring .chart-header .chart-card-wrapper .chart-card .chart-card-filter{display:flex;justify-content:end;margin-bottom:20px}.energymonitoring .chart-header .chart-card-wrapper .chart-card .chart-card-filter span.selected{background:#076d66}.energymonitoring .chart-header .chart-card-wrapper .chart-card .chart-card-filter span{cursor:pointer;padding:3px 6px;border-radius:2px;font-weight:600}.energymonitoring .chart-header .chart-card-wrapper .mode-card{background:var(--bg-card-color)!important;padding:13px 20px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--toggle-check-bg);gap:14px}.energymonitoring .chart-header .chart-card-wrapper .mode-card .mode-row{display:flex;align-items:center;justify-content:space-between}.energymonitoring .chart-header .chart-card-wrapper .mode-card .mode-row .mode-icon{color:var(--main-header-text-color);font-size:20px}.energymonitoring .chart-header .chart-card-wrapper .mode-card .mode-row .mode-label{flex:1;margin-left:8px;color:var(--main-header-text-color);font-size:20px}.energymonitoring .chart-header .chart-card-wrapper .mode-card .mode-row .mode-status{display:flex;align-items:center;gap:4px;font-weight:600;font-size:18px}.energymonitoring .chart-header .chart-card-wrapper .mode-card .mode-row .mode-status ion-icon{font-size:18px}.energymonitoring .chart-header .chart-card-wrapper .mode-card .mode-row .mode-status.red{color:var(--delete-btn-bg)}.energymonitoring .chart-header .chart-card-wrapper .mode-card .mode-row .mode-status.blue{color:var(--forgot-label-color)}.energymonitoring .chart-header .chart-card-wrapper .mode-card .mode-row .mode-status.green{color:var(--green-icon-color)}.energymonitoring .chart-header .chart-configs{flex:.3}.energymonitoring .chart-header .chart-configs .filters-wrapper ion-button.custom-btn{--color: var(--white);--border-color: var(--input-border);--border-width: 1px;--background: transparent;--border-radius: 8px;--padding-top: 15px;--padding-bottom: 15px;font-weight:500;text-transform:none;letter-spacing:0;padding-inline:10px;text-transform:capitalize}.energymonitoring .chart-header .chart-configs .filters-wrapper ion-button.custom-btn ion-icon{font-size:20px}.energymonitoring .chart-header .chart-configs .filters-wrapper ion-button.custom-btn .button-inner{display:flex;justify-content:space-between}.energymonitoring .chart-header .chart-configs .filters-wrapper ion-button.custom-btn span{display:inline-flex;width:100%;align-items:center;justify-content:space-between}.energymonitoring .chart-header .chart-configs .filters-wrapper ion-button.date-range-select{display:flex;justify-content:space-between!important;--padding-top: 15px;--padding-bottom: 15px;font-size:14px;padding-inline:10px}.energymonitoring .chart-header .chart-configs .filters-wrapper ion-select.custom-select{margin-inline:12px;margin-block:5px;padding-inline:10px;--color: var(--white);--background: transparent;--padding-top: 14.5px;--padding-bottom: 14.5px;font-weight:500;text-transform:none;letter-spacing:0;border:1px solid var(--input-border);border-radius:8px}.energymonitoring .chart-header .chart-configs .filters-wrapper ion-select.custom-select .select-wrapper-inner{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.energymonitoring .apexcharts-yaxis text,.energymonitoring .apexcharts-xaxis text{fill:var(--white)!important}.energymonitoring .apexcharts-tooltip{background:var(--bg-card-color)!important;border:1px solid var(--input-border)!important;box-shadow:none!important}.energymonitoring .apexcharts-tooltip .apexcharts-tooltip-title,.energymonitoring .apexcharts-tooltip .apexcharts-tooltip-text{color:var(--white)!important;background:transparent!important}@media screen and (max-width: 438px){.energymonitoring .chart-header .chart-card-wrapper{flex:.6}.energymonitoring .chart-header .chart-configs{flex:.4}}@media screen and (max-width: 768px){.energymonitoring .chart-header ion-select.custom-select{width:auto!important}.energymonitoring .chart-header .chart-card{max-width:none!important;width:100%!important;aspect-ratio:unset!important}}@media screen and (max-width: 1241px){.energymonitoring .chart-header{flex-direction:column-reverse}.energymonitoring .chart-header .chart-card-wrapper{flex:1}}@media screen and (max-width: 1580px){.energymonitoring .chart-header .chart-card-wrapper{flex:.6}.energymonitoring .chart-header .chart-configs{flex:.4}.energymonitoring .chart-header .chart-card{flex:1!important;aspect-ratio:unset!important}}.parking_page .dark-card{min-height:calc(100vh - 178px);background:var(--bg-card-color);color:var(--white);margin:0}.parking_page .dark-card ion-card-header{padding-top:0;padding-bottom:0;padding-inline-start:0px;padding-inline-end:0px}.parking_page .dark-card ion-card-header .header-row{padding:20px 25px}.parking_page .dark-card ion-card-header .header-row-2{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.parking_page .dark-card ion-card-header .header-row-2 .parking_desc span{color:var(--white);font-size:16px;font-weight:500}@media screen and (max-width: 549px){.parking_page .dark-card ion-card-header .header-row-2 .parking_desc span{display:block}}.parking_page .dark-card ion-card-header .header-row-2 .parking_desc p{color:var(--white);font-size:16px}.parking_page .dark-card ion-card-header .header-row-2 .slot-status-indicators{display:flex;gap:15px}.parking_page .dark-card ion-card-header .header-row-2 .slot-status-indicators .slot-booked,.parking_page .dark-card ion-card-header .header-row-2 .slot-status-indicators .slot-available{display:flex;align-items:center;gap:10px}.parking_page .dark-card ion-card-header .header-row-2 .slot-status-indicators .slot-booked ion-icon,.parking_page .dark-card ion-card-header .header-row-2 .slot-status-indicators .slot-available ion-icon{font-size:25px}.parking_page .dark-card ion-card-header .header-row-2 .slot-status-indicators .slot-booked ion-label,.parking_page .dark-card ion-card-header .header-row-2 .slot-status-indicators .slot-available ion-label{color:var(--white);font-size:16px}@media screen and (max-width: 749px){.parking_page .dark-card ion-card-header .header-row-2 .slot-status-indicators{flex-direction:column;gap:inherit}}.parking_page .dark-card .header-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--input-border)}.parking_page .dark-card .header-row h2{margin:0;color:var(--white)}.parking_page .dark-card .header-row .parking-control{display:flex;gap:14px}.parking_page .dark-card .header-row .parking-control .parking-select{display:flex;align-items:center;gap:20px}.parking_page .dark-card .header-row .parking-control .parking-select ion-icon{color:var(--ion-color-danger-shade);font-size:30px;cursor:pointer;border:1px solid var(--input-border);padding:2px 9px;border-radius:50%;background:var(--table-bg)}.parking_page .dark-card .header-row .parking-control .parking-select ion-icon:hover{color:var(--ion-color-danger-tint)}.parking_page .dark-card .header-row .parking-control .parking-select .edit-icon{color:var(--semi-light-bg);margin-left:-5px}.parking_page .dark-card .header-row .parking-control .parking-select .edit-icon:hover{color:var(--white)}.parking_page .dark-card .header-row .parking-control .parking-select-btn{border:1px solid var(--input-border);border-radius:4px;padding-left:20px;color:var(--white)}.parking_page .dark-card .header-row .parking-control .parking-select-btn::part(text){display:inline-block}.parking_page .dark-card .header-row .parking-control .parking-select-btn::part(icon){margin-left:25px}.parking_page .dark-card .header-row .parking-control .parking-select-btn{--highlight-color-focused: transparent}.parking_page .dark-card .header-row ion-button{color:var(--white);--border-color: var(--table-bg);--background: var(--table-bg)}.parking_page .dark-card p{font-size:14px;margin:4px 0;color:#ccc}.parking_page .dark-card .btn-cancel,.parking_page .dark-card .btn-save{text-transform:capitalize}.parking_page .dark-card .parking-row{--skew-deg: -18deg;--skewcar-deg: 18deg;display:flex;flex-wrap:nowrap;margin:16px 30px;padding-top:6px;overflow-x:auto;scrollbar-width:thin;transform:skew(var(--skew-deg));transform-origin:center;padding-inline:20px;padding-bottom:12px;max-width:100%}.parking_page .dark-card .parking-row .car{width:100%;height:100%;position:absolute;top:12px;left:0;transform:skew(var(--skewcar-deg)) rotate(223deg)}@media screen and (max-width: 675px){.parking_page .dark-card .parking-row{margin:16px 13px}}@media screen and (min-width: 1200px){.parking_page .dark-card .parking-row{margin:16px 3vw}}.parking_page .dark-card .parking-row .slot{flex:0 0 auto;width:80px}.parking_page .dark-card .parking-row .slot:last-child{margin-right:0}.parking_page .dark-card .parking-row.left{--skew-deg: 18deg;--skewcar-deg: -18deg}.parking_page .dark-card .parking-row.left .car{transform:skew(var(--skewcar-deg))}.parking_page .dark-card .slot{flex:1;max-width:100px;aspect-ratio:1/1.5;border:2px dashed var(--main-header-text-color);border-bottom:none;position:relative;border-radius:8px;opacity:.92;background:var(--lime-green);cursor:pointer;transition:border-color .2s ease}.parking_page .dark-card .slot.occupancy{background:var(--de-saturated-red)}.parking_page .dark-card .slot .slot-label{text-wrap-mode:nowrap;overflow:hidden;padding-inline:8px;position:absolute;top:10px;left:0;right:0;text-align:center;color:#fff;z-index:2;transform:skew(var(--skewcar-deg));width:85px;text-overflow:ellipsis}.parking_page .dark-card .slot .slot-sensor-indicator{height:8px;width:30%;position:absolute;background:var(--ion-color-success-tint);top:-5px;left:35%;border-radius:50%}.parking_page .dark-card .slot .slot-sensor-indicator.occupancy{background:var(--error)}.parking_page .dark-card .slot.slot_fill{background:var(--car-parking-slotnotempty)}.parking_page .slot-row{background:var(--bg-card-color);padding:0 16px;border-radius:4px;margin-block:20px}.parking_page .slot-row .label{color:var(--text-normal);font-weight:400;font-family:SpaceGrotesk;font-size:14px}.parking_page .slot-row .value{color:var(--white);font-weight:500;font-family:SpaceGrotesk;font-size:16px;margin-top:10px}.parking_page .slot-row .book-slot-button{--background: var(--ion-color-primary);--color: var(--white);font-size:16px;height:55px;font-weight:600;width:100%}.parking_page .slot-inputs{display:flex;gap:10px;align-items:center}.add-parking-sensor-popover{--offset-y: 20rem}.add-parking-sensor-popover ion-toolbar ion-select{--border-color: var(--bg-card-color);background:var(--car-parking-slotempty);border-radius:8px}.add-parking-sensor-popover ion-toolbar ion-segment{--color: var(--ion-color-tertiary)}.add-parking-sensor-popover ion-toolbar ion-segment ion-segment-button{--color: inherit}.add-parking-sensor-popover ion-toolbar ion-segment :host(.segment-button-checked){background:transparent;color:var(--white)}.add-parking-sensor-popover .add-sensor-popover-toolbar{display:flex;justify-content:space-between;margin-block:10px}.add-parking-sensor-popover .add-sensor-popover-toolbar div{display:flex;gap:15px;align-items:center}.add-parking-sensor-popover .add-sensor-popover-toolbar div ion-icon{color:var(--text-normal)}.add-parking-sensor-popover .add-sensor-popover-toolbar div .edit-icon{font-size:22px}.add-parking-sensor-popover .add-sensor-popover-toolbar div .close-icon{font-size:26px}.add-parking-sensor-popover .parking-sensor-item ion-label h2{font-size:11px}.add-parking-sensor-popover .parking-sensor-item .parking-sensor-icon{font-size:24px}.add-parking-sensor-popover .parking-sensor-col{border:none;background:var(--car-parking-slotempty)}.add-parking-sensor-popover .parking-activity-col ion-button{--color: var(--white);--border-color: var(--input-border);--border-width: 1px;--background: transparent;--border-radius: 8px;--padding-top: 15px;--padding-bottom: 15px;font-weight:500;letter-spacing:0;padding-inline:10px;text-transform:capitalize}.add-parking-sensor-popover .parking-activity-col ion-button span{display:inline-flex;width:100%;align-items:center;justify-content:space-between}.add-parking-sensor-popover .parking-activity-col ion-card{--background: var(--car-parking-slotempty);border-radius:8px;box-shadow:none;margin:20px 0 0}.add-parking-sensor-popover .parking-activity-col ion-card ion-list{background-color:transparent}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-logs-table-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-logs-table-container .profile-grid{display:flex;flex-direction:column}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-logs-table-container .profile-grid .grid-header-row{display:flex;flex-wrap:nowrap}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-logs-table-container .profile-grid .grid-header-row ion-col{text-align:center;min-width:100px;white-space:nowrap}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-logs-table-container .profile-grid .grid-header-row ion-col ion-label{color:var(--white);font-size:14px;font-weight:600}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-logs-table-container .profile-grid .grid-data-row{display:flex;flex-wrap:nowrap}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-logs-table-container .profile-grid .grid-data-row ion-col{text-align:center;min-width:100px;white-space:nowrap}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-logs-table-container .profile-grid .grid-data-row ion-col ion-label{color:var(--white);font-size:14px}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-logs-table-container .profile-grid .grid-data-row ion-col .status{color:var(--error);font-size:14px}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-logs-table-container .profile-grid .grid-data-row ion-col .status.active{color:var(--ion-color-success)}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-slot-activity-no-logs{--background: transparent}.add-parking-sensor-popover .parking-activity-col ion-card ion-list .parking-slot-activity-no-logs ion-label{color:var(--white);text-align:center}.parking-delete-alert .alert-button.pd-btn-cancel{border-radius:4px;color:var(--semi-light-bg);margin-inline:0;margin-bottom:10px;height:40px}.parking-delete-alert .alert-button.pd-btn-cancel:hover{color:var(--white)}.parking-delete-alert .alert-button.pd-btn-delete{border-radius:4px;color:var(--ion-color-danger-shade);margin-inline:10px;margin-bottom:10px;height:40px}.parking-delete-alert .alert-button.pd-btn-delete:hover{color:var(--ion-color-danger-tint)}.subscription-plan-container{max-width:1200px;width:100%;margin:0 auto;padding:20px;--ion-grid-padding: 0}.subscription-plan-container ion-row{margin:0}.subscription-plan-container ion-col{padding:0}.subscription-plan-container .subscription-plan-header{text-align:center;margin-bottom:40px}.subscription-plan-container .subscription-plan-header h1{font-size:28px;margin-bottom:10px;color:var(--button-text-color);font-weight:600;font-family:SpaceGrotesk;letter-spacing:.5px}.subscription-plan-container .subscription-plan-header p{color:var(--text-gray-color);font-size:16px;font-weight:500;font-family:SpaceGrotesk}.subscription-plan-container .subscription-plan-alert-banner{background-color:var(--input-bg);border-left:4px solid var(--ion-color-primary);padding:15px 20px;border-radius:8px;margin-bottom:30px;display:flex;align-items:center;box-shadow:0 4px 12px #00000040}.subscription-plan-container .subscription-plan-alert-banner ion-icon{font-size:24px;color:var(--ion-color-primary);margin-right:15px}@media (max-width: 768px){.subscription-plan-container .subscription-plan-alert-banner ion-icon{font-size:32px}}@media (max-width: 568px){.subscription-plan-container .subscription-plan-alert-banner ion-icon{font-size:50px}}@media (max-width: 480px){.subscription-plan-container .subscription-plan-alert-banner ion-icon{font-size:80px}}.subscription-plan-container .subscription-plan-alert-banner p{margin:0;color:var(--white);font-size:16px;font-weight:600;font-family:SpaceGrotesk}.subscription-plan-container .subscription-plan-plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.subscription-plan-container .subscription-plan-plan-card{background-color:var(--input-bg);border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000040;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;position:relative}.subscription-plan-container .subscription-plan-plan-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0006;border:2px solid var(--ion-color-primary)}.subscription-plan-container .subscription-plan-plan-header{padding:20px;background-color:var(--input-bg);border-bottom:1px solid rgba(255,255,255,.05)}.subscription-plan-container .subscription-plan-plan-name{font-size:18px;font-weight:600;margin-bottom:5px;color:var(--white);font-family:SpaceGrotesk}.subscription-plan-container .subscription-plan-plan-subtitle{font-size:14px;color:var(--text-normal);font-weight:500;font-family:SpaceGrotesk}.subscription-plan-container .subscription-plan-plan-price{padding:20px;text-align:center;font-size:28px;font-weight:700;color:var(--white);font-family:SpaceGrotesk;border-bottom:1px solid rgba(255,255,255,.05)}.subscription-plan-container .subscription-plan-plan-price .subscription-plan-period{font-size:14px;font-weight:400;color:var(--text-normal);font-family:SpaceGrotesk}.subscription-plan-container .subscription-plan-features-list{padding:20px;flex-grow:1}.subscription-plan-container .subscription-plan-feature-item{display:flex;align-items:center;margin-bottom:12px;font-size:14px;color:var(--main-sub-header-text-color);font-weight:400;font-family:SpaceGrotesk}.subscription-plan-container .subscription-plan-feature-item ion-icon{margin-right:10px;color:var(--ion-color-primary);font-size:18px}.subscription-plan-container .subscription-plan-plan-footer{padding:20px;text-align:center}.subscription-plan-container .subscription-plan-plan-card ion-button:hover{background-color:var(--ion-color-primary);color:var(--white)}.subscription-plan-container .subscription-plan-btn{display:inline-block;padding:12px 24px;border-radius:50px;text-decoration:none;font-weight:600;font-size:14px;font-family:SpaceGrotesk;transition:all .3s ease;cursor:pointer;border:none;width:100%}.subscription-plan-container .subscription-plan-btn-outline{background:transparent;color:var(--ion-color-primary);border:2px solid var(--ion-color-primary)}.subscription-plan-container .subscription-plan-support-section{text-align:center;margin-top:30px;color:var(--text-gray-color);font-size:14px;font-weight:400;font-family:SpaceGrotesk}.subscription-plan-container .subscription-plan-support-section a{color:var(--ion-color-primary);text-decoration:none;font-size:14px;font-weight:400;font-family:SpaceGrotesk}.subscription-plan-container .subscription-plan-support-section a:hover{text-decoration:underline}.subscription-plan-container .subscription-plan-footer{text-align:center;color:var(--dark-gray-color);font-size:12px;font-weight:400;font-family:SpaceGrotesk}.subscription-plan-container .subscription-plan-back-button-container{display:flex;justify-content:center;margin-top:20px}.subscription-plan-container .subscription-plan-back-button{height:50px;width:60px;--background: transparent;border:1px solid var(--input-border);border-radius:10px}@media (max-width: 768px){.subscription-plan-container .subscription-plan-plans-container{grid-template-columns:1fr}.subscription-plan-container .subscription-plan-plan-card{margin-bottom:20px}}ion-button.add_block_element_btn{--color: var(--main-header-text-color) !important}.playground-wrapper{width:100%;height:100%;position:relative}.playground-wrapper .edit-configuration{position:absolute;right:5px;top:5px;width:min(100%,400px);--background: var(--side-menu-accordion);--color: var(--main-header-text-color);--border-radius: 5px}.playground-wrapper .edit-configuration ion-title{max-width:295px;padding-left:5px}.playground-wrapper .edit-configuration ion-button{--border-color: transparent;--background: var(--table-bg);aspect-ratio:1}.playground-wrapper .edit-configuration ion-icon{font-size:20px;color:var(--main-header-text-color)}.playground-wrapper .gateway-configuration{position:absolute;right:5px;top:60px;width:min(100%,400px);--background: var(--bg-card-color);border-radius:5px;border:1px solid var(--ion-color-danger)}.playground-wrapper .gateway-configuration ion-title{max-width:295px;padding-left:5px;font-size:14px;--color: var(--ion-color-danger)}.playground-wrapper .gateway-configuration ion-button{--color: var(--main-header-text-color)}.playground-wrapper .gateway-configuration ion-icon{font-size:20px;color:var(--main-header-text-color)}.playground-wrapper .roomLayoutEditModal,.playground-wrapper .roomEditModal{position:absolute;top:60px;right:5px;height:calc(100vh - 288px);z-index:2;width:min(100%,400px);--background: var(--side-menu-accordion)}.playground-wrapper .roomLayoutEditModal .roomlayoutedititem,.playground-wrapper .roomEditModal .roomlayoutedititem{--background: transparent;--color: var(--white)}.playground-wrapper .roomLayoutEditModal .roomlayoutedititem ion-title,.playground-wrapper .roomEditModal .roomlayoutedititem ion-title{padding:0}.playground-wrapper .roomLayoutEditModal .roomlayoutedititem ion-button,.playground-wrapper .roomEditModal .roomlayoutedititem ion-button{--background: transparent}.playground-wrapper .roomLayoutEditModal .swap-room-select,.playground-wrapper .roomEditModal .swap-room-select{padding-inline:20px}.playground-wrapper .roomLayoutEditModal .asset-config,.playground-wrapper .roomLayoutEditModal .door-config,.playground-wrapper .roomEditModal .asset-config,.playground-wrapper .roomEditModal .door-config{padding-inline:10px}.playground-wrapper .roomLayoutEditModal .asset-config h5,.playground-wrapper .roomEditModal .asset-config h5{color:var(--main-header-text-color)}.playground-wrapper .roomLayoutEditModal .asset-config ion-item,.playground-wrapper .roomEditModal .asset-config ion-item{--background: transparent}.playground-wrapper .roomLayoutEditModal .asset-config ion-item ion-toggle,.playground-wrapper .roomEditModal .asset-config ion-item ion-toggle{color:var(--main-header-text-color)}.playground-wrapper .roomLayoutEditModal .door-config h5,.playground-wrapper .roomEditModal .door-config h5{padding-inline:9px;color:var(--white)}.playground-wrapper .roomLayoutEditModal .door-chips,.playground-wrapper .roomEditModal .door-chips{width:100%;height:100%;border-radius:6px;background:transparent;border:1px solid var(--input-border);color:var(--main-sub-header-text-color);font-weight:500;font-family:SpaceGrotesk;font-size:16px;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:7px}.playground-wrapper .roomLayoutEditModal .door-chips .door-chip-header,.playground-wrapper .roomEditModal .door-chips .door-chip-header{display:flex;justify-content:space-between;width:100%}.playground-wrapper .roomLayoutEditModal .door-chips .size-control,.playground-wrapper .roomEditModal .door-chips .size-control{display:block}.playground-wrapper .roomLayoutEditModal .room-assets,.playground-wrapper .roomEditModal .room-assets{border:1px solid var(--input-border);border-radius:7px;padding:10px;cursor:pointer;position:relative}.playground-wrapper .roomLayoutEditModal .room-assets .asset-image,.playground-wrapper .roomEditModal .room-assets .asset-image{width:100%;object-fit:contain;aspect-ratio:1}.playground-wrapper .roomLayoutEditModal .room-assets .delete-asset,.playground-wrapper .roomEditModal .room-assets .delete-asset{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--table-bg);display:flex;align-items:center;justify-content:center}.playground-wrapper .roomLayoutEditModal .room-assets .delete-asset ion-icon,.playground-wrapper .roomEditModal .room-assets .delete-asset ion-icon{font-size:28px;color:var(-ion-color-danger-tint)}.moveable-control.moveable-origin{display:none!important}.moveable-control{--moveable-color: var(--ion-color-primary) !important}.moveable-line:not(.moveable-rotation-line){height:2px!important}.moveable-rotation{width:2px!important}.canvas-container{transition:all 1s ease;width:100%;height:100%;position:relative}.canvas-container .moveable-room{position:absolute;background:transparent;color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer}.canvas-container .moveable-room .room-door{position:absolute;background:var(--bg-card-color)}.canvas-container .moveable-room .room_name{position:absolute;top:50%;left:50%;color:var(--white);font-size:20px;font-weight:700;z-index:158}.canvas-container.editmodaopen .moveable-room{cursor:default}.canvas-container .blocked_room{background:var(--table-bg);border-radius:8px}.canvas-container .layout-image{position:absolute;top:0%;left:0%}.canvas-container .room-borders{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;border:5px solid var(--input-border)}.canvas-container .elemet-wrapper{position:static;width:100%;height:100%}.canvas-container .elementBox-moveable-room{width:50px;height:50px;background:transparent;border:4px solid white;border-radius:8px;color:#fff}.canvas-container .room_layout_image{position:absolute;-webkit-user-select:none;user-select:none}.add-form-popover{--width: 400px;--offset-y: -50px}.add-form-popover .form-wrapper{background:var(--bg-card-color)}.add-form-popover .form-wrapper form ion-list{background:transparent}.add-form-popover .form-wrapper form ion-list ion-item{--background: transparent}.add-form-popover .form-wrapper form ion-list ion-item ion-label{color:var(--main-header-text-color);margin-bottom:12px;font-size:18px}.add-form-popover .form-wrapper form ion-list ion-item ion-input{color:var(--main-header-text-color)}.add-form-popover .form-wrapper .modal-header,.add-form-popover .form-wrapper .modal-body,.add-form-popover .form-wrapper .modal-footer{padding:10px 20px}.add-form-popover .form-wrapper .modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--input-border)}.add-form-popover .form-wrapper .modal-header h3{margin:0;color:var(--white)}.add-form-popover .form-wrapper .modal-header ion-button{color:var(--white);--border-color: transparent;--background: transparent}.add-form-popover .form-wrapper form .modal-body ion-label{margin-bottom:12px!important;font-size:18px!important;color:var(--main-header-text-color)!important}.add-form-popover .form-wrapper form .modal-body ion-input{min-height:22px!important;border:1px solid var(--input-border);border-radius:3px;color:var(--main-header-text-color);--placeholder-color: var(--text-normal);--padding-start: 10px;--highlight-color: none;--highlight-height: 0px}.add-form-popover .form-wrapper form .modal-body ion-input input::-webkit-outer-spin-button,.add-form-popover .form-wrapper form .modal-body ion-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-form-popover .form-wrapper form .modal-body label{display:block;margin-top:16px;margin-bottom:10px;font-size:14px;color:var(--white)}.add-form-popover .form-wrapper form .modal-footer{display:flex;justify-content:flex-end;gap:12px}.add-form-popover .form-wrapper form .modal-footer ion-button{text-transform:capitalize;width:85px;height:36px}.add-form-popover .form-wrapper .button-wrapper{display:flex;justify-content:flex-end;background:var(--input-bg);padding:0 14px 8px 0;gap:8px}.add-form-popover .form-wrapper .button-wrapper .btn-cancel{text-transform:none;width:100px}.add-form-popover .form-wrapper .button-wrapper .save-button{height:40px;border-radius:12px;font-weight:600;font-size:14px;width:100px;text-transform:none;background:var(--ion-color-primary);color:var(--button-text-color);font-family:SpaceGrotesk,sans-serif}@media screen and (max-width: 630px){.add-form-popover{--width: 90vw;--offset-y: -200px}}.add-form-popover .slot-inputs{display:flex;gap:10px;align-items:center}.ion-header-margin-bottom-10px{margin-bottom:10px}.done-chip-color{padding:0 10px;border-color:var(--main-header-text-color);--color: var(--main-header-text-color)}.add-layout-image-modal ion-header{background:var(--bg-card-color)}.add-layout-image-modal ion-header ion-toolbar{--color: var(--main-header-text-color)}.add-layout-image-modal ion-footer{background:var(--bg-card-color)}.add-layout-image-modal ion-content{--background: var(--bg-card-color)}.add-layout-image-modal .container{padding:2rem 1rem}.add-layout-image-modal .file-upload-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto}.add-layout-image-modal .file-upload-wrapper .info-text{display:flex;align-items:center;justify-content:center;gap:10px;padding:5px;border-radius:5px;font-size:12px;margin-bottom:5px;opacity:.7}.add-layout-image-modal .file-upload-wrapper .info-text ion-icon{font-size:20px}.add-layout-image-modal .file-upload-box{position:relative;padding:2rem;text-align:center;border-radius:8px;background-color:var(--input-bg);border:2px dashed var(--input-border);transition:all .3s ease;cursor:pointer;width:100%}.add-layout-image-modal .file-upload-box.drag-over{background-color:var(--input-border);border-color:var(--ion-color-primary)}.add-layout-image-modal .file-upload-input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.add-layout-image-modal .upload-content{position:relative;z-index:0}.add-layout-image-modal .upload-content h5{margin-block:10px;color:var(--main-header-text-color)}.add-layout-image-modal .upload-content p{margin-block:5px;color:var(--main-sub-header-text-color)}.add-layout-image-modal .upload-content .file-supported-text{opacity:.4;font-size:12px}.add-layout-image-modal .upload-icon{font-size:2.5rem;color:var(--text-gray-color);margin-bottom:1rem}.add-layout-image-modal .file-list{margin-top:1.5rem}.add-layout-image-modal .file-item{display:flex;align-items:center;padding:.75rem 1rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;margin-bottom:.5rem;transition:all .2s ease}.add-layout-image-modal .file-item:hover{box-shadow:0 2px 4px #0000000d}.add-layout-image-modal .file-item .file-icon{color:var(--main-sub-header-text-color);margin-right:.75rem;font-size:1.25rem}.add-layout-image-modal .file-item .file-name{flex-grow:1;color:var(--main-sub-header-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem}.add-layout-image-modal .file-item .remove-file{color:var(--ion-color-danger);cursor:pointer;padding:.25rem .5rem;font-size:1.25rem;transition:color .2s ease;flex-shrink:0}.add-layout-image-modal .file-item .remove-file:hover{color:var(--ion-color-danger-shade)}.add-layout-image-modal .file-item .upload-progress{position:absolute;bottom:0;left:0;height:3px;background-color:var(--ion-color-primary);animation:upload-progress 1s ease-in-out;width:100%}@keyframes upload-progress{0%{width:0%}to{width:100%}}.add-layout-image-modal .preview-image{margin-top:1rem;max-width:100%;border-radius:8px;box-shadow:0 2px 4px #0000001a}.custom_prebuild_layouts_row{width:100%;position:absolute;bottom:0;left:0;transition:all .3s ease;transform:translateY(100%)}.custom_prebuild_layouts_row>ion-col{padding:0}.custom_prebuild_layouts_row.open{transform:translateY(0)}.custom_prebuild_layouts_row.open .prebuild-layout-thumb{opacity:1}.custom_prebuild_layouts_row .layouts{border-radius:8px;padding:10px;background:var(--side-menu-accordion);color:var(--main-sub-header-text-color);--color: var(--main-sub-header-text-color);height:100%;cursor:default}.custom_prebuild_layouts_row .layouts>ion-item{--inner-padding-end: 0px;--background: var(--side-menu-accordion)}.custom_prebuild_layouts_row .layouts .header-buttons{text-transform:capitalize;height:35px;color:var(--main-header-text-color)}.custom_prebuild_layouts_row .layouts .prebuild-layouts-title{color:var(--main-sub-header-text-color);font-size:18px;gap:10px;display:flex;align-items:center;font-weight:600;margin-top:0;margin-bottom:0}.custom_prebuild_layouts_row .layouts .layouts-row>ion-col{display:flex;gap:20px;overflow-x:auto}.custom_prebuild_layouts_row .layouts .layouts-row .prebuild-layout-card{padding:10px;border-radius:6px;border:2px solid var(--input-border)}.custom_prebuild_layouts_row .layouts .layouts-row .prebuild-layout-card.selected{border:2px solid var(--ion-color-primary)}.custom_prebuild_layouts_row .layouts .layouts-row .prebuild-layout-card.add-card h4{font-size:16px;font-weight:600;text-align:center}.custom_prebuild_layouts_row .layouts .layouts-row .prebuild-layout-card.add-card .layout-image{display:flex;align-items:center;justify-content:center;border:2px dashed var(--ion-color-primary)}.custom_prebuild_layouts_row .layouts .layouts-row .prebuild-layout-card.add-card ion-icon{font-size:35px;color:var(--ion-color-primary)}.custom_prebuild_layouts_row .layouts .layouts-row .prebuild-layout-card .layout-image{position:relative;width:150px;aspect-ratio:1;display:flex;justify-content:center;border-radius:8px}.custom_prebuild_layouts_row .layouts .layouts-row .prebuild-layout-card .layout-image:hover .delete-image-icon{opacity:1;transition:all .3s ease}.custom_prebuild_layouts_row .layouts .layouts-row .prebuild-layout-card .layout-image img{width:100%;height:100%;object-fit:contain}.custom_prebuild_layouts_row .layouts .layouts-row .prebuild-layout-card .delete-image-icon{position:absolute;opacity:0;color:var(--ion-color-danger);font-size:20px;top:0;right:0}.custom_prebuild_layouts_row .prebuild-layout-thumb{position:absolute;border-top-left-radius:8px;border-top-right-radius:8px;top:0;left:50%;opacity:.5;cursor:pointer;--background: var(--side-menu-accordion);transform:translate(-50%,calc(-100% + 6px))}.custom_prebuild_layouts_row .prebuild-layout-thumb:hover{opacity:1}.custom_prebuild_layouts_row .prebuild-layout-thumb ion-icon{color:var(--main-header-text-color);transition:all .3s ease}.custom_prebuild_layouts_row .prebuild-layout-thumb ion-icon.open{transform:rotate(180deg)}.custom_prebuild_layouts_row .prebuild-layout-thumb ion-label{text-wrap-mode:nowrap;margin-inline-start:10px;font-size:16px;color:var(--main-header-text-color);font-weight:500}.absolute-spinner-row{position:absolute;right:0;bottom:0;top:0%;left:0%;z-index:1000}.color-picker-card{background:transparent;border-radius:16px;box-shadow:none;margin:16px;max-width:400px;border:none}.color-picker-card ion-card-content{padding:24px}.color-picker-container{display:flex;justify-content:center;margin-bottom:32px}.color-picker-container.disabled{opacity:.4;pointer-events:none}.colors-section .colors-title h3{color:var(--main-header-text-color);font-size:18px;font-weight:600;margin:0 0 16px;letter-spacing:.5px}.colors-section .color-palette{display:flex;flex-direction:column;gap:12px}.colors-section .color-palette .color-row{display:flex;flex-wrap:wrap;gap:8px}.colors-section .color-palette .color-row .color-dot{width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .2s ease;border:2px solid transparent;position:relative}.colors-section .color-palette .color-row .color-dot:hover{transform:scale(1.1);box-shadow:0 4px 12px #fff3}.colors-section .color-palette .color-row .color-dot.selected{border:2px solid #ffffff;box-shadow:0 0 0 2px #ffffff4d;transform:scale(1.05)}.colors-section .color-palette .color-row .color-dot[style*="rgb(255, 255, 255)"],.colors-section .color-palette .color-row .color-dot[style*="#ffffff"],.colors-section .color-palette .color-row .color-dot[style*="#fff"]{border:2px solid #666}.colors-section .color-palette .color-row .color-dot[style*="rgb(255, 255, 255)"].selected,.colors-section .color-palette .color-row .color-dot[style*="#ffffff"].selected,.colors-section .color-palette .color-row .color-dot[style*="#fff"].selected{border:2px solid #3880ff;box-shadow:0 0 0 2px #3880ff4d}.IroColorPicker{display:flex!important;align-items:flex-start!important;gap:12px!important}.IroColorPicker .IroWheelHue{border:1px solid var(--main-header-text-color)!important}.IroColorPicker .IroBox{border-radius:12px!important;flex-shrink:0}.IroColorPicker .IroBox .IroBox{border:1px solid var(--main-header-text-color)!important}.IroColorPicker .IroSlider{border-radius:20px!important;margin:0!important}.IroColorPicker .IroSlider:first-of-type{margin-right:8px!important}.IroColorPicker .IroSlider .IroSliderGradient{border-radius:20px!important;border:1px solid var(--main-header-text-color)!important}@media (max-width: 480px){.color-picker-container{margin-bottom:24px}.IroColorPicker .IroBox{width:180px!important;height:150px!important}.IroColorPicker .IroSlider{height:150px!important}}@keyframes colorSelect{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1.05)}}.color-palette .color-dot.selected{animation:colorSelect .3s ease}.control-device-transparent-modal{--background: transparent;--box-shadow: none;--ion-background-color: transparent;background:#0e0e0ecc}.control-device-transparent-modal .ion-page{background:transparent!important;contain:layout style;position:relative;height:100%;margin:0!important;padding:0!important}.control-device-modal-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.user-access-profile-page .user-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.user-access-profile-page .user-table-wrapper .user-profile-grid{border-radius:8px;overflow:hidden;min-width:600px}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-header-row{background:var(--input-border);border-radius:8px;padding:12px 22px 12px 30px}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-header-row ion-label{color:var(--white);font-weight:500;font-size:14px;font-family:SpaceGrotesk}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-header-row .user-action-col{padding-left:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row{background:var(--input-bg);border-radius:8px;margin:12px 0;padding:12px 8px 12px 30px;align-items:center}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .name-col{display:flex;align-items:center;gap:8px}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .name-col ion-icon{font-size:35px;color:var(--main-header-text-color)}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .email-col{text-wrap-mode:nowrap}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row ion-label{color:var(--white);font-weight:500;font-size:14px;font-family:SpaceGrotesk}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .info-text{color:var(--input-label);font-size:12px;font-weight:500;line-height:1.4;font-family:SpaceGrotesk}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .user-action-col{display:flex;justify-content:end;align-items:center}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .user-action-col .user-action-buttons{display:flex}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .user-action-col .user-action-buttons .lock-icon{color:var(--ion-color-success-shade);font-size:22px}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .user-action-col .user-action-buttons .person-icon,.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .user-action-col .user-action-buttons .pencil-icon{color:var(--white);font-size:22px}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .user-action-col .user-action-buttons .trash-icon{color:var(--ion-color-danger-tint);font-size:22px}@media (max-width: 576px){.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .user-action-col .user-action-buttons{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px;justify-items:end}.user-access-profile-page .user-table-wrapper .user-profile-grid .user-data-row .user-action-col .user-action-buttons ion-button{width:100%;display:flex;justify-content:center}}.release-note .changelog-card{border:1px solid var(--input-border);border-radius:10px;margin:0;background:var(--input-bg)}.release-note .changelog-card ion-card-content{padding:23px 0 67px 19px}.release-note .version-title{display:flex;align-items:center;font-size:20px;font-weight:600;font-family:SpaceGrotesk;color:var(--main-header-text-color)}.release-note .latest-badge{background:transparent;color:var(--green-icon-color);font-size:10px;font-weight:500;padding:2px 8px;border-radius:12px;font-family:SpaceGrotesk;border:1px solid var(--green-icon-color);margin-left:10px;margin-top:6px}.release-note .section-title{display:block;font-size:16px;font-weight:600;margin-top:24px;margin-bottom:8px;font-family:SpaceGrotesk;color:var(--main-header-text-color)}.release-note .changelog-line{display:block;font-size:14px;font-weight:500;color:var(--main-sub-header-text-color);margin-left:14px;margin-bottom:6px}.gateway-page .gateway-scroll-card{margin:0;padding:0;width:100%;background:transparent;display:flex;flex-direction:column;height:100%}.gateway-page .gateway-scroll-card ion-card-header{padding:0}.gateway-page .gateway-scroll-card ion-card-header ion-item{--background: transparent;padding:0}.gateway-page .gateway-scroll-card ion-card-header ion-item ion-label ion-card-title{font-size:20px;color:var(--main-header-text-color);font-weight:600;font-family:SpaceGrotesk}.gateway-page .gateway-scroll-card ion-card-header ion-item ion-icon{font-size:30px;color:var(--main-header-text-color)}.gateway-page .gateway-scroll-card ion-card-title{padding-left:8px}.gateway-page .gateway-scroll-card ion-card-content{flex:1;overflow-y:auto}.gateway-page .gateway-scroll-card ion-card-content .gateway-row{margin-top:28px}.gateway-page .gateway-scroll-card .footer-ion-item{--background: transparent;padding:0}.gateway-page .gateway-scroll-card .footer-ion-item ion-note{color:var(--bg-btn-color);font-size:18px;font-weight:500;font-family:SpaceGrotesk}.gateway-page ion-grid ion-item{--background: transparent}.gateway-page ion-grid ion-item ion-card-title{font-size:20px;color:var(--main-header-text-color);font-weight:600;font-family:SpaceGrotesk}.gateway-page ion-grid ion-item ion-icon{font-size:30px;color:var(--main-header-text-color)}.gateway-page ion-label{font-size:20px;color:var(--main-header-text-color);font-weight:600;font-family:SpaceGrotesk}.gateway-page .gateway-card{background-color:var(--input-bg);color:var(--white);text-align:center;border-radius:10px;border:1px solid var(--input-border);margin:5px}.gateway-page .gateway-card-content{display:flex;justify-content:space-evenly;gap:10px;align-items:center}.gateway-page .gateway-icon{width:60px;height:60px;margin-bottom:12px}.gateway-page .gateway-label{margin-bottom:12px;text-align:start;line-height:25px}.gateway-page .gateway-title{font-weight:600;font-size:15px;color:var(--input-label);font-family:SpaceGrotesk}.gateway-page .gateway-subtitle{font-size:10px;font-weight:600;color:var(--input-label);font-family:SpaceGrotesk;display:flex;align-items:center}.gateway-page .status-btn{font-size:8px;color:var(--button-text-color);font-weight:400;font-family:SpaceGrotesk;--background: transparent;border-radius:30px;text-transform:capitalize;border:1px solid var(--input-border)}.gateway-page .device-status{--background: transparent;position:absolute;top:5px;left:5px;color:var(--main-header-text-color);margin-top:28px}.gateway-page .device-status>div{display:flex;gap:10px}.gateway-page .device-status .device_status_wrapper{display:flex;align-items:center;gap:5px}.add-profile-action-popover{--width: 50%;--background: var(--bg-color);--box-shadow: 0 4px 16px rgba(0, 0, 0, .2);--backdrop-opacity: .7;border-radius:12px;padding:10px}.add-profile-action-popover .bg{--background: var(--bg-card-color)}.add-profile-action-popover .set-profile-col ion-input,.add-profile-action-popover .set-profile-col ion-select{color:var(--white)}.add-profile-action-popover .set-profile-col form .error-msg{margin-block:10px;font-family:SpaceGrotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;color:var(--error);margin-left:5px}.add-profile-action-popover .set-profile-col form .submit-button-wrapper{display:flex;justify-content:end}.breadcrumb-toolbar{padding:5px;--background: var(--input-bg);border-radius:10px}.breadcrumb-wrapper{margin:10px 20px}ion-breadcrumbs{display:flex;align-items:center;--background: var(--input-bg)}ion-breadcrumb{color:var(--main-header-text-color);font-family:SpaceGrotesk!important;font-size:16px!important;font-style:normal;font-weight:500;line-height:normal}.breadcrumbs-with-icon{display:flex;align-items:center;justify-content:space-between;width:100%}.breadcrumbs-with-icon ion-breadcrumbs{flex:1;overflow:hidden}.breadcrumbs-with-icon ion-icon{font-size:25px;padding:10px;color:var(--main-header-text-color)}.hcl-profile-page .hcl-profile-page-row{height:calc(100vh - 178px);overflow-y:auto}.hcl-profile-page .no-transition-text{color:var(--white)}.hcl-profile-page .timeline-container{margin-top:20px}.hcl-profile-page .timeline{position:relative;margin-left:160px;margin-top:20px}.hcl-profile-page .timeline:after{content:"";position:absolute;width:2px;background-color:#2d3748;top:0;bottom:0;left:20px;margin-left:-1px}.hcl-profile-page .timeline-item{display:flex;justify-content:space-between;margin-bottom:30px;align-items:center}.hcl-profile-page .timeline-item .content{position:relative;align-items:center;display:flex}.hcl-profile-page .time-range{position:absolute;left:-160px;width:140px;text-align:right;font-size:14px;color:#8b949e}.hcl-profile-page .timeline-icon{position:relative;z-index:10;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hcl-profile-page .timeline-icon.non-transition{background-color:#e74c3c}.hcl-profile-page .timeline-icon.transition{background-color:#2ecc71}.hcl-profile-page .timeline-content{padding-left:15px;padding-top:5px}.hcl-profile-page .timeline-title,.hcl-profile-page .timeline-subtitle{font-size:16px;margin-bottom:4px;color:var(--main-header-text-color)}.hcl-profile-page .timeline-period{font-size:14px;color:#536878}.hcl-profile-page .timeline-delete ion-spinner{--color: white}.hcl-profile-page .page-title{font-size:18px;font-weight:500;margin-bottom:20px}.hcl-profile-page ion-icon{font-size:28px;--color: white}.hcl-profile-page .big-screen{display:block}.hcl-profile-page .small-screen{display:none;font-size:14px;color:#8b949e;margin-bottom:7px}@media screen and (max-width: 400px){.hcl-profile-page .timeline-subtitle{font-size:14px}}@media screen and (max-width: 800px){.hcl-profile-page .big-screen{display:none}.hcl-profile-page .small-screen{display:block}.hcl-profile-page .timeline{margin-left:0}}.parking-select{display:flex;align-items:center;gap:20px}.parking-select ion-icon{color:var(--ion-color-danger-shade);font-size:30px;cursor:pointer;border:1px solid var(--input-border);padding:2px 9px;border-radius:50%;background:var(--table-bg)}.parking-select ion-icon:hover{color:var(--ion-color-danger-tint)}.parking-select .edit-icon{color:var(--semi-light-bg);margin-left:-5px}.parking-select .edit-icon:hover{color:var(--white)}.parking-select .parking-select-btn{border:1px solid var(--input-border);border-radius:4px;padding-left:20px;padding-right:20px;color:var(--white)}.parking-select .parking-select-btn::part(text){display:inline-block}.parking-select .parking-select-btn::part(icon){margin-left:25px}.parking-select .parking-select-btn{--highlight-color-focused: transparent}.presence-sensor-setting .presence-sensor-customization-col{padding:20px}.presence-sensor-setting .sensor-status-grid{padding-left:3px}.presence-sensor-setting .sensor-status-grid ion-col{padding:12px 5px 5px 9px}.presence-sensor-setting .sensor-box{border-radius:12px;--background: transparent;border:1px solid var(--input-border);padding:6px 0 6px 1px}.presence-sensor-setting .sensor-box ion-label{font-size:15px!important;color:var(--main-header-text-color);font-weight:700}.presence-sensor-setting ion-toggle{zoom:.8;--handle-background-checked: #ffffff;--track-background-checked: var(--ion-color-primary);--track-background: var(--input-border)}.presence-sensor-setting ion-row{align-items:flex-start}.presence-sensor-setting ion-icon{--color: var(--ion-color-light)}.presence-sensor-setting .primary-text{color:var(--ion-color-primary)!important;--color: var(--ion-color-primary) !important}.presence-sensor-setting .then-label,.presence-sensor-setting .if-label{font-size:17px;font-weight:600;color:var(--main-header-text-color)}.presence-sensor-setting .condition-text{font-weight:500;font-size:14px;color:#ccc;padding-left:10px}.presence-sensor-setting .working-card{margin:0!important;box-shadow:none;background:transparent!important;border-radius:10px;border:1px solid var(--input-border)!important;padding-bottom:0}.presence-sensor-setting .working-card .working-card-header{padding:5px 0;border-bottom:1px solid var(--input-border)}.presence-sensor-setting .working-card ion-card-content{margin:0!important;display:flex;flex-direction:column;gap:0!important}.presence-sensor-setting .working-card ion-item{padding:0!important;margin:0!important;--min-height: 32px;--padding-start: 14px;--padding-end: 0;--background: transparent}.presence-sensor-setting .working-card ion-label,.presence-sensor-setting .working-card ion-icon{margin:0!important;padding-right:10px!important;font-size:15px!important;color:var(--main-header-text-color);font-weight:700}.presence-sensor-setting .working-card ion-icon{font-size:14px;padding-left:8px}.presence-sensor-setting .working-card ion-text{margin:0;padding-right:0;font-size:14px!important;color:var(--main-header-text-color);font-weight:600;padding-left:22px;padding-bottom:0;display:flex;align-items:center}.presence-sensor-setting .working-card ion-text ion-icon{font-size:16px}.presence-sensor-setting .all-in-one{padding-bottom:0}.presence-sensor-setting .complete-off-card{background:transparent;box-shadow:none;border:1px solid var(--input-border);border-radius:10px;margin:0;padding:0 0 10px;display:flex;flex-direction:column;gap:8px;min-height:120px;color:var(--ion-color-light)}.presence-sensor-setting .complete-off-card .item-disaplay{--background: transparent}.presence-sensor-setting .complete-off-card .item-disaplay ion-icon{color:var(--main-header-text-color);border:1px solid var(--input-border);font-size:28px;border-radius:50%;opacity:.6;padding:2px}.presence-sensor-setting .complete-off-card .item-disaplay ion-icon:not(.bg-icon){padding:5px}.presence-sensor-setting .complete-off-card ion-chip{--background: var(--bg-color);color:var(--main-header-text-color)}.presence-sensor-setting .complete-off-card ion-card-content{padding:0}.presence-sensor-setting .complete-off-if{padding:2px 0;display:flex;border-bottom:1px solid var(--input-border);--background: transparent}.presence-sensor-setting .complete-off-then{padding:12px 0;display:flex;justify-content:space-between}.presence-sensor-setting .complete-off-card .complete-off-then,.presence-sensor-setting .vacancy-card .complete-off-then{--background: transparent}.presence-sensor-setting .complete-off-card .complete-off-then ion-button,.presence-sensor-setting .vacancy-card .complete-off-then ion-button{--background: transparent;--color: var(--text-gray-color);--box-shadow: none;border:1.5px dashed var(--input-border);border-radius:10px;font-size:13px;font-weight:500;padding:6px 12px;min-width:120px;text-align:center;letter-spacing:.3px}.presence-sensor-setting .complete-off-card .condition-text{font-size:15px;font-weight:500;color:#adadad;margin-left:25px}.presence-sensor-setting .note{font-size:12px;color:#888;margin:6px 0 10px 10px;display:inline-block}.presence-sensor-setting .more-setting .top-label{font-size:16px;font-weight:300;color:var(--main-header-text-color)}.presence-sensor-setting .more-setting .label-wrapper{display:flex;--background: transparent;justify-content:space-between;align-items:center;--padding-start: 5px;--inner-padding-end: 5px;margin-bottom:6px}.presence-sensor-setting .more-setting .input-card{--background: transparent;border:1px solid var(--input-border);border-radius:10px;padding:1px 9px;margin-top:6px;--color: var(--main-header-text-color);color:var(--main-header-text-color)}.presence-sensor-setting .more-setting ion-input{font-size:16px;font-weight:300;--color: #ffffff}.presence-sensor-setting .more-setting ion-toggle{--handle-background-checked: #ffffff;--track-background-checked: var(--ion-color-primary);--track-background: var(--input-border)}.presence-sensor-setting .more-setting .time-display{display:block;font-size:20px;font-weight:700;color:var(--ion-color-primary);text-align:center;margin-top:10px;letter-spacing:2px;background:none;box-shadow:none}.presence-sensor-setting .more-setting .note{font-size:12px;color:var(--text-gray-color);margin:9px 0 20px;display:block}.presence-sensor-setting .more-setting .range-box{border:1px solid var(--input-border);border-radius:10px;background:transparent;padding:3px;display:flex;flex-direction:column;justify-content:center;margin-top:10px;color:var(--ion-color-primary)}.presence-sensor-setting .more-setting .range-grid{width:100%}.presence-sensor-setting .more-setting .inline-label{font-size:16px;font-weight:400;color:var(--main-header-text-color);margin-block:10px}.presence-sensor-setting .more-setting .range-value{font-size:16px;font-weight:300;color:var(--main-header-text-color);opacity:.9}.presence-sensor-setting .more-setting ion-range{--knob-border-radius: 50%;--knob-background: #ffffff;--knob-box-shadow: 0px .5px 4px rgba(0, 0, 0, .12), 0px 6px 13px rgba(0, 0, 0, .12);--knob-size: 26px;--bar-height: 4px;--bar-background: var(--ion-color-step-900, var(--ion-background-color-step-900, #e6e6e6));--bar-background-active: var(--ion-color-primary);--bar-border-radius: 2px;--height: 42px}.presence-sensor-setting .more-setting ion-range ion-icon{color:var(--main-header-text-color)}.presence-sensor-setting .more-setting .inline-label-icon{font-size:25px;margin-left:15px}.room_layout_column{padding:20px 0 20px 20px;height:calc(100vh - 184px);overflow-y:auto}.room_layout_column ion-col:nth-child(1){padding-right:20px;padding-top:60px;overflow-x:hidden}.room_layout_column .device-status{--background: transparent;--color: var(--main-header-text-color);position:absolute;top:5px;left:5px;color:var(--main-header-text-color)}.room_layout_column .device-status>div{display:flex;gap:10px}.room_layout_column .device-status .device_status_wrapper{display:flex;align-items:center;gap:5px}.room_layout_column .device-status .device_status_wrapper .device_status{display:inline-block;width:10px;aspect-ratio:1;border-radius:50%}.room_layout_column .device-status .device_status_wrapper .device_status.on{background:#00e676}.room_layout_column .device-status .device_status_wrapper .device_status.off{background:#ff3d00}.room_layout_column .device-status .device_status_wrapper .device_status.idle{background:#ffea00}.room_layout_column .device-status .device_status_wrapper .device_status.issue{background:#ff6d00}.room_layout_column .panzoom_room_container{display:flex;align-items:center;justify-content:center}.room_layout_column .room_layout_container{position:relative;width:100%;height:100%;border-radius:7px;overflow:hidden;cursor:default}.room_layout_column .room_layout_container .room_borders{position:absolute;top:0;right:0;bottom:0;left:0;border:5px solid var(--input-border);border-radius:6px}.room_layout_column .room_layout_container .room-door{position:absolute;background:var(--bg-card-color)}.room_layout_column .room_layout_container .room-device-wrapper{position:absolute;width:125px;overflow:hidden;padding:2px 3px;background:var(--room-device-bg);border-radius:5px;border:2px solid var(--input-border)}.room_layout_column .room_layout_container .room-device-wrapper ion-toggle{position:absolute;scale:0;opacity:0;zoom:.35}.room_layout_column .room_layout_container .room-device-wrapper .room-device-status{font-size:8px;color:var(--ion-color-danger);margin-block:0px;margin-bottom:2px}.room_layout_column .room_layout_container .room-device-wrapper.hoveron{transition:all .3s ease}.room_layout_column .room_layout_container .room-device-wrapper.hoveron ion-toggle{transition:all .3s ease}.room_layout_column .room_layout_container .room-device-wrapper.hoveron .room-device-wrapper-name{transition:all .3s ease}.room_layout_column .room_layout_container .room-device-wrapper.hoveron:hover{scale:1.5;z-index:5555555}.room_layout_column .room_layout_container .room-device-wrapper.hoveron:hover ion-toggle{opacity:1;scale:1}.room_layout_column .room_layout_container .room-device-wrapper.hoveron:hover .device-off,.room_layout_column .room_layout_container .room-device-wrapper.hoveron:hover .device-on,.room_layout_column .room_layout_container .room-device-wrapper.hoveron:hover .device-idle,.room_layout_column .room_layout_container .room-device-wrapper.hoveron:hover .device-issue{opacity:0!important;scale:0!important}.room_layout_column .room_layout_container .room-device-wrapper.hoveron:hover .room-device-wrapper-name{max-height:40px}.room_layout_column .room_layout_container .room-device-wrapper ion-icon{font-size:25px;flex-shrink:0}.room_layout_column .room_layout_container .room-device-wrapper ion-icon.device-on-status{color:#00e676}.room_layout_column .room_layout_container .room-device-wrapper ion-icon.device-off-status{color:#ff3d00}.room_layout_column .room_layout_container .room-device-wrapper ion-icon.device-idle-status{color:#ffea00}.room_layout_column .room_layout_container .room-device-wrapper ion-icon.device-issue-status{color:#ff6d00}.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-name{max-height:0px;text-wrap-mode:nowrap;color:var(--main-header-text-color);font-size:6px;font-weight:600;margin-block:0px;margin-top:3px;overflow:hidden}.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-name>span{display:block}.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-top{display:flex;align-items:center;justify-content:space-between}.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-top .room-device-wrapper-top-right{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;width:auto;margin-left:6px}.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-top .device-on,.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-top .device-off,.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-top .device-idle,.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-top .device-issue{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-top .device-on{background:#00e676}.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-top .device-off{background:#ff3d00}.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-top .device-idle{background:#ffea00}.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-top .device-issue{background:#ff6d00}.room_layout_column .room_layout_container .room-device-wrapper .room-device-wrapper-top .device-name{font-size:12px;color:var(--main-header-text-color);font-weight:600;margin:0 0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.room_layout_column .room_layout_container .room-device-wrapper ion-item{--background: transparent;--padding-left: 0px;--padding-right: 0px}.room_layout_column .devices_list_wrapper{--background: var(--bg-card-color);color:var(--main-header-text-color)}.room_layout_column .devices_list_wrapper h4,.room_layout_column .devices_list_wrapper h2{font-size:16px;color:var(--main-header-text-color)}.room_layout_column .device_list_col{overflow-y:auto;height:100%;padding:10px 20px}.room_layout_column .device_list_col ion-item{--background: transparent;--padding-start: 0px;--inner-padding-end: 0px}.room_layout_column .device_list_col .room-onof-item,.room_layout_column .device_list_col .room-control-item{height:45px}.room_layout_column .device_list_col .room-onof-item h5,.room_layout_column .device_list_col .room-control-item h5{font-size:16px;color:var(--main-header-text-color);margin-top:10px}.room_layout_column .device_list_col .room-onof-item ion-button,.room_layout_column .device_list_col .room-control-item ion-button{--color: var(--main-header-text-color);--border-color: var(--table-bg)}.room_layout_column .device_list_col .room-onof-item ion-toggle,.room_layout_column .device_list_col .room-control-item ion-toggle{--track-background: var(--input-border)}.room_layout_column .device_list_col .room-onof-item ion-icon,.room_layout_column .device_list_col .room-control-item ion-icon{font-size:22px;color:var(--main-header-text-color)}.room_layout_column .device_list_col .room-onof-item ion-icon.danger,.room_layout_column .device_list_col .room-control-item ion-icon.danger{color:var(--ion-color-danger)}.room_layout_column .device_list_col .chip-scroll-container{display:flex;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.room_layout_column .device_list_col ion-chip{color:var(--main-header-text-color);border:2px solid var(--input-border);flex-shrink:0;font-size:12px}.room_layout_column .device_list_col ion-chip.selected{color:#fefefe;background:var(--ion-color-primary);border:2px solid var(--ion-color-primary);font-weight:700}.room_layout_column .device-list{background:none}.room_layout_column .device-list ion-item{margin-bottom:7px;border-radius:5px;border:1px solid var(--input-border);--ion-item-background: transparent;--padding-start: 10px;--padding-end: 10px}.room_layout_column .device-list ion-item ion-avatar{background:var(--bg-btn-lightblack)}.room_layout_column .device-list ion-item ion-avatar ion-icon{padding:5px;color:var(--button-text-color);font-size:30px}.room_layout_column .device-list ion-icon{font-size:25px}.room_layout_column .device-list .execute-button{color:var(--main-sub-header-text-color);border:1px solid var(--input-border);border-radius:30px;padding-inline:12px;text-transform:capitalize}.room_layout_column .device-list ion-buttons ion-button{--color: var(--main-header-text-color)}.custom-search-popover{position:absolute;top:60px;left:20px;width:90%;max-height:300px;overflow-y:auto;z-index:9999;background:var(--bg-card-color);box-shadow:1px 5px 20px 3px #00000080;border-radius:8px;margin-top:4px}.custom-search-popover ion-list{background:var(--bg-card-color);color:var(--main-header-text-color)}.custom-search-popover .search-header-item{--background: var(--bg-card-color);--color: var(--main-header-text-color)}.custom-search-popover .search-header-item ion-title{padding:0}.custom-search-popover .search-item{--background: var(--bg-card-color);--color: var(--main-header-text-color)}.custom-search-popover .search-item ion-label{cursor:pointer}.custom-search-popover .search-item ion-label h3{font-size:16px;color:var(--main-header-text-color);font-weight:600}.introjs-tooltip{background-color:var(--bg-card-color)!important;color:var(--main-header-text-color)!important;font-family:SpaceGrotesk!important;font-size:16px!important;border-radius:8px!important;padding:5px!important;box-shadow:none!important;min-width:440px!important}.introjs-arrow{border:7px solid transparent!important}.introjs-arrow.top-right{border-bottom-color:var(--ion-color-primary)!important}.introjs-skipbutton:hover{color:var(--button-text-color)!important}.introjs-tooltip-header{display:none!important}.custom-intro-style>.introjs-tooltipbuttons,.introjs-bullets{display:none!important}.custom-intro-style{background:transparent!important;border:none!important;padding:0!important;max-width:600px}.custom-intro-style .custom-tooltip-layout{display:flex;align-items:flex-end;position:relative;min-height:300px}.custom-intro-style .character-wrapper{width:140px;height:100%;display:flex;align-items:flex-end;justify-content:center;flex-shrink:0}@keyframes bobbingTalk{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.custom-intro-style .guide-character{width:235px;height:auto;position:absolute;bottom:-20px;left:-10px;animation:bobbingTalk 2s ease-in-out infinite}.custom-intro-style .text-box{background-color:var(--input-bg);color:var(--white);padding:16px;border-radius:12px;box-shadow:0 4px 16px #0000004d;flex:1;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;margin-left:14px;align-self:flex-start;margin-top:10px}.custom-intro-style .text-box p{font-family:SpaceGrotesk;margin:5px 0 16px 12px}.custom-intro-style .text-box .step-indicator{display:flex;justify-content:center;gap:6px}.custom-intro-style .text-box .step-indicator .dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--input-border);display:inline-block}.custom-intro-style .text-box .step-indicator .dot.active{background-color:var(--ion-color-primary)}.custom-intro-style .introjs-tooltiptext{padding:0!important}.custom-intro-style .introjs-tooltipbuttons{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding:0!important;border-top:none!important}.custom-intro-style .introjs-tooltipbuttons .introjs-button{background-color:var(--ion-color-primary)!important;color:var(--light-card-bg)!important;padding:6px 12px!important;font-weight:600!important;border-radius:14px!important;border:none!important;font-size:14px!important;text-shadow:none!important}.custom-intro-style .introjs-tooltipbuttons .introjs-button:hover{background-color:var(--ion-color-primary-shade)!important}.remote-control-row .remote-control-chips{display:flex;align-items:center;justify-content:center;gap:20px}.remote-control-row .remote-control-chips>div{display:flex;flex-direction:column;align-items:center;gap:10px}.remote-control-row .remote-control-chips>div ion-label{color:#fff}.remote-control-row .remote-control-chips>div ion-icon{font-size:26px;color:#fff;padding:8px;border-radius:50%;border:1px solid white}.remote-control-row .remote-control-chips>div.selected ion-icon{background:var(--ion-color-primary)}.lux-sensor-control-page .lux-sensor-customization-col{height:calc(100vh - 183px);overflow-y:auto;padding:20px}.lux-sensor-control-page .header-label-wrapper{display:flex;--background: transparent;justify-content:space-between;align-items:center;--padding-start: 5px;--inner-padding-end: 5px}.lux-sensor-control-page .header-label-wrapper .label{font-size:16px;font-weight:300;color:var(--main-header-text-color)}.lux-sensor-control-page .header-label-wrapper ion-toggle{scale:.8}.lux-sensor-control-page .lux-item{--padding-start: 0px;--background: transparent}.lux-sensor-control-page .lux-item>.lux-level{font-size:60px;--padding-start: 0px;color:var(--ion-color-primary)}.lux-sensor-control-page .note{font-size:12px;color:var(--text-gray-color);margin:9px 0 20px;display:block}.lux-sensor-control-page .target-lux-level-input{--padding-start: 16px;border:1px solid var(--input-border);color:var(--main-header-text-color);font-size:18px;font-weight:500;border-radius:5px}.lux-sensor-control-page .lux-setting-card{--background: transparent;--padding-start: 10px;border:1px solid var(--input-border);border-radius:10px;padding:1px 9px;margin-top:6px;--color: var(--main-header-text-color);color:var(--main-header-text-color)}.lux-sensor-control-page .lux-setting-card .inline-label{font-size:16px;font-weight:400;color:var(--main-header-text-color);margin-block:10px}.lux-sensor-control-page .lux-setting-card .brightness-value{color:var(--main-header-text-color);font-size:20px}.lux-sensor-control-page .lux-setting-card .inline-label-icon{font-size:25px;margin-left:15px}.lux-sensor-control-page .lux-setting-card ion-range{--knob-border-radius: 50%;--knob-background: #ffffff;--knob-box-shadow: 0px .5px 4px rgba(0, 0, 0, .12), 0px 6px 13px rgba(0, 0, 0, .12);--knob-size: 26px;--bar-height: 4px;--bar-background: var(--ion-color-step-900, var(--ion-background-color-step-900, #e6e6e6));--bar-background-active: var(--ion-color-primary);--bar-border-radius: 2px;--height: 42px}.inout-sensor-control-page .lux-sensor-customization-col{height:calc(100vh - 183px);overflow-y:auto;padding:20px}.inout-sensor-control-page .header-label-wrapper{display:flex;--background: transparent;justify-content:space-between;align-items:center;--padding-start: 5px;--inner-padding-end: 5px}.inout-sensor-control-page .header-label-wrapper .label{font-size:18px;font-weight:700;color:var(--main-header-text-color)}.inout-sensor-control-page .header-label-wrapper ion-toggle{scale:.8;--handle-background-checked: #ffffff;--track-background-checked: var(--ion-color-primary);--track-background: var(--input-border)}.inout-sensor-control-page .header-label-wrapper .person-count{color:var(--main-header-text-color)}.inout-sensor-control-page .sensor-box{border-radius:12px;--background: transparent;border:1px solid var(--input-border);padding:6px 0 6px 1px}.inout-sensor-control-page .sensor-box ion-label{margin-left:17px}.inout-sensor-control-page .sensor-box ion-text{margin-right:17px}.inout-sensor-control-page .lux-item{--padding-start: 0px;--background: transparent}.inout-sensor-control-page .lux-item>.lux-level{font-size:60px;--padding-start: 0px;color:var(--ion-color-primary)}.inout-sensor-control-page .lux-item .input-select-wrapper{display:flex;width:100%;gap:15px}.inout-sensor-control-page .timeout-item ion-input{max-width:70%}.inout-sensor-control-page .timeout-item ion-select{max-width:30%;margin-left:10px;color:var(--main-header-text-color)}.inout-sensor-control-page .note{font-size:12px;color:var(--text-gray-color);margin:9px 0 20px;display:block}.inout-sensor-control-page .target-lux-level-input{--padding-start: 16px;border:1px solid var(--input-border);color:var(--main-header-text-color);font-size:18px;font-weight:500;border-radius:5px}.inout-sensor-control-page .lux-setting-card{--background: transparent;--padding-start: 10px;border:1px solid var(--input-border);border-radius:10px;padding:1px 9px;margin-top:6px;--color: var(--main-header-text-color);color:var(--main-header-text-color)}.inout-sensor-control-page .lux-setting-card .inline-label{font-size:17px;font-weight:600;color:var(--main-header-text-color);margin-block:10px}.inout-sensor-control-page .lux-setting-card .brightness-value{color:var(--main-header-text-color);font-size:20px}.inout-sensor-control-page .lux-setting-card .inline-label-icon{font-size:25px;margin-left:15px}.inout-sensor-control-page .lux-setting-card ion-range{--knob-border-radius: 50%;--knob-background: #ffffff;--knob-box-shadow: 0px .5px 4px rgba(0, 0, 0, .12), 0px 6px 13px rgba(0, 0, 0, .12);--knob-size: 26px;--bar-height: 4px;--bar-background: var(--ion-color-step-900, var(--ion-background-color-step-900, #e6e6e6));--bar-background-active: var(--ion-color-primary);--bar-border-radius: 2px;--height: 42px}.temp-humid-sensor-setting .temp-humid-sensor-col{padding:0}.temp-humid-sensor-setting .sensor-wrapper{height:100%;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.temp-humid-sensor-setting .sensor-card{background:var(--bg-card-color);margin:0;border-radius:16px;padding:24px;box-shadow:none;border:1px solid var(--input-border);height:280px;width:100%;display:flex;flex-direction:column;justify-content:space-between}.temp-humid-sensor-setting .sensor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.temp-humid-sensor-setting .sensor-title{display:flex;align-items:center;gap:12px}.temp-humid-sensor-setting .sensor-title h2{color:var(--white);font-size:20px;font-weight:600;margin:0;font-family:SpaceGrotesk}.temp-humid-sensor-setting .sensor-title .sensor-subtitle{color:var(--input-border);font-size:14px;margin:0;font-family:SpaceGrotesk;font-weight:400}.temp-humid-sensor-setting .sensor-icon{font-size:24px}.temp-humid-sensor-setting .temperature-icon{color:var(--ion-color-primary)}.temp-humid-sensor-setting .humidity-icon{color:var(--ion-color-success)}.temp-humid-sensor-setting .co2-icon{color:var(--bg-yellow)}.temp-humid-sensor-setting .refresh-icon{font-size:26px;color:var(--ion-color-tertiary);cursor:pointer}.temp-humid-sensor-setting .sensor-value{font-size:66px;font-weight:600;color:var(--white);margin:20px 0;line-height:1;text-align:center}.temp-humid-sensor-setting .sensor-value .small{font-size:40px}.temp-humid-sensor-setting .sensor-controls{display:flex;align-items:center;justify-content:space-between;margin-block:24px}.temp-humid-sensor-setting .sensor-controls .control-label{color:var(--input-label);font-size:14px;font-weight:500;font-family:SpaceGrotesk}.temp-humid-sensor-setting ion-progress-bar{flex:1;margin:0 20px;height:8px;--background: var(--input-border);border-radius:4px}.temp-humid-sensor-setting .temperature-progress{--progress-background: var(--ion-color-primary)}.temp-humid-sensor-setting .humidity-progress{--progress-background: var(--ion-color-success)}.temp-humid-sensor-setting .co2-progress{--progress-background: var(--bg-yellow)}@media (max-width: 811px){.temp-humid-sensor-setting .sensor-wrapper{align-items:normal}}@media (max-width: 768px){.temp-humid-sensor-setting .sensor-card{height:auto}.temp-humid-sensor-setting .sensor-value{font-size:64px}}.temp-humid-sensor-widget,.co2-sensor-widget{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.temp-humid-sensor-widget ion-segment-button,.co2-sensor-widget ion-segment-button{--color: inherit}.temp-humid-sensor-widget .sensor-card,.co2-sensor-widget .sensor-card{background:var(--bg-card-color);margin:0;border-radius:16px;box-shadow:none;border:1px solid var(--input-border)}.temp-humid-sensor-widget .card-body,.co2-sensor-widget .card-body{padding:24px}.temp-humid-sensor-widget .sensor-header,.co2-sensor-widget .sensor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.temp-humid-sensor-widget .sensor-title,.co2-sensor-widget .sensor-title{display:flex;align-items:center;gap:12px}.temp-humid-sensor-widget .sensor-title h2,.co2-sensor-widget .sensor-title h2{color:var(--white);font-size:20px;font-weight:600;margin:0;font-family:SpaceGrotesk}.temp-humid-sensor-widget .sensor-title .sensor-subtitle,.co2-sensor-widget .sensor-title .sensor-subtitle{color:var(--input-border);font-size:14px;margin:0;font-family:SpaceGrotesk;font-weight:400}.temp-humid-sensor-widget .sensor-body,.co2-sensor-widget .sensor-body{display:flex;align-items:center;justify-content:space-between}.temp-humid-sensor-widget .sensor-icon,.co2-sensor-widget .sensor-icon{font-size:24px}.temp-humid-sensor-widget .temperature-icon,.co2-sensor-widget .temperature-icon{color:var(--ion-color-primary)}.temp-humid-sensor-widget .humidity-icon,.co2-sensor-widget .humidity-icon{color:var(--ion-color-success)}.temp-humid-sensor-widget .co2-icon,.temp-humid-sensor-widget .lux-icon,.co2-sensor-widget .co2-icon,.co2-sensor-widget .lux-icon{color:var(--bg-yellow)}.temp-humid-sensor-widget .refresh-icon,.co2-sensor-widget .refresh-icon{font-size:26px;color:var(--ion-color-tertiary);cursor:pointer}.temp-humid-sensor-widget .sensor-value,.co2-sensor-widget .sensor-value{font-size:40px;font-weight:600;color:var(--white);margin:20px 0;line-height:1;text-align:center}.temp-humid-sensor-widget .sensor-value .small,.co2-sensor-widget .sensor-value .small{font-size:28px}.temp-humid-sensor-widget .sensor-controls,.co2-sensor-widget .sensor-controls{display:flex;align-items:center;justify-content:space-between;margin-block:24px}.temp-humid-sensor-widget .sensor-controls .control-label,.co2-sensor-widget .sensor-controls .control-label{color:var(--input-label);font-size:14px;font-weight:500;font-family:SpaceGrotesk}.temp-humid-sensor-widget ion-progress-bar,.co2-sensor-widget ion-progress-bar{flex:1;margin:0 20px;height:8px;--background: var(--input-border);border-radius:4px}.temp-humid-sensor-widget .temperature-progress,.co2-sensor-widget .temperature-progress{--progress-background: var(--ion-color-primary)}.temp-humid-sensor-widget .humidity-progress,.co2-sensor-widget .humidity-progress{--progress-background: var(--ion-color-success)}.temp-humid-sensor-widget .co2-progress,.co2-sensor-widget .co2-progress{--progress-background: var(--bg-yellow)}.ir-fan-control-container{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px;height:100%}.ir-fan-control-container .ir-fan-control{display:flex;justify-content:center;align-items:center;gap:60px}.ir-fan-control-container .ir-fan-control-buttons-vertical{display:flex;flex-direction:column;gap:16px}.ir-fan-control-container .ir-fan-control-buttons-vertical .power-button{width:50px;height:50px;border-radius:50%;background:#191919;background-size:100% 100%;background-repeat:no-repeat;transition:background .3s ease;border:none;font-family:SpaceGrotesk;font-size:10px!important;font-weight:600;text-align:center;color:#fefefe}@media (max-width: 465px){.ir-fan-control-container .ir-fan-control-buttons-vertical .power-button{width:40px;height:40px}.ir-fan-control-container .ir-fan-control-buttons-vertical .power-button{font-size:9px!important}}.ir-fan-control-container .vertical-slider-container{display:flex;flex-direction:column;align-items:center;padding:0;position:relative;margin-right:20px}.ir-fan-control-container .vertical-slider-wrapper{position:relative;width:100px;height:350px;touch-action:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.ir-fan-control-container .vertical-slider-wrapper{width:100px;height:400px}}@media (max-width: 480px){.ir-fan-control-container .vertical-slider-wrapper{width:80px;height:300px}}.ir-fan-control-container .vertical-slider-track{position:absolute;width:100%;height:100%;background:#191919;border-radius:20px;overflow:hidden}.ir-fan-control-container .vertical-slider-icon{position:absolute;bottom:10px;width:100%;display:flex;justify-content:center;z-index:3;color:#fefefe;--color: #fefefe}.ir-fan-control-container .vertical-slider-icon.active{color:#191919;--color: #191919}.ir-fan-control-container .vertical-slider-dimmer-fill{position:absolute;bottom:0;width:100%;background:#fefefe;border-radius:0;transition:height .18s cubic-bezier(.22,1,.36,1);will-change:height,bottom;z-index:1}.favourite-devices-add-popover .selected-device-title{margin-top:20px;margin-bottom:10px}.favourite-devices-add-popover .select-fav-devices{background:transparent}.favourite-devices-container,.select-fav-devices{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.favourite-devices-container ion-icon.disableIcon,.select-fav-devices ion-icon.disableIcon{opacity:.4!important}.favourite-devices-container ion-card,.select-fav-devices ion-card{margin:0;cursor:pointer;box-shadow:none;background:transparent;border-radius:8px;border:1px solid var(--text-gray-dark-color)}.favourite-devices-container ion-card ion-card-content,.select-fav-devices ion-card ion-card-content{display:flex;flex-direction:column;gap:10px}.favourite-devices-container ion-card ion-card-content ion-item,.select-fav-devices ion-card ion-card-content ion-item{--padding-start: 0px;--inner-padding-end: 0px;--background: transparent}.favourite-devices-container ion-card ion-card-content ion-item ion-icon[slot=start],.select-fav-devices ion-card ion-card-content ion-item ion-icon[slot=start]{font-size:35px;margin-block:0px;color:var(--main-header-text-color)}.favourite-devices-container ion-card ion-card-content ion-item ion-icon[slot=end][name=trash],.select-fav-devices ion-card ion-card-content ion-item ion-icon[slot=end][name=trash]{font-size:20px;margin-block:0px;color:var(--ion-color-danger-tint)!important}.favourite-devices-container ion-card ion-card-content ion-item ion-toggle,.select-fav-devices ion-card ion-card-content ion-item ion-toggle{zoom:.7;margin-left:10px;--handle-background-checked: #ffffff;--track-background-checked: var(--ion-color-primary);--track-background: var(--input-border)}.favourite-devices-container ion-card ion-card-content .device_name,.select-fav-devices ion-card ion-card-content .device_name{font-size:16px;font-weight:600;font-family:SpaceGrotesk;color:var(--main-header-text-color)}.favourite-devices-container ion-card ion-card-content .temp-show-item,.favourite-devices-container ion-card ion-card-content .humidity-show-item,.favourite-devices-container ion-card ion-card-content .co2-show-item,.favourite-devices-container ion-card ion-card-content .lux-show-item,.select-fav-devices ion-card ion-card-content .temp-show-item,.select-fav-devices ion-card ion-card-content .humidity-show-item,.select-fav-devices ion-card ion-card-content .co2-show-item,.select-fav-devices ion-card ion-card-content .lux-show-item{--min-height: 27px}.favourite-devices-container ion-card ion-card-content .temp-show-item ion-text,.favourite-devices-container ion-card ion-card-content .humidity-show-item ion-text,.favourite-devices-container ion-card ion-card-content .co2-show-item ion-text,.favourite-devices-container ion-card ion-card-content .lux-show-item ion-text,.select-fav-devices ion-card ion-card-content .temp-show-item ion-text,.select-fav-devices ion-card ion-card-content .humidity-show-item ion-text,.select-fav-devices ion-card ion-card-content .co2-show-item ion-text,.select-fav-devices ion-card ion-card-content .lux-show-item ion-text{font-size:12px;font-weight:600}.favourite-devices-container ion-card ion-card-content .temp-show-item ion-text[slot=end],.favourite-devices-container ion-card ion-card-content .lux-show-item ion-text[slot=end],.select-fav-devices ion-card ion-card-content .temp-show-item ion-text[slot=end],.select-fav-devices ion-card ion-card-content .lux-show-item ion-text[slot=end]{color:var(--ion-color-primary)}.favourite-devices-container ion-card ion-card-content .humidity-show-item ion-text[slot=end],.select-fav-devices ion-card ion-card-content .humidity-show-item ion-text[slot=end]{color:var(--ion-color-success)}.favourite-devices-container ion-card ion-card-content .co2-show-item ion-text[slot=end],.select-fav-devices ion-card ion-card-content .co2-show-item ion-text[slot=end]{color:var(--bg-yellow)}ion-item.selected-item{--background: var(--ion-color-primary-tint) !important;border-radius:3px}.matter-page *{color:var(--main-header-text-color)}.matter-page .matter-next-button{--padding-start: 20px;--padding-end: 20px;--padding-top: 12px;--padding-bottom: 12px}.matter-page>ion-row>ion-col{color:var(--main-header-text-color)}.matter-page #matter-select-room-trigger,.matter-page #matter-select-area-trigger{color:var(--main-header-text-color);text-transform:capitalize;font-size:16px;border:1px solid var(--input-border);padding:10px;border-radius:5px}.matter-page #matter-select-room-trigger ion-label,.matter-page #matter-select-area-trigger ion-label{width:145px;text-wrap-mode:nowrap;overflow:clip;text-align:start}.matter-page #matter-select-room-trigger ion-icon,.matter-page #matter-select-area-trigger ion-icon{margin-left:20px}.matter-page #matter-select-room-trigger .select_room_popover_content .room_col,.matter-page #matter-select-area-trigger .select_room_popover_content .room_col{font-size:16px;padding-block:10px}.matter-page .matter-page-header-item{--padding-start: 9px;margin-block:10px;--inner-padding-end: 20px}.matter-page .matter-page-header-item ion-title{padding-left:0!important}.matter-page .matter-device-item-container{border:1px solid var(--input-border);border-radius:8px}.matter-page .matter-device-item-container .matter-device-item-element-seprator{display:block;width:100%;height:1px;background:var(--input-border)}.matter-page .matter-device-item-container .matter-device-item-elements{max-height:0px;overflow:hidden;transition:all .3s ease}.matter-page .matter-device-item-container .matter-device-item-elements.expanded{max-height:500px}.matter-page .matter-device-item .add-icon{border:1px solid var(--input-border);border-radius:3px;padding:3px}.matter-page .matter-device-item .matter-enabled{border:1px solid var(--ion-color-primary);color:var(--ion-color-primary)}.matter-page .matter-device-item .item-details{display:flex;flex-direction:column}.matter-page .matter-device-item .item-details .detail{font-size:12px;opacity:.5}.matter-page .matter-device-item ion-icon[slot=start]{font-size:32px}.matter-page .matter-device-item.load-more ion-icon{padding:3px;margin-block:12px;margin-right:10px}.matter-page .chip-toggle-group{display:flex;gap:3px}.matter-page .chip-toggle-group .toggle-chip{height:40px;padding:0 14px;border-radius:4px;font-size:14px;font-weight:600;color:var(--button-text-color);background:var(--input-border)}.matter-page .chip-toggle-group .toggle-chip ion-icon{color:var(--button-text-color)}.matter-page .chip-toggle-group .toggle-chip.active{background:var(--ion-color-primary);color:var(--button-text-color)}.matter-qr-code{width:200px;box-sizing:content-box;display:block;margin-inline:auto;padding:20px;background:var(--StatusBar-color4);border-radius:12px}.matter-qr-code-modal-row{height:100%}.matter-qr-code-modal-row .manual-code-title{font-size:30px;text-align:center;font-weight:600;color:var(--ion-color-primary);margin-top:20px}.matter-qr-code-modal-row .commisioning-description{display:flex;flex-direction:column;justify-content:space-between}.matter-qr-code-modal-row .commisioning-description ion-title{font-size:24px;padding:0;margin-bottom:12px;color:var(--main-header-text-color)}.matter-qr-code-modal-row .commisioning-description ion-text{font-size:16px;margin-bottom:12px;color:var(--main-sub-header-text-color)}.matter-qr-code-modal-row .commisioning-description ion-buttons{display:flex;justify-content:end;margin-top:20px}.matter-qr-code-modal-row .commisioning-description ion-buttons ion-button{text-transform:capitalize;font-size:16px;color:var(--main-header-text-color);border:1px solid var(--input-border);border-radius:6px;--padding-top: 15px;--padding-bottom: 15px;--padding-start: 30px;--padding-end: 30px}.matter-page-setting-popop{--width: 300px}.matter-page-setting-content ion-item ion-icon{font-size:22px}.matter-page-setting-content ion-item ion-text{font-size:16px;font-family:600}.matter-page-setting-content ion-item ion-icon,.matter-page-setting-content ion-item ion-text{color:var(--main-header-text-color)}.matter-page-setting-content ion-item ion-icon.danger{color:var(--delete-btn-bg)}.matter-page-setting-content ion-item ion-text.danger{color:var(--delete-btn-bg)}.leaflet-container{font:inherit!important}.leaflet-control{font-size:14px!important;line-height:1!important}.dashboard-card-show-error{width:100%;height:100%;overflow:hidden;position:relative;filter:blur(0px)}.dashboard-card-show-error .blur-card{width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-direction:column}.dashboard-card-show-error .button-group{display:flex;gap:10px}.dashboard-card-show-error ion-button{--border-radius: 10px;--background: var(--forgot-label-color);--color: var(--main-header-text-color);text-transform:capitalize}.dashboard-card-show-error ion-button.fill{margin-top:10px;--background: transparent;--border-color: var(--main-header-text-color)}.dashboard-card-show-error ion-button p{color:var(--main-header-text-color)}.members-profile-page .members-profile-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.members-profile-page .members-profile-wrapper .members-profile-grid{margin:16px;border-radius:8px;overflow:hidden;min-width:600px}.members-profile-page .members-profile-wrapper .members-profile-grid .members-header-row{background:var(--input-border);border-radius:8px;padding:12px 22px 12px 30px}.members-profile-page .members-profile-wrapper .members-profile-grid .members-header-row ion-label{color:var(--white);font-weight:500;font-size:14px;font-family:SpaceGrotesk}.members-profile-page .members-profile-wrapper .members-profile-grid .members-header-row .user-action-col{padding-left:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row{background:var(--input-bg);border-radius:8px;margin:12px 0;padding:12px 8px 12px 30px;align-items:center}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .name-col{display:flex;align-items:center;gap:8px}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .name-col ion-icon{font-size:35px;color:var(--main-header-text-color)}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .email-col{text-wrap-mode:nowrap}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .role-col{display:flex;justify-content:end;align-items:center;gap:10px}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .role-col ion-icon{font-size:19px}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row ion-label{color:var(--white);font-weight:500;font-size:14px;font-family:SpaceGrotesk}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .info-text{color:var(--input-label);font-size:12px;font-weight:500;line-height:1.4;font-family:SpaceGrotesk}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .user-action-col{display:flex;justify-content:end;align-items:center}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .user-action-col .user-action-buttons{display:flex}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .user-action-col .user-action-buttons .lock-icon{color:var(--ion-color-success-shade);font-size:22px}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .user-action-col .user-action-buttons .person-icon,.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .user-action-col .user-action-buttons .pencil-icon{color:var(--white);font-size:22px}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .user-action-col .user-action-buttons .trash-icon{color:var(--ion-color-danger-tint);font-size:22px}@media (max-width: 576px){.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .user-action-col .user-action-buttons{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px;justify-items:end}.members-profile-page .members-profile-wrapper .members-profile-grid .members-data-row .user-action-col .user-action-buttons ion-button{width:100%;display:flex;justify-content:center}}.add-member-popover{--width: 400px}.add-member-popover .form-wrapper{background:var(--bg-card-color)}.add-member-popover .form-wrapper form ion-list{background:transparent}.add-member-popover .form-wrapper form ion-list ion-item{--background: transparent}.add-member-popover .form-wrapper form ion-list ion-item ion-label{color:var(--main-header-text-color);margin-bottom:12px;font-size:18px}.add-member-popover .form-wrapper form ion-list ion-item ion-input{color:var(--main-header-text-color)}.add-member-popover .form-wrapper .modal-header,.add-member-popover .form-wrapper .modal-body,.add-member-popover .form-wrapper .modal-footer{padding:10px 20px}.add-member-popover .form-wrapper .modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--input-border)}.add-member-popover .form-wrapper .modal-header h3{margin:0;color:var(--white)}.add-member-popover .form-wrapper .modal-header ion-button{color:var(--white);--border-color: transparent;--background: transparent}.add-member-popover .form-wrapper form .modal-body ion-label{margin-bottom:12px!important;font-size:18px!important;color:var(--main-header-text-color)!important}.add-member-popover .form-wrapper form .modal-body ion-input{min-height:22px!important;border:1px solid var(--input-border);border-radius:3px;color:var(--main-header-text-color);--placeholder-color: var(--text-normal);--padding-start: 10px;--highlight-color: none;--highlight-height: 0px}.add-member-popover .form-wrapper form .modal-body ion-input input::-webkit-outer-spin-button,.add-member-popover .form-wrapper form .modal-body ion-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-member-popover .form-wrapper form .modal-body label{display:block;margin-top:16px;margin-bottom:10px;font-size:14px;color:var(--white)}.add-member-popover .form-wrapper form .modal-body .role_access_select{border:1px solid var(--input-border);border-radius:3px;padding-inline:10px;min-height:50px!important;color:var(--main-header-text-color);--placeholder-color: var(--text-normal)}.add-member-popover .form-wrapper form .modal-body .password-toggle-icon{margin-right:20px;font-size:20px;cursor:pointer;color:var(--main-header-text-color);opacity:.6}.add-member-popover .form-wrapper form .modal-footer{display:flex;justify-content:flex-end;gap:12px}.add-member-popover .form-wrapper form .modal-footer ion-button{text-transform:capitalize;width:85px;height:36px}.add-member-popover .form-wrapper .button-wrapper{display:flex;justify-content:flex-end;background:var(--input-bg);padding:0 14px 8px 0;gap:8px}.add-member-popover .form-wrapper .button-wrapper .btn-cancel{text-transform:none;width:100px}.add-member-popover .form-wrapper .button-wrapper .save-button{height:40px;border-radius:12px;font-weight:600;font-size:14px;width:100px;text-transform:none;background:var(--ion-color-primary);color:var(--button-text-color);font-family:SpaceGrotesk,sans-serif}@media screen and (max-width: 630px){.add-member-popover{--width: 90vw;--offset-y: -200px}}.add-member-popover .slot-inputs{display:flex;gap:10px;align-items:center}.add-member-popover::part(content){background:var(--bg-card-color)}.chat-system-page ion-header{box-shadow:none}.chat-system-page .toolbar{--background: var(--input-bg)}.chat-system-page .toolbar .chat-searchbar{--background: transparent;--border-radius: 8px;--box-shadow: none;border:1px solid var(--input-border);padding:0;border-radius:50px;--placeholder-color: var(--main-header-text-color);color:var(--main-header-text-color);margin-left:35px;height:40px;width:220px}.chat-system-page .toolbar ion-title{color:var(--main-header-text-color);font-size:20px;font-weight:500}.chat-system-page .chat-menu{border-color:var(--input-border)}.chat-system-page .hidden-menu{transform:translate(-100%)!important;visibility:hidden}.chat-system-page .chat-list-content{height:100%;display:flex;flex-direction:column;padding:0}.chat-system-page .chat-list-content ion-list{overflow-y:auto;height:100%;background:var(--input-bg)}.chat-system-page .chat-list-content ion-list ion-item{--background: transparent;--border-color: var(--input-border)}.chat-system-page .chat-list-content ion-list ion-item ion-label h2{color:var(--main-header-text-color);font-weight:500;font-size:16px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-system-page .chat-list-content ion-list ion-item ion-label p{color:var(--main-header-text-color);font-size:14px;font-weight:400;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-system-page .chat-list-item{--inner-padding-end: 10px}.chat-system-page .chat-list-item ion-label{display:flex;flex-direction:column}.chat-system-page .chat-list-item ion-label .chat-header{display:flex;justify-content:space-between;align-items:center}.chat-system-page .chat-list-item ion-label .chat-header h2{color:var(--main-header-text-color);font-weight:500;font-size:16px;margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-system-page .chat-list-item ion-label .chat-header .chat-time{font-size:12px;color:var(--main-header-text-color);opacity:.7}.chat-system-page .chat-list-item ion-label .chat-body{display:flex;justify-content:space-between;align-items:center}.chat-system-page .chat-list-item ion-label .chat-body p{color:var(--main-header-text-color);font-size:14px;font-weight:400;margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-system-page .chat-list-item ion-label .chat-body .chat-badge{background-color:var(--ion-color-primary);color:var(--ion-color-tertiary-contrast);font-size:12px;min-width:20px;height:20px;border-radius:50px;display:flex;justify-content:center;align-items:center;padding:2px 6px 0}.chat-system-page .floating-toggle{position:fixed;top:8px;left:-5px;z-index:9999;--background: transparent;--box-shadow: none;--background-hover: none}.chat-system-page .floating-toggle ion-icon{font-size:22px;color:var(--main-header-text-color)}.chat-system-page .chat-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-system-page .chat-container .right-header{border-bottom:1px solid var(--input-border)}.chat-system-page .chat-container .right-header .right-header-content{display:flex;gap:10px;margin-left:25px}.chat-system-page .chat-container .right-header .right-header-content ion-avatar{width:34px;height:34px}.chat-system-page .chat-container .right-header .right-header-content ion-icon{margin:7px;font-size:20px;color:var(--main-header-text-color);cursor:pointer}.chat-system-page .messages-content{--background: var(--input-bg)}.chat-system-page .message-row{display:flex;margin:8px 0;padding-left:10px}.chat-system-page .message-row.me{justify-content:flex-end;padding-right:10px}.chat-system-page .message-row.me .message-bubble{background:var(--ion-color-primary);color:var(--ion-color-tertiary-contrast)}.chat-system-page .message-bubble{max-width:70%;border-radius:12px;box-shadow:none;background:var(--ion-color-tertiary);color:var(--ion-color-tertiary-contrast);padding:8px 12px}.chat-system-page .message-bubble ion-card-content{display:flex;flex-direction:column}.chat-system-page .message-bubble .message-text{font-size:15px;line-height:1.4;word-wrap:break-word}.chat-system-page .message-bubble .message-time{font-size:12px;color:#ffffffb3;text-align:end;margin-top:4px}.chat-system-page ion-footer{padding:10px;box-shadow:none}.chat-system-page ion-footer ion-toolbar{--background: transparent}.chat-system-page ion-footer ion-toolbar ion-input{background:transparent;border:1px solid var(--input-border);border-radius:50px;--padding-start: 20px;--placeholder-color: var(--main-header-text-color);color:var(--main-header-text-color);--highlight-height: 0;height:50px}.chat-system-page ion-footer ion-toolbar .send-button,.chat-system-page ion-footer ion-toolbar .emoji-button{--background-hover: none}.chat-system-page ion-footer ion-toolbar .send-button ion-icon,.chat-system-page ion-footer ion-toolbar .emoji-button ion-icon{font-size:26px;color:var(--main-header-text-color)}.chat-system-page .emoji-popup{position:absolute;bottom:60px;left:10px;z-index:9999;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:8px;max-width:280px;max-height:180px;overflow-y:auto;box-shadow:0 2px 12px #0000001a}.chat-system-page .emoji-list{display:flex;flex-wrap:wrap;gap:6px}.chat-system-page .emoji-list span{font-size:22px;cursor:pointer;transition:transform .1s ease-in-out}.chat-system-page .emoji-list span:hover{transform:scale(1.3)}#activity-sensor-select-trigger,#activity-sensor-compare-trigger,.active-comparision-btn{color:var(--main-header-text-color);text-transform:capitalize;font-size:16px;border:1px solid var(--input-border);padding:10px;border-radius:5px}#activity-sensor-select-trigger.hidden,#activity-sensor-compare-trigger.hidden,.active-comparision-btn.hidden{display:none}#activity-sensor-select-trigger ion-label,#activity-sensor-compare-trigger ion-label,.active-comparision-btn ion-label{width:145px;text-wrap-mode:nowrap;overflow:clip;text-align:start;padding-left:0}#activity-sensor-select-trigger ion-icon,#activity-sensor-compare-trigger ion-icon,.active-comparision-btn ion-icon{margin-left:20px}.activity-sensor-select-popover ion-content{--background: var(--bg-color)}.activity-sensor-select-popover ion-text{color:var(--main-header-text-color);font-size:16px}.active-comparision-btn{border:1px solid var(--ion-color-primary)}.active-comparision-btn ion-icon{color:var(--ion-color-primary)}.activity-sensor-page .lux-sensor-card-wrapper{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.activity-sensor-page .lux-sensor-card{cursor:pointer;--background: var(--bg-card-color);border-radius:12px;padding:16px;box-shadow:none;display:flex;flex-direction:column;gap:16px;margin:0}.activity-sensor-page .lux-sensor-card ion-card-header{padding:0}.activity-sensor-page .lux-sensor-card ion-card-header .sensor-icon{font-size:24px}.activity-sensor-page .lux-sensor-card ion-card-header .header-text{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.activity-sensor-page .lux-sensor-card ion-card-header .header-text .header-text-left{display:flex;align-items:center;gap:10px}.activity-sensor-page .lux-sensor-card ion-card-header .header-text .header-text-left ion-icon{font-size:24px}.activity-sensor-page .lux-sensor-card ion-card-header .header-text .sensor-name{font-weight:600;font-size:16px;color:var(--main-header-text-color)}.activity-sensor-page .lux-sensor-card ion-card-header .header-text .time-range{font-size:13px;color:var(--text-gray-color);white-space:nowrap}.activity-sensor-page .lux-sensor-card ion-card-content{padding:0;display:flex;justify-content:space-between}.activity-sensor-page .lux-sensor-card ion-card-content .value-wrapper{display:flex;flex-direction:column}.activity-sensor-page .lux-sensor-card ion-card-content .value-wrapper .value{font-weight:700;font-size:44px;text-wrap-mode:nowrap;color:var(--main-header-text-color)}.activity-sensor-page .lux-sensor-card ion-card-content .value-wrapper .value .percent{font-size:24px;font-weight:600}.activity-sensor-page .lux-sensor-card ion-card-content .value-wrapper .room{font-size:15px;color:var(--text-gray-color)}.activity-zone-page .zone-card-wrapper{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.activity-zone-page .zone-card{cursor:pointer;--background: var(--bg-card-color);border-radius:12px;padding:16px;box-shadow:none;display:flex;flex-direction:column;gap:16px;margin:0}.activity-zone-page .zone-card ion-card-header{padding:0}.activity-zone-page .zone-card ion-card-header .sensor-icon{font-size:24px}.activity-zone-page .zone-card ion-card-header .header-text{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.activity-zone-page .zone-card ion-card-header .header-text .header-text-left{display:flex;align-items:center;gap:10px}.activity-zone-page .zone-card ion-card-header .header-text .header-text-left ion-icon{font-size:24px}.activity-zone-page .zone-card ion-card-header .header-text .sensor-name{font-weight:600;font-size:20px;color:var(--main-header-text-color)}.activity-zone-page .zone-card ion-card-content{padding:0}.activity-zone-page .zone-card ion-card-content ion-item{--padding-start: 0px;--min-height: 35px}.activity-zone-page .zone-card ion-card-content ion-item ion-text{color:var(--main-header-text-color)}.activity-zone-page .zone-card ion-card-content ion-item .zone-detail{font-size:16px;font-weight:500}.activity-zone-page .zone-card ion-card-content ion-item .zone-detail-value{font-weight:500}.activity-sensor-comparision>ion-row>ion-col{height:calc(100vh - 183px);overflow-y:auto}.activity-sensor-comparision .custom-filter-button{--common-padding: 12px;--border-color: var(--input-border);color:var(--main-header-text-color);font-size:16px;--padding-top: var(--common-padding);--padding-bottom: var(--common-padding);--padding-end: var(--common-padding);--padding-start: var(--common-padding)}.activity-sensor-comparision .custom-filter-button.active{color:var(--ion-color-primary);--border-color: var(--ion-color-primary)}.activity-sensor-comparision .apexcharts-legend-text{font-size:16px!important;padding-left:20px;color:var(--main-header-text-color)!important}.activity-sensor-comparision .apexcharts-yaxis text,.activity-sensor-comparision .apexcharts-xaxis text{fill:var(--main-header-text-color)!important}.activity-sensor-comparision .apexcharts-tooltip{background:var(--bg-card-color)!important;border:1px solid var(--input-border)!important;box-shadow:none!important}.activity-sensor-comparision .apexcharts-tooltip .apexcharts-tooltip-title,.activity-sensor-comparision .apexcharts-tooltip .apexcharts-tooltip-text{color:var(--main-header-text-color)!important;background:transparent!important}.activity-sensor-comparision ion-button.date-range-select{--border-color: var(--input-border);color:var(--main-header-text-color);display:flex;justify-content:space-between!important;--padding-top: 15px;--padding-bottom: 15px;font-size:14px;--padding-end: 20px;--padding-start: 20px}.activity-sensor-comparision ion-button.date-range-select ion-icon{font-size:20px}.activity-sensor-comparision ion-button.date-range-select>span{display:flex;align-items:center;gap:10px}.activity-sensor-comparision .custom-period-item ion-button{height:36px;width:100px}.activity-sensor-view-page>ion-row>ion-col{height:calc(100vh - 183px);overflow-y:auto}.activity-sensor-view-page .filter-button-wrapper{display:flex;align-items:center;padding-inline:12px;gap:10px;justify-content:space-between}.activity-sensor-view-page .filter-button-wrapper .filter-buttons{display:flex;flex-wrap:wrap;gap:10px}@media screen and (max-width: 910px){.activity-sensor-view-page .filter-button-wrapper{flex-direction:column;align-items:start}}.activity-sensor-view-page .apexcharts-legend-text{font-size:16px!important;padding-left:20px;color:var(--main-header-text-color)!important}.activity-sensor-view-page .apexcharts-yaxis text,.activity-sensor-view-page .apexcharts-xaxis text{fill:var(--main-header-text-color)!important}.activity-sensor-view-page .apexcharts-tooltip{background:var(--bg-card-color)!important;border:1px solid var(--input-border)!important;box-shadow:none!important}.activity-sensor-view-page .apexcharts-tooltip .apexcharts-tooltip-title,.activity-sensor-view-page .apexcharts-tooltip .apexcharts-tooltip-text{color:var(--main-header-text-color)!important;background:transparent!important}.activity-sensor-view-page ion-button.date-range-select{--border-color: var(--input-border);color:var(--main-header-text-color);display:flex;justify-content:space-between!important;--padding-top: 10.5px;--padding-bottom: 10.5px;font-size:14px;--padding-end: 20px;--padding-start: 20px;margin:0}.activity-sensor-view-page ion-button.date-range-select ion-icon{font-size:20px;color:var(--main-header-text-color)}.activity-sensor-view-page ion-button.date-range-select>span{display:flex;align-items:center;gap:10px}.activity-sensor-view-page ion-button.date-range-select.selected{--border-color: var(--ion-color-primary)}.activity-sensor-view-page ion-button.date-range-select.selected ion-icon{font-size:20px;color:var(--ion-color-primary)}.activity-sensor-view-page .custom-period-item ion-button{height:36px;width:100px}.activity-sensor-view-page .no-chart-wrapper{min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--main-header-text-color)}.irrigation-page h1,.irrigation-page h2,.irrigation-page h3,.irrigation-page h4,.irrigation-page h5,.irrigation-page h6{font-weight:600;margin:0;color:var(--main-header-text-color)}.irrigation-page small,.irrigation-page .ion-text-muted{color:var(--text-gray-color)!important}.irrigation-page>div{height:calc(100vh - 178px);overflow-y:auto}.irrigation-page ion-card{--background: var(--bg-card-color);--color: var(--main-header-text-color);border-radius:12px;box-shadow:0 2px 8px #00000026}.irrigation-page ion-card-header{--background: var(--bg-card-color);--color: var(--main-header-text-color);border-bottom:1px solid var(--input-border);padding:16px}.irrigation-page .water-usage-header{border:none;margin-top:6px}.irrigation-page .water-usage-header .water-usage-card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.irrigation-page .water-usage-header .water-usage-card-header .actions{display:flex;gap:10px;flex-wrap:wrap}.irrigation-page ion-card-title{font-size:18px;display:flex;align-items:center;font-weight:600;color:var(--main-header-text-color)}.irrigation-page ion-card-title ion-icon{font-size:19px;margin-right:8px;color:var(--ion-color-primary)}.irrigation-page ion-card-content{--background: var(--bg-card-color);--color: var(--main-header-text-color);padding-inline:12px}.irrigation-page .status-card-grid{container-type:inline-size}.irrigation-page .status-card-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@container (max-width: 766px){.irrigation-page .status-card-row{grid-template-columns:repeat(2,1fr)}}@container (max-width: 360px){.irrigation-page .status-card-row{grid-template-columns:repeat(1,1fr)}}.irrigation-page .status-card{height:95%;margin:0}.irrigation-page .status-card ion-card-content h6{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-gray-color);margin-bottom:8px}.irrigation-page .status-card ion-card-content h2{font-size:28px;font-weight:600;color:var(--main-header-text-color);margin-bottom:12px}.irrigation-page .status-card ion-card-content h2 small{font-size:14px;color:var(--text-gray-color);font-weight:500;display:contents}.irrigation-page .status-card ion-card-content small{font-size:13px;color:var(--text-gray-color);display:block}.irrigation-page .status-card .card-icon{font-size:40px;opacity:.7}.irrigation-page .water-level{border-left:4px solid #4A90E2}.irrigation-page .water-level .card-icon{color:#4a90e2}.irrigation-page .flow-rate{border-left:4px solid #7ED321}.irrigation-page .flow-rate .card-icon{color:#7ed321}.irrigation-page .ph-level{border-left:4px solid #F5A623}.irrigation-page .ph-level .card-icon{color:#f5a623}.irrigation-page .ec-level{border-left:4px solid #D0021B}.irrigation-page .ec-level .card-icon{color:#d0021b}.irrigation-page ion-progress-bar{--progress-background: #2a2a2a;--progress-color: #4A90E2;height:6px;border-radius:3px;margin:12px 0}.irrigation-page ion-badge{border-radius:6px;padding:6px;font-size:12px;font-weight:600;letter-spacing:.2px;margin-bottom:2px}.irrigation-page ion-badge[color=success]{--background: var(--ion-color-success);--color: white}.irrigation-page ion-badge[color=warning]{--background: var(--ion-color-warning);--color: black}.irrigation-page ion-badge[color=primary]{--background: var(--ion-color-primary);--color: white}.irrigation-page ion-badge[color=medium]{--background: var(--ion-color-medium);--color: white}.irrigation-page .control-usage-grid{container-type:inline-size;margin-top:5px}.irrigation-page .control-usage-grid .control-usage-row{display:flex;gap:10px}@container (max-width: 991px){.irrigation-page .control-usage-grid .control-usage-row{flex-direction:column-reverse}}.irrigation-page .control-usage-grid .control-usage-row .manual-control-col{flex:.3}.irrigation-page .control-usage-grid .control-usage-row .manual-control-col .manual-control-card{height:100%;container-type:inline-size}.irrigation-page .control-usage-grid .control-usage-row .manual-control-col .manual-control-card .manual-control-content{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;position:relative}@container (max-width: 550px){.irrigation-page .control-usage-grid .control-usage-row .manual-control-col .manual-control-card .manual-control-content{grid-template-columns:repeat(1,1fr)}}.irrigation-page .control-usage-grid .control-usage-row .manual-control-col .manual-control-card .manual-control-content ion-list{background:transparent}.irrigation-page .control-usage-grid .control-usage-row .manual-control-col .manual-control-card .manual-control-content .list-divider{position:absolute;background:var(--input-border);z-index:1;top:0;bottom:0;left:50%;width:1px;height:100%}@container (max-width: 550px){.irrigation-page .control-usage-grid .control-usage-row .manual-control-col .manual-control-card .manual-control-content .list-divider{left:0;right:0;top:50%;height:1px;width:100%}}.irrigation-page .control-usage-grid .control-usage-row .water-usage-col{flex:.7;display:flex;flex-direction:column}.irrigation-page .control-usage-grid .control-usage-row .water-usage-col ion-card{flex-grow:1}.irrigation-page .schedule-grid{padding:0;margin-block:10px}.irrigation-page .schedule-grid ion-list{background:transparent;padding:14px}.irrigation-page .schedule-grid ion-list ion-item{--background: transparent;--padding-start: 0;--inner-padding-end: 0;border:1px solid var(--input-border);margin-bottom:8px;padding:6px 14px;border-radius:8px;align-items:baseline}.irrigation-page .schedule-grid ion-list ion-item ion-label h6{font-size:18px;font-weight:600;margin:0 0 4px;color:var(--main-header-text-color)}.irrigation-page .schedule-grid ion-list ion-item ion-label p{margin:4px 0;font-size:16px;color:var(--text-gray-color)}.irrigation-page .schedule-grid ion-list ion-item ion-label small{font-size:14px;color:var(--text-gray-color)}.irrigation-page .schedule-grid .schedule-main-card{container-type:inline-size}.irrigation-page .schedule-grid .schedule-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@container (max-width: 550px){.irrigation-page .schedule-grid .schedule-list{grid-template-columns:repeat(1,1fr)}}.irrigation-page .schedule-grid .schedule-list .timer-name-wrapper,.irrigation-page .schedule-grid .schedule-list .action-icon-wrapper{display:flex;gap:10px}.irrigation-page .schedule-grid .schedule-list .action-icon-wrapper>ion-icon{font-size:18px;color:var(--text-gray-color);cursor:pointer}.irrigation-page .schedule-header{margin-bottom:14px}.irrigation-page .schedule-header ion-button{width:90px;margin:0;font-size:16px;--padding-top: 5px;--padding-bottom: 5px;--padding-block: 20px;text-transform:capitalize}.irrigation-page ion-item{--background: transparent;--color: var(--main-header-text-color);--inner-padding-end: 0;--padding-start: 0;font-size:15px}.irrigation-page ion-item ion-label{color:var(--main-header-text-color);font-weight:500}.irrigation-page ion-toggle{--handle-background: #fff;--handle-background-checked: #fff;--track-background: #3a3a3a;--track-background-checked: var(--toggle-check-bg)}.irrigation-page ion-range{--bar-background: #3a3a3a;--bar-background-active: var(--range-color);--knob-background: var(--range-color);--knob-size: 20px;margin:16px 0;padding:0 16px}.irrigation-page ion-range ion-label{font-size:13px;color:var(--text-gray-color)}.irrigation-page #zone1DurationValue,.irrigation-page #zone2DurationValue{display:block;text-align:center;font-weight:600;margin:8px 0 16px;color:var(--main-header-text-color)}.irrigation-page ion-button{font-weight:600;--border-radius: 8px;margin:8px 0;text-transform:capitalize}.irrigation-page ion-button[color=primary]{--background: var(--ion-color-primary);--color: white}.irrigation-page ion-button[fill=outline]{--border-color: var(--ion-color-medium);--color: var(--ion-color-medium)}.irrigation-page ion-item-divider{--background: transparent;--color: transparent;min-height:32px;border-bottom:1px solid var(--input-border);margin:16px 0}.irrigation-page .chart-container{height:410px;position:relative}.irrigation-page .chart-container .apexcharts-yaxis text,.irrigation-page .chart-container .apexcharts-xaxis text{fill:var(--white)!important}.irrigation-page .chart-container .apexcharts-tooltip{background:var(--bg-card-color)!important;border:1px solid var(--input-border)!important;box-shadow:none!important}.irrigation-page .chart-container .apexcharts-tooltip .apexcharts-tooltip-title,.irrigation-page .chart-container .apexcharts-tooltip .apexcharts-tooltip-text{color:var(--white)!important;background:transparent!important}.irrigation-page .chart-container .apexcharts-gridline{stroke:var(--text-gray-dark-color)!important;display:none}.irrigation-page .chart-container .apexcharts-toolbar{display:none}.irrigation-page ion-segment{--background: transparent;margin-top:8px}.irrigation-page ion-segment-button{--indicator-color: var(--ion-color-primary);--color: var(--text-gray-color);--color-checked: var(--ion-color-primary);font-size:14px;font-weight:600;text-transform:none;min-height:40px}.irrigation-page .usage-stats{margin-top:45px;text-align:center}.irrigation-page .usage-stats ion-col{padding:8px}.irrigation-page .usage-stats h3{font-weight:700;margin-bottom:4px;font-size:24px;color:var(--main-header-text-color)}.irrigation-page .usage-stats small{font-size:13px;color:var(--text-gray-color);text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.irrigation-page .status-card ion-card-content h2{font-size:24px}}.agriculture-lighting-page>div{height:calc(100vh - 178px);container-type:inline-size;overflow-y:auto}.agriculture-lighting-page .lighting-zone-schedule-card-wrapper,.agriculture-lighting-page .lighting-analytics-spectrum-card-wrapper{display:flex;gap:10px}@container (max-width: 800px){.agriculture-lighting-page .lighting-zone-schedule-card-wrapper,.agriculture-lighting-page .lighting-analytics-spectrum-card-wrapper{flex-direction:column}.agriculture-lighting-page .lighting-zone-schedule-card-wrapper .lighting-zones-card,.agriculture-lighting-page .lighting-zone-schedule-card-wrapper .daily-schedule-card,.agriculture-lighting-page .lighting-analytics-spectrum-card-wrapper .lighting-zones-card,.agriculture-lighting-page .lighting-analytics-spectrum-card-wrapper .daily-schedule-card,.agriculture-lighting-page .lighting-zone-schedule-card-wrapper .lighting-analytics-card,.agriculture-lighting-page .lighting-zone-schedule-card-wrapper .lighting-spectrum-control-card-wrapper,.agriculture-lighting-page .lighting-analytics-spectrum-card-wrapper .lighting-analytics-card,.agriculture-lighting-page .lighting-analytics-spectrum-card-wrapper .lighting-spectrum-control-card-wrapper{flex:none}}.agriculture-lighting-page .quick-infor-header-cards{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}@container (max-width: 650px){.agriculture-lighting-page .quick-infor-header-cards{grid-template-columns:repeat(2,1fr)}}@container (max-width: 350px){.agriculture-lighting-page .quick-infor-header-cards{grid-template-columns:repeat(1,1fr)}}.agriculture-lighting-page .quick-infor-header-cards .stats-card{margin:0;border-radius:12px;box-shadow:var(--ion-card-box-shadow);padding:12px;background-color:var(--bg-card-color)}.agriculture-lighting-page .quick-infor-header-cards .stats-card ion-card-header{padding:0;margin-bottom:8px}.agriculture-lighting-page .quick-infor-header-cards .stats-card ion-card-header .card-header-content{display:flex;justify-content:space-between;align-items:center}.agriculture-lighting-page .quick-infor-header-cards .stats-card ion-card-header .card-header-content .title{font-size:14px;font-weight:500;color:var(--main-sub-header-text-color)}.agriculture-lighting-page .quick-infor-header-cards .stats-card ion-card-header .card-header-content .stat-icon{font-size:24px}.agriculture-lighting-page .quick-infor-header-cards .stats-card ion-card-content{padding:0}.agriculture-lighting-page .quick-infor-header-cards .stats-card ion-card-content .count{font-size:32px;font-weight:700;color:var(--main-header-text-color);margin-bottom:8px}.agriculture-lighting-page .quick-infor-header-cards .stats-card ion-card-content .progress-bar{background-color:var(--input-border);height:6px;border-radius:4px;overflow:hidden;margin-bottom:8px}.agriculture-lighting-page .quick-infor-header-cards .stats-card ion-card-content .progress-bar .progress{height:100%;border-radius:4px}.agriculture-lighting-page .quick-infor-header-cards .stats-card ion-card-content .subtitle{font-size:14px;color:var(--text-normal)}.agriculture-lighting-page .lighting-zones-card{margin:10px 0 0;flex:.7;border-radius:12px;background-color:var(--bg-card-color);box-shadow:var(--ion-card-box-shadow)}.agriculture-lighting-page .lighting-zones-card ion-card-header ion-item{--padding-start: 8px}.agriculture-lighting-page .lighting-zones-card ion-card-header ion-title{padding:0;color:var(--main-header-text-color)}.agriculture-lighting-page .lighting-zones-card ion-card-content{max-height:583px;overflow-y:auto}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card{border-radius:12px;padding:20px;margin:0;background-color:var(--bg-card-color);border:1px solid var(--input-border);box-shadow:none;container-type:inline-size}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card .device-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card .device-header .device-title{display:flex;align-items:center;gap:8px}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card .device-header .device-title .device-name{font-weight:600;color:var(--main-header-text-color);font-size:20px}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card .device-header ion-toggle{zoom:.8;--handle-background-checked: #ffffff;--track-background-checked: var(--ion-color-primary);--track-background: var(--input-border)}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card .brightness-row{font-weight:600;margin-bottom:16px;font-size:16px;color:var(--main-sub-header-text-color)}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card .brightness-row .brightness-icon{margin-right:6px;font-size:20px;margin-top:4px;color:var(--ion-color-warning)}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card .info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card .info-grid .info-item{background-color:var(--table-bg);border-radius:8px;padding:10px}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card .info-grid .info-item .label{font-size:13px;color:var(--text-gray-color)}.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card .info-grid .info-item .value{font-weight:700;color:var(--main-sub-header-text-color);font-size:15px}@container (max-width: 600px){.agriculture-lighting-page .lighting-zones-card .lighting-zones-card-wrapper .device-card .info-grid{grid-template-columns:repeat(2,1fr)}}.agriculture-lighting-page .daily-schedule-card{flex:.3;margin:10px 0 0;border-radius:12px;background-color:var(--bg-card-color);box-shadow:var(--ion-card-box-shadow)}.agriculture-lighting-page .daily-schedule-card ion-card-header ion-item{--padding-start: 8px}.agriculture-lighting-page .daily-schedule-card ion-card-header ion-title{padding:0;color:var(--main-header-text-color)}.agriculture-lighting-page .daily-schedule-card ion-card-content{max-height:528px;overflow-y:auto}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-card{display:flex}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-card .daily-schedule-card-timeline{flex:.1;position:relative}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-card .daily-schedule-card-timeline .schedule-timeline-dot{position:absolute;display:inline-block;width:10px;aspect-ratio:1;background:var(--ion-color-primary);border-radius:50%;z-index:10;left:50%;top:20%;transform:translate(-50%)}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-card .daily-schedule-card-timeline:after{content:"";width:2px;height:100%;position:absolute;left:50%;transform:translate(-50%);background:var(--input-border)}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card{flex:.9;background-color:var(--bg-card-color);border:1px solid var(--input-border);box-shadow:none}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card .schedule-row{display:flex;align-items:center;justify-content:space-between;padding:5px 15px}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card .title{font-weight:600;color:var(--main-header-text-color)}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card .time,.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card .icon,.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card .days{color:var(--main-sub-header-text-color)}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card .time,.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card .days{font-size:12px}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card .icon{font-size:16px}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card ion-toggle{zoom:.6;--handle-background-checked: #ffffff;--track-background-checked: var(--ion-color-primary);--track-background: var(--input-border)}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card .schedule-action-btns{display:flex;gap:10px;flex-wrap:wrap;padding:5px 15px}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card .schedule-action-btns ion-col{border:none;padding:0;flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:5px}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-wrapper .schedule-main-card .schedule-action-btns ion-col ion-button{width:100%;margin:0}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-footer{padding-bottom:12px;padding-inline:12px}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-footer ion-button{color:#fff;text-transform:capitalize}.agriculture-lighting-page .daily-schedule-card .daily-schedule-card-footer ion-icon{color:#fff;font-size:20px;margin-right:6px}.agriculture-lighting-page .lighting-analytics-card{margin:10px 0 0;flex:.7;border-radius:12px;background-color:var(--bg-card-color);box-shadow:var(--ion-card-box-shadow)}.agriculture-lighting-page .lighting-analytics-card ion-card-header ion-item{--padding-start: 8px}.agriculture-lighting-page .lighting-analytics-card ion-card-header ion-title{padding:0;color:var(--main-header-text-color)}.agriculture-lighting-page .lighting-analytics-card .analytics-card{border-radius:12px;overflow:hidden;padding:0;margin:0;background-color:var(--bg-card-color);border:1px solid var(--input-border);box-shadow:none}.agriculture-lighting-page .lighting-analytics-card .analytics-card ion-segment{--background: transparent;--indicator-color: var(--ion-color-primary);border-bottom:1px solid var(--input-border)}.agriculture-lighting-page .lighting-analytics-card .analytics-card ion-segment ion-segment-button{--color: var(--main-sub-header-text-color)}.agriculture-lighting-page .lighting-analytics-card .analytics-card ion-segment .segment-button-indicator{bottom:-1px!important}.agriculture-lighting-page .lighting-analytics-card .analytics-card .chart-container{padding:8px}.agriculture-lighting-page .lighting-analytics-card .analytics-card .chart-container .apexcharts-title-text{fill:var(--main-header-text-color)}.agriculture-lighting-page .lighting-analytics-card .analytics-card .chart-container .apexcharts-text.apexcharts-yaxis-label,.agriculture-lighting-page .lighting-analytics-card .analytics-card .chart-container .apexcharts-text.apexcharts-xaxis-label{fill:var(--main-sub-header-text-color)}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper{flex:.3;margin:10px 0 0;background-color:var(--bg-card-color);box-shadow:var(--ion-card-box-shadow)}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper ion-card-header ion-item{--padding-start: 8px}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper ion-card-header ion-title{padding:0;color:var(--main-header-text-color)}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper .lighting-spectrum-control-card{border-radius:12px;background-color:var(--bg-card-color);box-shadow:none;margin:0}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper .lighting-spectrum-control-card ion-card-content{padding-top:0;padding-bottom:0;padding-inline-start:0px;padding-inline-end:0px}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper .lighting-spectrum-control-card .growth-stage-wrapper{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper .lighting-spectrum-control-card .growth-stage-label{font-size:14px;color:var(--main-header-text-color)}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper .lighting-spectrum-control-card .growth-stage-select{--min-height: 38px;--padding-start: 10px;--padding-end: 10px;--background: transparent;--border-radius: 6px;--border-color: var(--input-border);--border-width: 1px;--border-style: solid;font-size:14px}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper .lighting-spectrum-control-card .lighting-spectrum-control-card-footer{padding-bottom:12px}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper .lighting-spectrum-control-card .lighting-spectrum-control-card-footer ion-button{color:#fff;text-transform:capitalize}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper .lighting-spectrum-control-card .lighting-spectrum-control-card-footer ion-icon{color:#fff;font-size:20px;margin-right:6px}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper .slider-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-top:8px;margin-bottom:-8px;color:var(--main-header-text-color)}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper .slider-row ion-label{font-size:16px;color:var(--main-header-text-color);font-weight:600}.agriculture-lighting-page .lighting-spectrum-control-card-wrapper ion-range{--bar-background: var(--table-bg);margin-bottom:12px}.agriculture-dashboard-page>div{height:calc(100vh - 178px);container-type:inline-size;overflow-y:auto}.agriculture-dashboard-page .quick-infor-header-cards{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}@container (max-width: 950px){.agriculture-dashboard-page .quick-infor-header-cards{grid-template-columns:repeat(2,1fr)}}@container (max-width: 350px){.agriculture-dashboard-page .quick-infor-header-cards{grid-template-columns:repeat(1,1fr)}}.agriculture-dashboard-page .quick-infor-header-cards .stats-card{margin:0;border-radius:12px;box-shadow:var(--ion-card-box-shadow);padding:15px 20px;background-color:var(--bg-card-color)}.agriculture-dashboard-page .quick-infor-header-cards .stats-card ion-card-content{padding:0;display:flex;align-items:center;gap:20px}.agriculture-dashboard-page .quick-infor-header-cards .stats-card ion-card-content>ion-icon{font-size:20px;background:var(--ion-color-primary);color:var(--main-header-text-color);padding:14px;border-radius:8px}.agriculture-dashboard-page .quick-infor-header-cards .stats-card ion-card-content .main-content{flex:1}.agriculture-dashboard-page .quick-infor-header-cards .stats-card ion-card-content .card-title{font-size:14px;font-weight:500;color:var(--main-sub-header-text-color)}.agriculture-dashboard-page .quick-infor-header-cards .stats-card ion-card-content .count{font-size:32px;font-weight:700;color:var(--main-header-text-color)}.agriculture-dashboard-page .quick-infor-header-cards .stats-card ion-card-content .progress-bar{background-color:var(--input-border);height:6px;border-radius:4px;overflow:hidden;margin-bottom:8px}.agriculture-dashboard-page .quick-infor-header-cards .stats-card ion-card-content .progress-bar .progress{height:100%;border-radius:4px}.agriculture-dashboard-page .quick-infor-header-cards .stats-card ion-card-content .subtitle{font-size:14px;color:var(--text-normal)}.agriculture-dashboard-page .climate-env-trends-control-card-wrapper{display:flex;gap:10px}@container (max-width: 800px){.agriculture-dashboard-page .climate-env-trends-control-card-wrapper{flex-direction:column}.agriculture-dashboard-page .climate-env-trends-control-card-wrapper .lighting-zones-card,.agriculture-dashboard-page .climate-env-trends-control-card-wrapper .daily-schedule-card,.agriculture-dashboard-page .climate-env-trends-control-card-wrapper .env-trends-card,.agriculture-dashboard-page .climate-env-trends-control-card-wrapper .climate-control-card-wrapper{flex:none}}.agriculture-dashboard-page .env-trends-card{margin:10px 0 0;flex:.7;border-radius:12px;background-color:var(--bg-card-color);box-shadow:var(--ion-card-box-shadow)}.agriculture-dashboard-page .env-trends-card ion-card-header ion-item{--padding-start: 8px}.agriculture-dashboard-page .env-trends-card ion-card-header ion-title{padding:0;color:var(--main-header-text-color)}.agriculture-dashboard-page .env-trends-card .climate-env-trends-control-card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.agriculture-dashboard-page .env-trends-card .climate-env-trends-control-card-header .actions{display:flex;gap:10px;flex-wrap:wrap}.agriculture-dashboard-page .env-trends-card .filter-select-trigger{width:220px;flex-shrink:0;height:44px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--input-border);border-radius:5px;padding-inline:12px;font-size:16px;color:var(--main-header-text-color);cursor:pointer}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card{border-radius:12px;overflow:hidden;padding:0;margin:0;background-color:var(--bg-card-color);border:1px solid var(--input-border);box-shadow:none}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card ion-segment{--background: transparent;--indicator-color: var(--ion-color-primary);border-bottom:1px solid var(--input-border)}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card ion-segment ion-segment-button{--color: var(--main-sub-header-text-color)}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card ion-segment .segment-button-indicator{bottom:-1px!important}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card .chart-container{padding:8px;position:relative}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .apexcharts-title-text{fill:var(--main-header-text-color)}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .no-chart-logs-text,.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .chart-logs-loading-spinner{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--text-gray-color)}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .chart-logs-loading-spinner{width:35px;height:35px}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .apexcharts-text.apexcharts-yaxis-label,.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .apexcharts-text.apexcharts-xaxis-label{fill:var(--main-sub-header-text-color)}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card .chart-container.no-chart-logs apx-chart{opacity:0}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card .chart-container.no-chart-logs .no-chart-logs-text{opacity:1}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card .chart-container.chart-logs-loading apx-chart{opacity:0}.agriculture-dashboard-page .env-trends-card .agriculture-climate-env-trends-card .chart-container.chart-logs-loading .chart-logs-loading-spinner{opacity:1}.agriculture-dashboard-page .climate-control-card-wrapper{flex:.3;margin:10px 0 0;border-radius:12px;background-color:var(--bg-card-color);box-shadow:var(--ion-card-box-shadow)}.agriculture-dashboard-page .climate-control-card-wrapper ion-card-header ion-item{--padding-start: 8px}.agriculture-dashboard-page .climate-control-card-wrapper ion-card-header ion-title{padding:0;color:var(--main-header-text-color)}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container{container-type:inline-size}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}@container (max-width: 324px){.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .controls-grid{grid-template-columns:repeat(1,1fr)}}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .control-button{--border-radius: 8px;--padding-top: 18px;--padding-bottom: 18px;--padding-start: 16px;--padding-end: 16px;height:auto;margin:0;--color: white}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .control-button ion-icon{font-size:24px}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .control-button.outline-button{--background: var(--bg-card-color);--color: var(--main-header-text-color);--border-color: var(--input-border);--border-width: 1px;--border-style: solid}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .button-content{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .button-title{font-size:14px;font-weight:600;line-height:1.2;text-transform:capitalize}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .status-title{font-size:20px;font-weight:700;color:var(--main-header-text-color);margin-bottom:20px}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .status-list{display:flex;flex-direction:column;gap:16px}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .status-item{display:flex;align-items:center;padding:5px 0}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .status-indicator{margin-right:16px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .status-icon{font-size:20px}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .status-icon.status-online{color:var(--ion-color-success)}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .status-icon.status-warning{color:var(--ion-color-warning)}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .status-icon.status-error{color:var(--ion-color-danger)}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .status-name{font-size:16px;font-weight:500;color:var(--main-header-text-color);flex:1}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .status-item .status-name{color:var(--main-sub-header-text-color)}@media (hover: hover){.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .control-button{transition:transform .2s ease}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .control-button:hover{transform:translateY(-2px)}.agriculture-dashboard-page .climate-control-card-wrapper .quick-actions-container .control-button:active{transform:translateY(0)}}.agriculture-dashboard-page .climate-control-card-wrapper .climate-control-card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.agriculture-dashboard-page .climate-control-card-wrapper .climate-control-card-header .actions{display:flex;gap:10px;flex-wrap:wrap}.agriculture-dashboard-page .climate-control-card-wrapper .climate-control-card{border-radius:12px;background-color:var(--bg-card-color);box-shadow:none;margin:0}.agriculture-dashboard-page .climate-control-card-wrapper .climate-control-card ion-card-content{padding-top:0;padding-bottom:0;padding-inline-start:0px;padding-inline-end:0px}.agriculture-dashboard-page .climate-control-card-wrapper .climate-control-card .growth-stage-wrapper{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.agriculture-dashboard-page .climate-control-card-wrapper .climate-control-card .growth-stage-label{font-size:14px;color:var(--main-header-text-color)}.agriculture-dashboard-page .climate-control-card-wrapper .climate-control-card .growth-stage-select{--min-height: 38px;--padding-start: 10px;--padding-end: 10px;--background: transparent;--border-radius: 6px;--border-color: var(--input-border);--border-width: 1px;--border-style: solid;font-size:14px}.agriculture-dashboard-page .climate-control-card-wrapper .slider-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-top:8px;margin-bottom:-8px;color:var(--main-header-text-color)}.agriculture-dashboard-page .climate-control-card-wrapper .slider-row ion-label{font-weight:600}.agriculture-dashboard-page .climate-control-card-wrapper ion-range{--bar-background: var(--table-bg);margin-bottom:12px}.agriculture-dashboard-page .climate-control-card-wrapper .climate-control-card-footer{padding-bottom:12px;padding-inline:12px}.agriculture-dashboard-page .climate-control-card-wrapper .climate-control-card-footer ion-button{color:#fff;text-transform:capitalize}.agriculture-dashboard-page .climate-control-card-wrapper .climate-control-card-footer ion-icon{color:#fff;font-size:20px;margin-right:6px}.agriculture-dashboard-page .recent-activity-card{margin:10px 0 0;border-radius:12px;background-color:var(--bg-card-color)}.agriculture-dashboard-page .recent-activity-card ion-card-header>div{display:flex;justify-content:space-between;align-items:center}.agriculture-dashboard-page .recent-activity-card ion-card-header>div ion-card-title{font-weight:600;font-size:16px;color:var(--main-header-text-color)}.agriculture-dashboard-page .recent-activity-card ion-card-header>div .view-all{font-size:14px;cursor:pointer;font-weight:500}.agriculture-dashboard-page .recent-activity-card ion-list{background:transparent;padding:0;height:280px;overflow-y:auto}.agriculture-dashboard-page .recent-activity-card ion-list ion-item{--background: transparent;padding-block:10px;border-bottom:1px solid var(--input-border)}.agriculture-dashboard-page .recent-activity-card ion-list ion-item ion-label{margin:0}.agriculture-dashboard-page .recent-activity-card ion-list ion-item ion-label h3{font-size:16px;font-weight:500;margin:0;color:var(--main-header-text-color)}.agriculture-dashboard-page .recent-activity-card ion-list ion-item ion-label p{font-size:13px;color:var(--text-normal);margin:2px 0 0}.agriculture-dashboard-page .recent-activity-card .status{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.agriculture-dashboard-page .recent-activity-card .status .icon{font-size:16px;color:#fff}.agriculture-dashboard-page .recent-activity-card .status.success{background-color:#22c55e}.agriculture-dashboard-page .recent-activity-card .status.warning{background-color:#facc15}.agriculture-dashboard-page .recent-activity-card .status.info{background-color:#3b82f6}.agriculture-dashboard-page .recent-activity-card .status.danger{background-color:#ef4444}.agriculture-climate-schedule-form-popover,.agriculture-lighting-schedule-form-popover,.irrigation-timer-form-popover,.room-setting-form-popover{--width: min(350px, 50vw);--height: min(400px, 70vh);--background: var(--bg-card-color)}.agriculture-profile-popover::part(content){width:350px;overflow-y:auto;margin:0;background:var(--bg-card-color);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.agriculture-profile-popover::part(content)::-webkit-scrollbar{width:6px}.agriculture-profile-popover::part(content)::-webkit-scrollbar-track{background:transparent}.agriculture-profile-popover::part(content)::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.growing-zone .filter-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.growing-zone .filter-row ion-col{padding:0}.growing-zone .filter-row .dropdown-options{display:flex;gap:10px}.growing-zone ion-grid{padding:0;margin:0}.growing-zone ion-grid ion-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.growing-zone ion-grid ion-col{padding:0}.growing-zone .filter-row ion-segment{background:var(--input-bg);border-radius:8px;box-shadow:0 1px 2px #0000000d;width:auto;min-width:unset;display:inline-flex;flex:auto}.growing-zone .filter-row ion-segment ion-segment-button{font-weight:600;color:var(--main-header-text-color);text-transform:capitalize}.growing-zone .filter-row ion-select{min-width:160px;border-radius:8px;background:var(--input-bg);--padding-start: 8px;--padding-end: 8px;box-shadow:0 1px 2px #0000000d;color:var(--main-header-text-color)}.growing-zone .filter-row ion-select ion-select-option{font-weight:600;text-transform:capitalize;color:var(--main-header-text-color)}.growing-zone .filter-row ion-button{--padding-start: 6px;--padding-end: 6px;--border-radius: 8px;--color: var(--main-header-text-color)}.growing-zone ion-card{padding:0;margin:0;background:var(--input-bg);border-radius:10px;box-shadow:0 2px 4px #0000000d;overflow:hidden;display:flex;flex-direction:column}.growing-zone ion-card img{width:100%;height:180px;object-fit:cover}.growing-zone ion-card-title{font-size:1.1rem;font-weight:600;text-transform:capitalize;--color: var(--main-header-text-color)}.growing-zone ion-card-subtitle{font-size:.85rem;color:var(--text-gray-color);text-transform:capitalize;font-weight:500;display:flex;align-items:center;gap:4px}.growing-zone .progress-label{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:4px;text-transform:capitalize;color:var(--text-gray-color)}.growing-zone ion-progress-bar{height:8px;border-radius:4px;margin-bottom:8px}.growing-zone ion-card-content p{font-size:.85rem;color:var(--text-gray-color);text-transform:capitalize;margin:2px 0}.growing-zone .growing-card-actions{display:flex;margin-top:10px;gap:10px}.growing-zone .growing-card-actions ion-button{width:65%;margin:0;border-radius:4px;font-size:.85rem;text-transform:capitalize;border:1px solid var(--input-border);color:var(--main-header-text-color);--background: transparent;--box-shadow: none}.growing-zone .growing-card-actions .action-buttons{width:35%;display:flex;justify-content:space-evenly;border:1px solid var(--input-border);border-radius:4px}.growing-zone .growing-card-actions .action-buttons ion-button{height:28px;width:28px;border:none}.growing-zone .growing-card-actions .action-buttons ion-button .edit-icon{color:var(--main-header-text-color)}.growing-zone .growing-card-actions .action-buttons ion-button .delete-icon{color:var(--ion-color-danger)}.image-placeholder{width:100%;height:180px;background:var(--table-bg);display:flex;align-items:center;justify-content:center}.image-placeholder ion-icon{font-size:22px;color:var(--main-header-text-color)}.agriculture-crop-page ion-grid{padding:0;margin:0}.agriculture-crop-page ion-grid ion-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.agriculture-crop-page ion-grid ion-col{padding:0}.agriculture-crop-page ion-card{padding:0;margin:0;background:var(--input-bg);border-radius:10px;box-shadow:0 2px 4px #0000000d;overflow:hidden;display:flex;flex-direction:column}.agriculture-crop-page ion-card img{width:100%;height:180px;object-fit:cover}.agriculture-crop-page ion-card-title{font-size:1.1rem;font-weight:600;text-transform:capitalize;--color: var(--main-header-text-color)}.agriculture-crop-page ion-card-subtitle{font-size:.85rem;color:var(--text-gray-color);text-transform:capitalize;font-weight:500;display:flex;align-items:center;gap:4px}.agriculture-crop-page .progress-label{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:4px;text-transform:capitalize;color:var(--text-gray-color)}.agriculture-crop-page ion-progress-bar{height:8px;border-radius:4px;margin-bottom:8px}.agriculture-crop-page ion-card-content p{font-size:.85rem;color:var(--text-gray-color);text-transform:capitalize;margin:2px 0}.growing-card-actions{display:flex;margin-top:10px;justify-content:end;gap:10px}.growing-card-actions ion-button{width:65%;margin:0;border-radius:4px;font-size:.85rem;text-transform:capitalize;border:1px solid var(--input-border);color:var(--main-header-text-color);--background: transparent;--box-shadow: none}.growing-card-actions .action-buttons{width:35%;display:flex;justify-content:space-evenly;border:1px solid var(--input-border);border-radius:4px}.growing-card-actions .action-buttons ion-button{height:28px;width:28px;border:none}.growing-card-actions .action-buttons ion-button .edit-icon{color:var(--main-header-text-color)}.growing-card-actions .action-buttons ion-button .delete-icon{color:var(--ion-color-danger)}.add-growing-zone{--height: 550px;--width: min(100%, 400px);--offset-y: -70px}.add-growing-zone ion-card-title{font-size:22px;color:var(--main-sub-header-text-color)}.add-growing-zone ion-card{margin:0!important}.add-growing-zone ion-card{background-color:var(--bg-card-color);color:var(--main-sub-header-text-color);box-shadow:none}.add-growing-zone ion-card ion-card-content{padding-top:0}.add-growing-zone ion-item.select-room-item,.add-growing-zone ion-item.profile-item,.add-growing-zone ion-item.select-action-item{--background: var(--table-bg);--color: var(--main-sub-header-text-color);border:1px solid var(--input-border);border-radius:8px;margin-block:10px}.add-growing-zone ion-label.section-label{font-size:16px;color:var(--main-sub-header-text-color);font-weight:500;display:block}.add-growing-zone .selected-profile{border:1px solid var(--input-border);border-radius:5px}.add-growing-zone .selected-profile ion-text{color:var(--main-header-text-color)}.add-growing-zone .selected-profile.selected-profile-schedule{--padding-top: 7px;--padding-bottom: 7px}.add-growing-zone .selected-profile.selected-profile-schedule>div{display:flex;flex-direction:column;gap:5px}.add-growing-zone .no-ripple{--ripple-color: transparent}.add-growing-zone .two-part{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.add-growing-zone .padding-0{padding:0}.add-growing-zone ion-radio{font-size:16px;margin-block:10px}.add-growing-zone ion-radio::part(container){width:25px;height:25px;border-radius:8px;border:2px solid var(--input-border)}.add-growing-zone ion-radio::part(mark){background:none;transition:none;transform:none;border-radius:0}.add-growing-zone ion-radio.radio-checked::part(container){background:var(--ion-color-primary);border-color:transparent}.add-growing-zone ion-radio.radio-checked::part(mark){width:6px;height:10px;border-width:0px 2px 2px 0px;border-style:solid;border-color:#fff;transform:rotate(45deg)}.add-growing-zone ion-datetime{--background: var(--input-bg)}.zone-details-popover{--width: 700px;--height: 450px;--border-radius: 8px;--box-shadow: 0 18px 48px rgba(0, 0, 0, .16)}.zone-details-popover .zdp-content{--background: var(--bg-card-color)}.zone-details-popover .zdp-container{padding:8px}.zone-details-popover .zdp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.zone-details-popover .zdp-header h2{font-size:clamp(14px,2vw,16px);font-weight:600;color:var(--main-header-text-color);margin:0 0 0 10px}.zone-details-popover .zdp-header .close{--padding-start: 6px;--padding-end: 6px;color:var(--text-gray-color);margin:0}.zone-details-popover .zdp-header .close ion-icon{font-size:24px}.zone-details-popover .zdp-grid .zdp-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.zone-details-popover .hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin-bottom:10px}.zone-details-popover .title .name{font-weight:600;font-size:clamp(16px,2vw,18px);color:var(--main-header-text-color)}.zone-details-popover .title .loc{font-size:clamp(14px,1.5vw,13px);color:var(--text-gray-color);margin-top:5px}.zone-details-popover .crop-details{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.zone-details-popover .crop-details .detail-item{display:flex;flex-direction:column;gap:8px}.zone-details-popover .crop-details .detail-item .label{font-size:clamp(14px,1.2vw,12px);font-weight:600;color:var(--main-header-text-color)}.zone-details-popover .crop-details .detail-item .value{font-size:clamp(12px,1.2vw,12px);color:var(--text-gray-color);font-weight:500}.zone-details-popover ion-badge.active{--background: var(--ion-color-success);--color: var(--white);border-radius:4px;padding:2px 8px;font-weight:600;font-size:12px}.zone-details-popover ion-badge.inactive{--background: var(--ion-color-danger);--color: var(--white);border-radius:4px;padding:2px 8px;font-weight:600;font-size:12px}.zone-details-popover .section{display:flex;flex-direction:column;margin-block:16px;gap:10px}.zone-details-popover .section .section-title{font-weight:600;color:var(--main-header-text-color);font-size:clamp(14px,1.5vw,14px)}.zone-details-popover .section .progress-top{display:flex;justify-content:space-between;align-items:center;font-size:clamp(12px,1.3vw,13px);color:var(--text-gray-color)}.zone-details-popover .section .progress{--background: var(--input-border);--buffer-background: var(--input-border);--progress-background: var(--ion-color-success);height:6px;border-radius:999px}.zone-details-popover .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.zone-details-popover .temp-card ion-icon{color:#d0021b}.zone-details-popover .humi-card ion-icon{color:#4a90e2}.zone-details-popover .ph-card ion-icon{color:#7ed321}.zone-details-popover .ec-card ion-icon{color:#f5a623}.zone-details-popover .mini-card{border:1px solid var(--input-border);border-radius:8px;padding:10px;display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center}.zone-details-popover .mini-card ion-icon{font-size:20px;grid-row:span 2}.zone-details-popover .mini-card .val{font-weight:600;color:var(--main-header-text-color);font-size:clamp(14px,1.3vw,15px)}.zone-details-popover .mini-card .lbl{font-size:clamp(12px,1.2vw,12px);color:var(--text-gray-color);margin-top:2px}.zone-details-popover .info-card{border:1px solid var(--input-border);border-radius:8px;background:var(--bg-card-color);height:97%;border-bottom:1px solid var(--input-border)}.zone-details-popover .info-card .card-title{font-size:clamp(14px,2vw,16px);font-weight:600;margin-bottom:4px;color:var(--main-header-text-color);padding:10px;border-bottom:1px solid var(--input-border)}.zone-details-popover .info-card .group{padding:10px}.zone-details-popover .info-card .group .sub{color:var(--main-header-text-color)}.zone-details-popover .info-card .group .line{margin-top:10px}.zone-details-popover .info-card .group .line span{display:block}.zone-details-popover .info-card .line .k{color:var(--main-header-text-color);font-size:16px}.zone-details-popover .info-card .line .v{color:var(--text-gray-color);font-size:14px}.zone-details-popover .info-card .remaining{font-size:clamp(12px,1.2vw,12px);margin-top:6px;color:var(--text-gray-color)}.zone-details-popover .info-card .note{font-size:clamp(14px,1.3vw,14px);padding:12px;color:var(--text-gray-color);background:var(--table-bg);margin-top:8px;border-radius:4px}.zone-details-popover .info-card .actions{display:flex;gap:8px;padding:8px}.zone-details-popover .info-card .actions ion-button{height:35px;text-transform:capitalize}.zone-details-popover .info-card .actions .edit-btn{width:60%}.zone-details-popover .info-card .actions .delete-btn{width:40%}.zone-details-popover .zdp-footer{padding-block:10px 5px;border-top:1px solid var(--input-border);display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px}.zone-details-popover .zdp-footer ion-button{height:30px;text-transform:capitalize}@media (max-width: 1024px){.zone-details-popover .zone-details-popover{--width: 90vw}}@media (max-width: 768px){.zone-details-popover .zone-details-popover{--width: 95vw}.zone-details-popover ion-row{flex-direction:column}.zone-details-popover .left,.zone-details-popover .right{padding-top:0}}@media (max-width: 480px){.zone-details-popover .hero{height:140px}.zone-details-popover .zdp-container{padding:12px}.zone-details-popover .title .name{font-size:16px}.zone-details-popover .crop-details{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 725px){.zone-details-popover{--width: 80%}.zone-details-popover .zdp-grid .zdp-row{grid-template-columns:repeat(1,1fr);gap:0}.zone-details-popover .info-card .actions{padding-bottom:30px}}.analytics-page{background:var(--bg-color)}.analytics-page::part(scroll){scrollbar-width:thin}.analytics-page ion-card{border-radius:12px;background:var(--bg-card-color);color:var(--text-normal);box-shadow:0 2px 8px #00000026}.analytics-page ion-card-title{color:var(--main-header-text-color);font-weight:600}.analytics-page ion-card-header.card-title-segment-header{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:space-between}.analytics-page .chart-container .apexcharts-yaxis text,.analytics-page .chart-container .apexcharts-xaxis text{fill:var(--white)!important}.analytics-page .chart-container .apexcharts-title-text{fill:var(--main-header-text-color)}.analytics-page .chart-container .apexcharts-legend-text{color:var(--white)!important;margin-left:-12px}.analytics-page .chart-container .apexcharts-tooltip{background:var(--bg-card-color)!important;border:1px solid var(--input-border)!important;box-shadow:none!important}.analytics-page .chart-container .apexcharts-tooltip .apexcharts-tooltip-title,.analytics-page .chart-container .apexcharts-tooltip .apexcharts-tooltip-text{color:var(--white)!important;background:transparent!important}.analytics-page .chart-container .apexcharts-gridline{stroke:var(--text-gray-dark-color)!important;display:none}.analytics-page .chart-container .apexcharts-toolbar{display:none}.analytics-page ion-segment{--background: transparent;margin-top:8px}.analytics-page ion-segment-button{--indicator-color: var(--ion-color-primary);--color: var(--text-gray-color);--color-checked: var(--ion-color-primary);font-size:14px;font-weight:600;text-transform:none;min-height:40px}.analytics-page .filter-card{margin-bottom:10px}.analytics-page .filter-card ion-item{--background: transparent;--color: var(--main-sub-header-text-color);--background-hover: transparent}.analytics-page .filter-card ion-item ion-label{color:var(--input-label);margin-bottom:14px;font-size:18px}.analytics-page .filter-card ion-item ion-select{--color: var(--select-option-text);border:1px solid var(--input-border);border-radius:6px;padding-left:10px;margin-bottom:10px}.analytics-page .filter-card .apply-btn{display:flex;align-items:end}.analytics-page .filter-card .apply-btn ion-button{--background: var(--button-linear-gradient);font-weight:600;width:100%;--padding-top: 12px;--padding-bottom: 12px;--border-radius: 4px;margin-bottom:10px;text-transform:capitalize;font-size:15px}.analytics-page .yield-card{margin-bottom:10px}.analytics-page .yield-card .metric-box{text-align:center;background:transparent;border-radius:10px;padding:12px;border:1px solid var(--input-border);display:flex;flex-direction:column;gap:5px}.analytics-page .yield-card .metric-box h2{font-size:20px;font-weight:700;color:var(--ion-color-primary)}.analytics-page .yield-card .metric-box p{color:var(--text-gray-color);font-size:15px}.analytics-page .yield-card .metric-box span{margin-top:5px}.analytics-page .yield-card .metric-box .positive{color:var(--ion-color-secondary-tint);font-weight:500}.analytics-page .yield-card .metric-box .negative{color:var(--ion-color-danger);font-weight:500}.analytics-page .resource-env-grid{container-type:inline-size}.analytics-page .resource-env-grid .resource-env-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@container (max-width: 750px){.analytics-page .resource-env-grid .resource-env-row{grid-template-columns:repeat(1,1fr)}}.analytics-page .resource-env-grid .resource-env-row .resource-col ion-list{background:transparent;display:flex;flex-direction:column;gap:10px}.analytics-page .resource-env-grid .resource-env-row .resource-col ion-list ion-item{--background: transparent}.analytics-page .resource-env-grid .resource-env-row .resource-col ion-list ion-item ion-icon{margin-right:20px;font-size:26px}.analytics-page .resource-env-grid .resource-env-row .resource-col ion-list ion-item .resource-usage-values ion-label{color:var(--main-header-text-color)}.analytics-page .resource-env-grid .resource-env-row .resource-col ion-list ion-item .resource-usage-values ion-note{font-weight:700;color:var(--text-gray-color)}.analytics-page .resource-env-grid .resource-env-row .resource-col ion-list ion-item .resource-value-percent span.positive{color:var(--ion-color-primary)}.analytics-page .resource-env-grid .resource-env-row .resource-col ion-list ion-item .resource-value-percent span.negative{color:var(--ion-color-danger)}.analytics-page .resource-env-grid .resource-env-row .env-col ion-list{background:transparent;display:flex;flex-direction:column;gap:10px}.analytics-page .resource-env-grid .resource-env-row .env-col ion-list ion-item{--background: transparent}.analytics-page .resource-env-grid .resource-env-row .env-col ion-list ion-item ion-icon{margin-right:20px;font-size:26px}.analytics-page .resource-env-grid .resource-env-row .env-col ion-list ion-item .env-condition-values ion-label{color:var(--main-header-text-color)}.analytics-page .resource-env-grid .resource-env-row .env-col ion-list ion-item .env-condition-values ion-note{font-weight:700;color:var(--text-gray-color)}.analytics-page .resource-env-grid .resource-env-row .env-col ion-list ion-item .env-value-percent span.value{color:var(--main-header-text-color)}.analytics-page .env-box{text-align:center;padding:12px;background:var(--light-inside-round);border-radius:8px}.analytics-page .env-box h3{margin:6px 0;font-size:1.2rem;font-weight:700;color:var(--main-header-text-color)}.analytics-page .env-box p{font-size:.85rem;color:var(--text-gray-color)}.analytics-page .env-box ion-icon{font-size:1.6rem;color:var(--green-icon-color)}.analytics-page .zone-comparison-card{margin:10px 0 0}.analytics-page .zone-comparison-card .zone-comparison-grid{container-type:inline-size}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row{display:grid;grid-template-columns:65% 35%;gap:10px}@container (max-width: 750px){.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row{grid-template-columns:repeat(1,1fr)}}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list{height:300px;overflow-y:auto}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric{display:flex;align-items:flex-start;background:var(--bg-color);padding:10px;border-radius:8px;margin-bottom:12px}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric .dot{width:12px;height:12px;border-radius:30%;margin-right:12px;margin-top:15px}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric .info{flex:1}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric .info .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric .info .row strong{font-size:.9rem;color:var(--main-header-text-color)}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric .info .row .label{font-size:.85rem;color:var(--text-gray-color);font-weight:500}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric .info .row p{font-size:.8rem;color:var(--text-gray-color);margin:0}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric .info .row .positive{color:var(--ion-color-primary);font-weight:600}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric .info .row .negative{color:var(--ion-color-danger);font-weight:600}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric.green .dot{background:#16a34a}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric.blue .dot{background:#2563eb}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric.yellow .dot{background:#facc15}.analytics-page .zone-comparison-card .zone-comparison-grid .zone-comparison-row .zone-comparison-col .zone-metric-list .zone-metric.purple .dot{background:#9333ea}.analytics-page .growth-alerts-grid{padding:0;margin-block:10px;container-type:inline-size}.analytics-page .growth-alerts-grid .growth-alerts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@container (max-width: 750px){.analytics-page .growth-alerts-grid .growth-alerts-row{grid-template-columns:repeat(1,1fr)}}.analytics-page .growth-alerts-grid .growth-alerts-row .growth-trends-col .metric-box{text-align:center;background:var(--bg-color);border-radius:10px;padding:14px}.analytics-page .growth-alerts-grid .growth-alerts-row .growth-trends-col .metric-box h3{margin:0;font-size:1.4rem;font-weight:700}.analytics-page .growth-alerts-grid .growth-alerts-row .growth-trends-col .metric-box p{margin:4px 0 0;font-size:.85rem;color:var(--text-gray-color)}.analytics-page .growth-alerts-grid .growth-alerts-row .growth-trends-col .metric-box .positive{color:var(--ion-color-primary)}.analytics-page .growth-alerts-grid .growth-alerts-row .alerts-col .alerts-list{background:transparent;height:430px;overflow-y:auto}.analytics-page .growth-alerts-grid .growth-alerts-row .alerts-col .alerts-list ion-item{border-radius:10px;border:1px solid var(--input-border);--background: transparent;margin-bottom:10px}.analytics-page .growth-alerts-grid .growth-alerts-row .alerts-col .alerts-list ion-item ion-icon{font-size:22px;margin-right:10px}.analytics-page .growth-alerts-grid .growth-alerts-row .alerts-col .alerts-list ion-item ion-label strong{font-size:16px;color:var(--main-header-text-color)}.analytics-page .growth-alerts-grid .growth-alerts-row .alerts-col .alerts-list ion-item ion-label p{font-size:14px;color:var(--text-gray-color);margin:2px 0}.analytics-page .growth-alerts-grid .growth-alerts-row .alerts-col .alerts-list ion-item ion-label small{font-size:12px;color:var(--text-gray-color)}.analytics-page .growth-alerts-grid .growth-alerts-row .alerts-col .alerts-list ion-item ion-button{font-size:12px;--border-radius: 4px}.analytics-page .growth-alerts-grid .growth-alerts-row .alerts-col .view-all{text-align:center;margin-top:10px;color:var(--ion-color-primary);font-weight:600;display:block}.agriculture-climate-page>div{height:calc(100vh - 178px);container-type:inline-size;overflow-y:auto}.agriculture-climate-page .climate-schedule-card-wrapper,.agriculture-climate-page .climate-env-trends-control-card-wrapper{display:flex;gap:10px}@container (max-width: 800px){.agriculture-climate-page .climate-schedule-card-wrapper,.agriculture-climate-page .climate-env-trends-control-card-wrapper{flex-direction:column}.agriculture-climate-page .climate-schedule-card-wrapper .env-trends-card,.agriculture-climate-page .climate-schedule-card-wrapper .climate-control-card-wrapper,.agriculture-climate-page .climate-env-trends-control-card-wrapper .env-trends-card,.agriculture-climate-page .climate-env-trends-control-card-wrapper .climate-control-card-wrapper{flex:none}}.agriculture-climate-page .quick-infor-header-cards{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}@container (max-width: 880px){.agriculture-climate-page .quick-infor-header-cards{grid-template-columns:repeat(2,1fr)}}@container (max-width: 450px){.agriculture-climate-page .quick-infor-header-cards{grid-template-columns:repeat(1,1fr)}}.agriculture-climate-page .quick-infor-header-cards .stats-card{margin:0;border-radius:12px;box-shadow:var(--ion-card-box-shadow);padding:12px;background-color:var(--bg-card-color)}.agriculture-climate-page .quick-infor-header-cards .stats-card ion-card-header{padding:0;margin-bottom:8px}.agriculture-climate-page .quick-infor-header-cards .stats-card ion-card-header .card-header-content{display:flex;justify-content:space-between;align-items:center}.agriculture-climate-page .quick-infor-header-cards .stats-card ion-card-header .card-header-content .title{font-size:14px;font-weight:500;color:var(--main-sub-header-text-color)}.agriculture-climate-page .quick-infor-header-cards .stats-card ion-card-header .card-header-content .stat-icon{font-size:24px}.agriculture-climate-page .quick-infor-header-cards .stats-card ion-card-content{padding:0}.agriculture-climate-page .quick-infor-header-cards .stats-card ion-card-content .count{font-size:32px;font-weight:700;color:var(--main-header-text-color);margin-bottom:8px}.agriculture-climate-page .quick-infor-header-cards .stats-card ion-card-content .progress-bar{background-color:var(--input-border);height:6px;border-radius:4px;overflow:hidden;margin-bottom:8px}.agriculture-climate-page .quick-infor-header-cards .stats-card ion-card-content .progress-bar .progress{height:100%;border-radius:4px}.agriculture-climate-page .quick-infor-header-cards .stats-card ion-card-content .subtitle{display:flex;align-items:center;gap:5px;font-size:14px;color:var(--text-normal)}.agriculture-climate-page .env-trends-card{margin:10px 0 0;flex:.7;border-radius:12px;background-color:var(--bg-card-color);box-shadow:var(--ion-card-box-shadow)}.agriculture-climate-page .env-trends-card ion-card-header ion-item{--padding-start: 8px}.agriculture-climate-page .env-trends-card ion-card-header ion-title{padding:0;color:var(--main-header-text-color)}.agriculture-climate-page .env-trends-card .climate-env-trends-control-card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.agriculture-climate-page .env-trends-card .climate-env-trends-control-card-header .actions{display:flex;gap:10px;flex-wrap:wrap}.agriculture-climate-page .env-trends-card .filter-select-trigger{width:220px;flex-shrink:0;height:44px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--input-border);border-radius:5px;padding-inline:12px;font-size:16px;color:var(--main-header-text-color);cursor:pointer}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card{border-radius:12px;overflow:hidden;padding:0;margin:0;background-color:var(--bg-card-color);border:1px solid var(--input-border);box-shadow:none}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card ion-segment{--background: transparent;--indicator-color: var(--ion-color-primary);border-bottom:1px solid var(--input-border)}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card ion-segment ion-segment-button{--color: var(--main-sub-header-text-color)}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card ion-segment .segment-button-indicator{bottom:-1px!important}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card .chart-container{padding:8px;position:relative}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .apexcharts-title-text{fill:var(--main-header-text-color)}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .no-chart-logs-text,.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .chart-logs-loading-spinner{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--text-gray-color)}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .chart-logs-loading-spinner{width:35px;height:35px}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .apexcharts-text.apexcharts-yaxis-label,.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card .chart-container .apexcharts-text.apexcharts-xaxis-label{fill:var(--main-sub-header-text-color)}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card .chart-container.no-chart-logs apx-chart{opacity:0}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card .chart-container.no-chart-logs .no-chart-logs-text{opacity:1}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card .chart-container.chart-logs-loading apx-chart{opacity:0}.agriculture-climate-page .env-trends-card .agriculture-climate-env-trends-card .chart-container.chart-logs-loading .chart-logs-loading-spinner{opacity:1}.agriculture-climate-page .climate-control-card-wrapper{flex:.3;margin:10px 0 0;background-color:var(--bg-card-color);box-shadow:var(--ion-card-box-shadow)}.agriculture-climate-page .climate-control-card-wrapper ion-card-header ion-item{--padding-start: 8px}.agriculture-climate-page .climate-control-card-wrapper ion-card-header ion-title{padding:0;color:var(--main-header-text-color)}.agriculture-climate-page .climate-control-card-wrapper .climate-control-card{border-radius:12px;background-color:var(--bg-card-color);box-shadow:none;margin:0}.agriculture-climate-page .climate-control-card-wrapper .climate-control-card ion-card-content{padding-top:0;padding-bottom:0;padding-inline-start:0px;padding-inline-end:0px}.agriculture-climate-page .climate-control-card-wrapper .climate-control-card .growth-stage-wrapper{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.agriculture-climate-page .climate-control-card-wrapper .climate-control-card .growth-stage-label{font-size:14px;color:var(--main-header-text-color)}.agriculture-climate-page .climate-control-card-wrapper .climate-control-card .growth-stage-select{--min-height: 38px;--padding-start: 10px;--padding-end: 10px;--background: transparent;--border-radius: 6px;--border-color: var(--input-border);--border-width: 1px;--border-style: solid;font-size:14px}.agriculture-climate-page .climate-control-card-wrapper .slider-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-top:8px;margin-bottom:-8px;color:var(--main-header-text-color)}.agriculture-climate-page .climate-control-card-wrapper .slider-row ion-label{font-weight:600}.agriculture-climate-page .climate-control-card-wrapper ion-range{--bar-background: var(--table-bg);margin-bottom:12px}.agriculture-climate-page .climate-control-card-wrapper .climate-control-card-footer{padding-bottom:12px;padding-inline:12px}.agriculture-climate-page .climate-control-card-wrapper .climate-control-card-footer ion-button{color:#fff;text-transform:capitalize}.agriculture-climate-page .climate-control-card-wrapper .climate-control-card-footer ion-icon{color:#fff;font-size:20px;margin-right:6px}.agriculture-climate-page .upcoming-schedule-card{flex:.3;margin:10px 0 0;border-radius:12px;background-color:var(--bg-card-color);box-shadow:var(--ion-card-box-shadow)}.agriculture-climate-page .upcoming-schedule-card ion-icon[name=add]{color:var(--main-header-text-color)}.agriculture-climate-page .upcoming-schedule-card ion-card-header ion-item{--padding-start: 8px}.agriculture-climate-page .upcoming-schedule-card ion-card-header ion-title{padding:0;color:var(--main-header-text-color)}.agriculture-climate-page .upcoming-schedule-card ion-card-content{max-height:450px;overflow-y:auto}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-card{display:flex}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-card .upcoming-schedule-card-timeline{flex:.1;position:relative}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-card .upcoming-schedule-card-timeline .schedule-timeline-dot{position:absolute;display:inline-block;width:10px;aspect-ratio:1;background:var(--ion-color-primary);border-radius:50%;z-index:10;left:50%;top:20%;transform:translate(-50%)}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-card .upcoming-schedule-card-timeline:after{content:"";width:2px;height:100%;position:absolute;left:50%;transform:translate(-50%);background:var(--input-border)}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card{flex:.9;background-color:var(--bg-card-color);border:1px solid var(--input-border);box-shadow:none;padding-bottom:8px}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .schedule-row{display:flex;align-items:center;justify-content:space-between;padding:5px 15px}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .schedule-details,.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .schedule-action-btns{display:flex;gap:10px;flex-wrap:wrap;padding:5px 15px}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .schedule-details ion-col,.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .schedule-action-btns ion-col{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--input-border);border-radius:5px}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .schedule-action-btns ion-col{border:none;padding:0}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .schedule-action-btns ion-col ion-button{width:100%;margin:0}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .title{font-weight:600;color:var(--main-header-text-color)}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .time,.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .icon,.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .days{color:var(--main-sub-header-text-color)}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .time,.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .days{font-size:12px}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .icon{font-size:16px}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .value-icons{font-size:22px}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .temp-icon{color:var(--ion-color-primary)}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .humid-icon{color:var(--ion-color-danger)}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card .co2-icon{color:var(--ion-color-medium)}.agriculture-climate-page .upcoming-schedule-card .upcoming-schedule-card-wrapper .schedule-main-card ion-toggle{zoom:.6;--handle-background-checked: #ffffff;--track-background-checked: var(--ion-color-primary);--track-background: var(--input-border)}.agriculture-climate-page .climate-zones-card{flex:.7;margin:10px 0 0;border-radius:12px;background-color:var(--bg-card-color);box-shadow:var(--ion-card-box-shadow)}.agriculture-climate-page .climate-zones-card ion-card-header ion-item{--padding-start: 8px}.agriculture-climate-page .climate-zones-card ion-card-header ion-title{padding:0;color:var(--main-header-text-color)}.agriculture-climate-page .climate-zones-card ion-card-content{max-height:400px;overflow-y:auto}.agriculture-climate-page .climate-zones-card .no-climate-zone-text{color:var(--text-gray-color)}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card{border-radius:12px;padding:20px;margin:0;background-color:var(--bg-card-color);border:1px solid var(--input-border);box-shadow:none;container-type:inline-size}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card .device-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card .device-header .device-title{display:flex;align-items:center;gap:8px}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card .device-header .device-title .device-name{font-weight:600;color:var(--main-header-text-color);font-size:20px}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card .device-header ion-toggle{zoom:.8;--handle-background-checked: #ffffff;--track-background-checked: var(--ion-color-primary);--track-background: var(--input-border)}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card .brightness-row{font-weight:600;margin-bottom:16px;font-size:16px;color:var(--main-sub-header-text-color)}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card .brightness-row .brightness-icon{margin-right:6px;font-size:20px;margin-top:4px;color:var(--ion-color-warning)}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card .info-grid .info-item{background-color:var(--table-bg);border-radius:8px;padding:10px}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card .info-grid .info-item .label{font-size:13px;color:var(--text-gray-color)}.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card .info-grid .info-item .value{font-weight:700;color:var(--main-sub-header-text-color);font-size:15px}@container (max-width: 320px){.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper .device-card .info-grid{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 400px){.agriculture-climate-page .climate-zones-card .climate-zones-card-wrapper{grid-template-columns:1fr}}.filter_select_popover{--width: 270px;--background: var(--bg-color)}.filter_select_popover .filter_select_popover_content{--padding-start: 0px;--padding-top: 0px;--padding-bottom: 0px;--padding-end: 0px;--background: var(--bg-color)}.filter_select_popover .action-btn{display:flex;justify-content:end}.filter_select_popover .popover_list_text{color:var(--main-header-text-color)}.agriculture-climate-schedule-form,.agriculture-lighting-schedule-form{width:100%;height:100%;margin:0;background:var(--bg-card-color);overflow-y:auto}.agriculture-climate-schedule-form ion-item,.agriculture-lighting-schedule-form ion-item{--inner-padding-end: 0px}.agriculture-climate-schedule-form .schedule-control,.agriculture-lighting-schedule-form .schedule-control{margin-top:20px}.agriculture-climate-schedule-form .schedule-control .slider-row,.agriculture-lighting-schedule-form .schedule-control .slider-row{display:flex;align-items:center;justify-content:space-between}.agriculture-climate-schedule-form .schedule-control .slider-row span,.agriculture-climate-schedule-form .schedule-control .slider-row ion-label,.agriculture-lighting-schedule-form .schedule-control .slider-row span,.agriculture-lighting-schedule-form .schedule-control .slider-row ion-label{font-size:16px!important;font-weight:600;color:var(--main-sub-header-text-color)!important}.agriculture-climate-schedule-form .schedule-control ion-range,.agriculture-lighting-schedule-form .schedule-control ion-range{--bar-background: var(--table-bg);padding-top:10px}.agriculture-climate-schedule-form .ps-0,.agriculture-lighting-schedule-form .ps-0{--padding-start: 0px}.agriculture-climate-schedule-form .schedule_name_item ion-input,.agriculture-lighting-schedule-form .schedule_name_item ion-input{--padding-start: 10px}.agriculture-climate-schedule-form ion-card-header,.agriculture-lighting-schedule-form ion-card-header{display:flex;justify-content:space-between}.agriculture-climate-schedule-form ion-card-header ion-card-title,.agriculture-lighting-schedule-form ion-card-header ion-card-title{color:var(--main-header-text-color)}.agriculture-climate-schedule-form .time-row,.agriculture-lighting-schedule-form .time-row{display:flex;gap:10px;justify-content:space-between}.agriculture-climate-schedule-form .time-row ion-item,.agriculture-lighting-schedule-form .time-row ion-item{--padding-start: 0px}.agriculture-climate-schedule-form .days-row-label,.agriculture-lighting-schedule-form .days-row-label{font-size:16px;color:var(--main-header-text-color)}.agriculture-climate-schedule-form .days-row,.agriculture-lighting-schedule-form .days-row{display:flex;gap:5px;max-width:350px;margin:10px 0}.agriculture-climate-schedule-form .days-row div,.agriculture-lighting-schedule-form .days-row div{flex:1;height:35px;background:transparent;border:1px solid var(--input-border);border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.agriculture-climate-schedule-form .days-row .selected,.agriculture-lighting-schedule-form .days-row .selected{background:var(--table-bg);color:var(--ion-color-primary)}.agriculture-climate-schedule-form .growth-stage-wrapper .growth-stage-label,.agriculture-lighting-schedule-form .growth-stage-wrapper .growth-stage-label{color:var(--main-header-text-color)}.agriculture-climate-schedule-form .footer-buttons,.agriculture-lighting-schedule-form .footer-buttons{display:flex;justify-content:flex-end;gap:10px;padding:10px}.agriculture-profile-page{container-type:inline-size}.agriculture-profile-page ion-card{margin:0;background:transparent;box-shadow:none}.agriculture-profile-page>div{height:calc(100vh - 178px);overflow-y:hidden;display:flex;gap:10px}@container (max-width: 1200px){.agriculture-profile-page>div{display:block;overflow-y:auto}.agriculture-profile-page>div .agriculture-profile-stages-wrapper{height:unset}.agriculture-profile-page>div .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stages-card-header ion-title{padding:0;text-align:left}.agriculture-profile-page>div .agriculture-profile-stages-wrapper>ion-card-header ion-title{width:unset;font-size:20px;padding-left:20px;padding-right:20px;text-wrap-mode:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis}.agriculture-profile-page>div .agriculture-profile-stages-wrapper>ion-card-content{overflow-y:unset;height:auto}.agriculture-profile-page>div .agriculture-profile-stages-wrapper .agriculture-profile-stage-header-item ion-button{font-size:10px}.agriculture-profile-page>div .agriculture-profiles-card-wrapper{max-width:none;height:auto;margin-bottom:10px}.agriculture-profile-page>div .agriculture-profiles-card-wrapper ion-card-content{height:auto}.agriculture-profile-page>div .agriculture-profile-list{flex-direction:row!important}.agriculture-profile-page>div .agriculture-profile-card{width:250px!important;border-left:none!important;border-top:4px solid var(--bg-color);flex-shrink:0}.agriculture-profile-page>div .agriculture-profile-card.active{border-left:none!important;border-top:4px solid var(--ion-color-primary)}.agriculture-profile-page>div .agriculture-profile-card ion-icon{rotate:90deg}}.agriculture-profile-page .agriculture-profiles-card-wrapper{flex:.4;max-width:270px;height:100%;background:var(--bg-card-color);--background: var(--bg-card-color);padding:10px}.agriculture-profile-page .agriculture-profiles-card-wrapper>ion-card-header{padding:0;margin-bottom:20px}.agriculture-profile-page .agriculture-profiles-card-wrapper>ion-card-header ion-searchbar{padding:0;--background: var(--bg-color);--box-shadow: none;--color: var(--main-sub-header-text-color)}.agriculture-profile-page .agriculture-profiles-card-wrapper ion-card-content{padding:0;height:calc(100vh - 262px);overflow-y:auto}.agriculture-profile-page .agriculture-profiles-card-wrapper .agriculture-profile-list{display:flex;flex-direction:column;gap:10px}.agriculture-profile-page .agriculture-profiles-card-wrapper .agriculture-profile-list .agriculture-profile-card{width:100%;border-radius:5px;padding-block:5px;--background: transparent;color:var(--main-header-text-color);cursor:pointer;border-left:4px solid var(--bg-color)}.agriculture-profile-page .agriculture-profiles-card-wrapper .agriculture-profile-list .agriculture-profile-card.active{border-left:4px solid var(--ion-color-primary);background:var(--bg-color)}.agriculture-profile-page .agriculture-profiles-card-wrapper .agriculture-profile-list .agriculture-profile-card.active .profile-name,.agriculture-profile-page .agriculture-profiles-card-wrapper .agriculture-profile-list .agriculture-profile-card.active ion-icon{color:var(--main-header-text-color)}.agriculture-profile-page .agriculture-profiles-card-wrapper .agriculture-profile-list .agriculture-profile-card.active .profile-stages{color:var(--main-sub-header-text-color)}.agriculture-profile-page .agriculture-profiles-card-wrapper .agriculture-profile-list .agriculture-profile-card>div{display:flex;flex-direction:column}.agriculture-profile-page .agriculture-profiles-card-wrapper .agriculture-profile-list .agriculture-profile-card>div .profile-name{font-weight:600;font-size:16px;text-wrap-mode:nowrap;max-width:145px;overflow:hidden;text-overflow:ellipsis}.agriculture-profile-page .agriculture-profiles-card-wrapper .agriculture-profile-list .agriculture-profile-card>div .profile-stages{font-size:14px;color:var(--text-gray-color)}.agriculture-profile-page .agriculture-profiles-card-wrapper .agriculture-profile-list .agriculture-profile-card ion-icon{color:var(--text-gray-color)}.agriculture-profile-page .agriculture-profile-stages-wrapper{flex:1;height:100%}.agriculture-profile-page .agriculture-profile-stages-wrapper>ion-card-header{padding:0}.agriculture-profile-page .agriculture-profile-stages-wrapper>ion-card-header ion-title{padding-left:0;--color: var(--main-header-text-color)}.agriculture-profile-page .agriculture-profile-stages-wrapper>ion-card-content{padding-inline-start:0px;padding-inline-end:0px;padding-bottom:0;overflow-y:auto;height:calc(100vh - 250px)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stage-header-item{background:var(--bg-card-color);--background: var(--bg-card-color);border-radius:5px;--padding-top: 10px;--padding-bottom: 10px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stage-header-item ion-button{--padding-top: 12px;--padding-bottom: 12px;--padding-start: 20px;--padding-end: 20px;font-size:14px;text-wrap-mode:nowrap;--background: transparent;--box-shadow: none;border:1px solid var(--input-border);border-radius:4px;color:var(--main-header-text-color)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper{margin-top:10px;display:flex;flex-direction:column}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper{display:flex;--inner-padding-end: 0px;--padding-start: 0px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card-timeline{flex:.1;height:100%;position:relative}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card-timeline:after{content:"";width:2px;height:100%;position:absolute;left:50%;transform:translate(-50%);background:var(--input-border)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card-timeline .timeline-indicator{position:absolute;display:inline-block;width:10px;aspect-ratio:1;background:var(--ion-color-primary);border-radius:50%;z-index:10;left:50%;top:20%;transform:translate(-50%)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card{flex:1;background:var(--bg-card-color);margin:0 0 10px;--inline-padding: 25px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card>ion-card-content{padding-inline-start:var(--inline-padding);padding-inline-end:var(--inline-padding)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stages-card-header{--padding-start: 0px;--inner-padding-end: 0px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stages-card-header ion-title{--color: var(--main-header-text-color);flex:none;max-width:200px;padding-inline-start:0px;padding-inline-end:0px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stages-card-header .status-chip{font-size:12px;font-weight:600;padding-inline:20px;background:var(--table-bg);color:var(--main-sub-header-text-color)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stages-card-header .completed-chip{background:var(--ion-color-success);color:#fff}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stages-card-header .upcoming-chip{background:var(--ion-color-warning);color:#fff}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stages-card-header ion-button{margin:0;--padding-top: 10px;--padding-bottom: 10px;--padding-start: 20px;--padding-end: 20px;font-size:14px;text-transform:capitalize;--background: transparent;--box-shadow: none;border:1px solid var(--input-border);border-radius:4px;color:var(--main-header-text-color)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stages-card-header .edit-button{margin-left:10px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stages-card-header .delete-button{color:var(--ion-color-danger)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information{border:1px solid var(--input-border);color:var(--main-header-text-color);border-radius:8px;margin-top:10px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-container{padding:16px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--input-border)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-header h2{margin:0 0 3px;font-size:18px;font-weight:600}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-header p{margin:0;font-size:14px;color:#aaa}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-header .add-btn{--background: transparent;--color: var(--main-header-text-color);text-transform:capitalize;--box-shadow: none;border:1px solid var(--input-border);border-radius:4px;--padding-top: 10px;--padding-bottom: 10px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-card ion-card-header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:0 0 8px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-card ion-card-header ion-card-title{font-size:18px;color:var(--main-sub-header-text-color);font-weight:600}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-card ion-card-header .configuration-actions{display:flex;align-items:center;font-size:18px;gap:20px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-card ion-card-header ion-icon{--color: var(--main-sub-header-text-color)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-card ion-card-content .row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:14px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-card ion-card-content .row ion-icon{color:var(--main-header-text-color);margin-right:8px;font-size:18px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-card ion-card-content .row .label{flex:1;color:var(--main-sub-header-text-color)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-card ion-card-content .row .value{color:var(--main-sub-header-text-color);font-weight:500;display:flex;align-items:center}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-card .config-values{display:flex;gap:10px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .config-card .config-values .seperator{font-weight:700;color:var(--ion-color-primary)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .no-configuration-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-top:16px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .no-configuration-visual ion-icon{font-size:22px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .no-configuration-visual h4{font-size:16px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .no-configuration-visual p{font-size:14px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .no-configuration-visual ion-icon,.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .no-configuration-visual h4{color:var(--main-header-text-color)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .no-configuration-visual p{color:var(--text-normal)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .stage-config-timeline{display:flex;gap:20px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .stage-config-timeline.last{margin-top:10px}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .stage-config-timeline.last .timeline-card-wrapper{padding-bottom:0}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .stage-config-timeline .stage-config-timeline-header{position:relative}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .stage-config-timeline .stage-config-timeline-header .timeline-time{background:var(--bg-card-color)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .stage-config-timeline .stage-config-timeline-header:after{content:"";width:2px;height:calc(100% - 2px);position:absolute;left:50%;top:2px;z-index:-1;transform:translate(-50%);background:var(--input-border)}.agriculture-profile-page .agriculture-profile-stages-wrapper .agriculture-profile-stages-list-wrapper .agriculture-profile-stages-timeline-wrapper .profile-stages-card .stage-configuration-information .stage-config-timeline .timeline-card-wrapper{flex:1;padding-bottom:25px}.agriculture-profile-popover .agriculture-profile-add-card{margin:0;box-shadow:none}.agriculture-profile-popover .agriculture-profile-add-card ion-card-content{padding:0}.agriculture-profile-popover .agriculture-profile-add-card .footer-buttons{display:flex;justify-content:end;background:var(--bg-card-color);padding:15px}.agriculture-profile-popover .agriculture-profile-add-card .footer-buttons ion-button{font-weight:600}.agriculture-profile-popover .agriculture-profile-add-form-header ion-title{color:var(--main-header-text-color);padding-inline:0px}.agriculture-profile-popover .agriculture-profile-add-form ion-item ion-label{font-size:18px;color:var(--main-header-text-color)!important}.agriculture-profile-popover .agriculture-profile-add-form ion-item .error-text{color:var(--error);font-size:14px}.agriculture-profile-popover .agriculture-profile-add-form ion-item ion-input,.agriculture-profile-popover .agriculture-profile-add-form ion-item ion-select{--padding-start: 10px;--padding-end: 10px;margin-top:10px;border-radius:5px;color:var(--main-header-text-color);border:1px solid var(--input-border)}.agriculture-profile-popover .agriculture-profile-add-form ion-item ion-range{padding-inline:14px}.street-light-dashboard-page{container-type:inline-size}.street-light-dashboard-page ion-card{border-radius:12px;background:var(--bg-card-color);color:var(--text-normal);box-shadow:0 2px 8px #00000026;margin:0}.street-light-dashboard-page ion-card-title{color:var(--main-header-text-color);font-weight:600}.street-light-dashboard-page .chart-container .apexcharts-yaxis text,.street-light-dashboard-page .chart-container .apexcharts-xaxis text{fill:var(--white)!important}.street-light-dashboard-page .chart-container .apexcharts-title-text{fill:var(--main-header-text-color)}.street-light-dashboard-page .chart-container .apexcharts-legend-text{color:var(--white)!important;margin-left:-12px}.street-light-dashboard-page .chart-container .apexcharts-tooltip{background:var(--bg-card-color)!important;border:1px solid var(--input-border)!important;box-shadow:none!important}.street-light-dashboard-page .chart-container .apexcharts-tooltip .apexcharts-tooltip-title,.street-light-dashboard-page .chart-container .apexcharts-tooltip .apexcharts-tooltip-text{color:var(--white)!important;background:transparent!important}.street-light-dashboard-page .chart-container .apexcharts-gridline{stroke:var(--text-gray-dark-color)!important;display:none}.street-light-dashboard-page .chart-container .apexcharts-toolbar{display:none}.street-light-dashboard-page .metrics-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}@container (max-width: 766px){.street-light-dashboard-page .metrics-container{grid-template-columns:repeat(2,1fr)}}@container (max-width: 360px){.street-light-dashboard-page .metrics-container{grid-template-columns:repeat(1,1fr)}}.street-light-dashboard-page .metrics-container .metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.street-light-dashboard-page .metrics-container .metric-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px}.street-light-dashboard-page .metrics-container .delta{margin-left:8px;font-size:14px;font-weight:600}.street-light-dashboard-page .metrics-container .positive{color:var(--ion-color-success)}.street-light-dashboard-page .metrics-container .negative{color:var(--error)}.street-light-dashboard-page .metrics-container .metric-title{font-size:14px;color:var(--input-label);margin:0 0 4px;font-weight:500}.street-light-dashboard-page .metrics-container .metric-value{font-size:28px;font-weight:700;margin:0;color:var(--main-header-text-color)}.street-light-dashboard-page .metrics-container .availability .metric-icon{background-color:#dcfce7}.street-light-dashboard-page .metrics-container .availability .metric-icon ion-icon{color:#28a745}.street-light-dashboard-page .metrics-container .lights .metric-icon{background-color:#dbeafe}.street-light-dashboard-page .metrics-container .lights .metric-icon ion-icon{color:#17a2b8}.street-light-dashboard-page .metrics-container .mttr .metric-icon{background-color:#fef9c3}.street-light-dashboard-page .metrics-container .mttr .metric-icon ion-icon{color:#ffc107}.street-light-dashboard-page .metrics-container .alerts .metric-icon{background-color:#fee2e2}.street-light-dashboard-page .metrics-container .alerts .metric-icon ion-icon{color:#dc3545}.street-light-dashboard-page .dashboard-grid{display:flex;gap:10px;margin-top:10px}@container (max-width: 800px){.street-light-dashboard-page .dashboard-grid{flex-direction:column}}.street-light-dashboard-page .dashboard-grid .map-section{flex:.65}.street-light-dashboard-page .dashboard-grid .map-section ion-card-content{height:100%}.street-light-dashboard-page .dashboard-grid .map-section .map-overview-container{height:100%}.street-light-dashboard-page .dashboard-grid .map-section .map-box{position:relative;height:330px;background:linear-gradient(to bottom right,#f1f5f9,#e2e8f0);border-radius:8px;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.street-light-dashboard-page .dashboard-grid .map-section .map-box .map-placeholder{text-align:center;color:#666}.street-light-dashboard-page .dashboard-grid .map-section .map-box .map-placeholder .map-icon{font-size:24px;color:#777}.street-light-dashboard-page .dashboard-grid .map-section .map-box .map-placeholder p{margin:.25rem 0;font-weight:500}.street-light-dashboard-page .dashboard-grid .map-section .map-box .map-placeholder small{color:#999}.street-light-dashboard-page .dashboard-grid .map-section .map-box .dot{position:absolute;width:12px;height:12px;border-radius:50%}.street-light-dashboard-page .dashboard-grid .map-section .map-box .online{background:#16a34a;top:20%;left:30%}.street-light-dashboard-page .dashboard-grid .map-section .map-box .offline{background:#dc2626;top:50%;left:70%}.street-light-dashboard-page .dashboard-grid .map-section .map-box .maintenance{background:#facc15;top:70%;left:40%}.street-light-dashboard-page .dashboard-grid .map-section .map-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.street-light-dashboard-page .dashboard-grid .map-section .map-footer .status{font-size:14px;font-weight:500}.street-light-dashboard-page .dashboard-grid .map-section .map-footer .status.online{color:#16a34a}.street-light-dashboard-page .dashboard-grid .map-section .map-footer .status.offline{color:#dc2626}.street-light-dashboard-page .dashboard-grid .map-section .map-footer .status.maintenance{color:#facc15}.street-light-dashboard-page .dashboard-grid .alerts-section{flex:.35}.street-light-dashboard-page .dashboard-grid .alerts-section ion-card-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.street-light-dashboard-page .dashboard-grid .alerts-section ion-card-header ion-button{margin:0}.street-light-dashboard-page .dashboard-grid .alerts-section .alert-cards-container{height:385px;overflow-y:auto}.street-light-dashboard-page .dashboard-grid .alerts-section .alert-card{display:flex;align-items:flex-start;gap:.75rem;padding:10px;border-radius:6px;margin-bottom:10px;background:transparent;border:1px solid var(--input-border)}.street-light-dashboard-page .dashboard-grid .alerts-section .alert-card ion-icon{font-size:22px;margin-top:2px}.street-light-dashboard-page .dashboard-grid .alerts-section .alert-card h3{margin:0;font-size:16px;font-weight:600;color:var(--main-header-text-color)}.street-light-dashboard-page .dashboard-grid .alerts-section .alert-card p{margin:2px 0;font-size:14px;color:var(--text-normal)}.street-light-dashboard-page .dashboard-grid .alerts-section .alert-card small{font-size:12px;color:var(--input-label)}.street-light-dashboard-page .dashboard-grid .alerts-section .alert-card.danger ion-icon{color:#dc2626}.street-light-dashboard-page .dashboard-grid .alerts-section .alert-card.warning ion-icon{color:#f59e0b}.street-light-dashboard-page .dashboard-grid .alerts-section .alert-card.info ion-icon{color:#2563eb}.street-light-dashboard-page .energy-fault-grid{container-type:inline-size;margin-top:10px}.street-light-dashboard-page .energy-fault-grid .energy-fault-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@container (max-width: 750px){.street-light-dashboard-page .energy-fault-grid .energy-fault-row{grid-template-columns:repeat(1,1fr)}}.street-light-dashboard-page .energy-fault-grid .energy-fault-row .energy-col ion-card{margin:0;border-radius:12px;box-shadow:0 2px 8px #00000026;--background: var(--bg-card-color)}.street-light-dashboard-page .energy-fault-grid .energy-fault-row .fault-col ion-card{margin:0;border-radius:12px;box-shadow:0 2px 8px #00000026;--background: var(--bg-card-color)}.room-configuration-setting-form-card{width:100%;height:100%;margin:0;background:var(--bg-card-color);overflow-y:auto}.room-configuration-setting-form-card form:not(:last-child){border-bottom:1px solid var(--input-border);padding-bottom:8px;margin-bottom:12px}.room-configuration-setting-form-card .form-title{color:var(--main-header-text-color);font-size:16px;font-weight:600}.room-configuration-setting-form-card ion-item{--inner-padding-end: 0px}.room-configuration-setting-form-card .save-button{margin:0;--padding-start: 20px;--padding-end: 20px;--padding-bottom: 10px;--padding-top: 10px;font-size:14px}.agriculture-profile-stage-config-form{margin:0;height:100%;display:flex;flex-direction:column}.agriculture-profile-stage-config-form .agriculture-profile-stage-config-form-header ion-item{--padding-start: 5px}.agriculture-profile-stage-config-form .agriculture-profile-stage-config-form-header ion-title{padding-inline-start:0px}.agriculture-profile-stage-config-form>ion-card-content{flex:1;overflow-y:auto}.agriculture-profile-stage-config-form .agriculture-profile-stage-config-form-footer{display:flex;gap:10px;justify-content:end;padding:13px 16px}.agriculture-profile-stage-config-form form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.agriculture-profile-stage-config-form form ion-item{--padding-start: 0px;--inner-padding-end: 0px}.agriculture-profile-stage-config-form form ion-item ion-label{font-size:18px;color:var(--main-header-text-color)!important}.agriculture-profile-stage-config-form form ion-item .error-text{color:var(--error);font-size:14px}.agriculture-profile-stage-config-form form ion-item ion-input,.agriculture-profile-stage-config-form form ion-item ion-select{--padding-start: 10px;--padding-end: 10px;margin-top:10px;border-radius:5px;color:var(--main-header-text-color);border:1px solid var(--input-border)}.agriculture-profile-stage-config-form form ion-item ion-range{border-radius:5px;margin-top:10px;padding-inline-end:15px;padding-inline-start:10px;padding-top:3px;padding-bottom:3px;border:1px solid var(--input-border)}.agriculture-profile-stage-config-form form ion-item ion-datetime{width:100%;margin-top:10px;--background: var(--input-bg);background:transparent;--background-rgb: var(--input-bg);--wheel-highlight-background: var(--forgot-label-color);font-family:SpaceGrotesk;text-transform:capitalize;font-weight:400;font-size:18px}.agriculture-profile-stage-config-form form ion-item ion-datetime::part(wheel-item){color:var(--text-normal);font-family:SpaceGrotesk;font-weight:500;font-size:23px}.agriculture-profile-stage-config-form form ion-item ion-datetime::part(wheel-item active){color:var(--button-text-color);font-family:SpaceGrotesk;text-transform:capitalize;font-weight:700;font-size:25px}.agriculture-profile-stage-config-form form .segment-item{display:flex;align-items:end}.agriculture-profile-stage-config-form form .span-2{grid-column:span 2}.custom-input-wrapper,.custom-select-wrapper,.custom-date-wrapper,.custom-text-area-wrapper{display:flex;flex-direction:column;margin:10px 0}.custom-input-wrapper .field-label,.custom-select-wrapper .field-label,.custom-date-wrapper .field-label,.custom-text-area-wrapper .field-label{color:var(--main-sub-header-text-color);font-size:16px;font-weight:500;margin-bottom:6px}.custom-input-wrapper ion-input,.custom-input-wrapper ion-select,.custom-input-wrapper ion-textarea,.custom-select-wrapper ion-input,.custom-select-wrapper ion-select,.custom-select-wrapper ion-textarea,.custom-date-wrapper ion-input,.custom-date-wrapper ion-select,.custom-date-wrapper ion-textarea,.custom-text-area-wrapper ion-input,.custom-text-area-wrapper ion-select,.custom-text-area-wrapper ion-textarea{--highlight-color: none !important;--background: transparent;--border-radius: 5px;--border: 1px solid var(--input-border);--padding-start: 12px;--padding-end: 12px;color:var(--main-header-text-color);border:1px solid var(--input-border);border-radius:5px;font-size:16px}.custom-input-wrapper ion-textarea,.custom-select-wrapper ion-textarea,.custom-date-wrapper ion-textarea,.custom-text-area-wrapper ion-textarea{--padding-bottom: 18px}.street-light-maintenance-page ion-card{--background: var(--bg-card-color);--color: var(--main-header-text-color);border-radius:12px;box-shadow:0 2px 8px #00000026;align-content:center;padding:14px}.street-light-maintenance-page ion-card-title{color:var(--main-header-text-color);font-weight:600;width:max-content}.street-light-maintenance-page .status-card-grid{container-type:inline-size}.street-light-maintenance-page .status-card-grid .status-card-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@container (max-width: 766px){.street-light-maintenance-page .status-card-grid .status-card-row{grid-template-columns:repeat(2,1fr)}}@container (max-width: 360px){.street-light-maintenance-page .status-card-grid .status-card-row{grid-template-columns:repeat(1,1fr)}}.street-light-maintenance-page .status-card-grid .status-card{height:95%;margin:0}.street-light-maintenance-page .status-card-grid .status-card ion-card-content h6{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-gray-color);margin-bottom:16px}.street-light-maintenance-page .status-card-grid .status-card ion-card-content h2{font-size:28px;font-weight:600;color:var(--main-header-text-color)}.street-light-maintenance-page .status-card-grid .status-card ion-card-content h2 small{font-size:14px;color:var(--text-gray-color);font-weight:500;display:contents}.street-light-maintenance-page .status-card-grid .status-card ion-card-content small{font-size:13px;color:var(--text-gray-color);display:block}.street-light-maintenance-page .status-card-grid .status-card .card-icon{font-size:40px;opacity:.7}.street-light-maintenance-page .status-card-grid .active-faults{border-left:4px solid #D0021B}.street-light-maintenance-page .status-card-grid .active-faults .card-icon{color:#d0021b}.street-light-maintenance-page .status-card-grid .maintenance-tasks{border-left:4px solid #4A90E2}.street-light-maintenance-page .status-card-grid .maintenance-tasks .card-icon{color:#4a90e2}.street-light-maintenance-page .status-card-grid .in-progress{border-left:4px solid #F5A623}.street-light-maintenance-page .status-card-grid .in-progress .card-icon{color:#f5a623}.street-light-maintenance-page .status-card-grid .completed-this-week{border-left:4px solid #7ED321}.street-light-maintenance-page .status-card-grid .completed-this-week .card-icon{color:#7ed321}.street-light-maintenance-page .active-faults-details-card{padding:0;margin:5px 0 0}.street-light-maintenance-page .active-faults-details-card ion-item{--background: transparent;--padding-start: 0}.street-light-maintenance-page .active-faults-details-card .filters{display:flex;gap:10px}.street-light-maintenance-page .active-faults-details-card .filters ion-select{--padding-start: 14px;--padding-end: 14px;border-radius:5px;color:var(--main-header-text-color);border:1px solid var(--input-border);font-size:14px}.street-light-maintenance-page .active-faults-details-card .faults-table{display:flex;flex-direction:column;overflow-x:auto}.street-light-maintenance-page .active-faults-details-card .faults-table .table-header,.street-light-maintenance-page .active-faults-details-card .faults-table .table-row{display:grid;grid-template-columns:80px 200px 200px 150px 150px 100px;padding:10px 0;align-items:center;justify-content:space-between}.street-light-maintenance-page .active-faults-details-card .faults-table .table-header{font-weight:600;color:var(--text-normal);border-bottom:1px solid var(--input-border)}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row{font-size:14px}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row .id{font-weight:600}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row .id.critical{color:#e53935}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row .id.warning{color:#f9a825}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row .id.minor{color:#3949ab}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row .issue{display:flex;flex-direction:column;align-items:start;gap:8px;color:var(--main-header-text-color)}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row .location,.street-light-maintenance-page .active-faults-details-card .faults-table .table-row .assigned,.street-light-maintenance-page .active-faults-details-card .faults-table .table-row .age{display:flex;align-items:center;gap:5px;color:var(--text-normal)}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row .location ion-icon{font-size:18px}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row ion-badge.tag{font-size:11px;border-radius:6px;text-transform:none}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row ion-badge.tag.critical{background:#fddede;color:#d32f2f}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row ion-badge.tag.warning{background:#fff4cc;color:#f9a825}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row ion-badge.tag.minor{background:#e0e7ff;color:#3949ab}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row ion-badge.status{font-size:12px;border-radius:6px;padding:4px 8px;text-transform:none}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row ion-badge.status.in-progress{background:#e3f2fd;color:#1976d2}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row ion-badge.status.pending{background:#fff4cc;color:#f9a825}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row ion-badge.status.scheduled{background:#f3e5f5;color:#8e24aa}.street-light-maintenance-page .active-faults-details-card .faults-table .table-row ion-badge.status.completed{background:#e6f4ea;color:#2e7d32}.street-light-maintenance-page .active-faults-details-card .footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:13px;color:var(--text-normal)}.street-light-maintenance-page .active-faults-details-card .footer .pagination{display:flex;gap:8px}.street-light-maintenance-page .active-faults-details-card .footer .pagination ion-button{--border-radius: 4px;--border-color: var(--input-border);--color: var(--text-normal);--padding-start: 10px;--padding-end: 10px}.street-light-maintenance-page .heat-map-card{padding:0;margin:10px 0 0}.street-light-maintenance-page .heat-map-card .heat-map-content{display:flex;gap:10px}@media screen and (max-width: 749px){.street-light-maintenance-page .heat-map-card .heat-map-content{flex-direction:column}}.street-light-maintenance-page .heat-map-card ion-list{margin:0;padding:0!important;width:100%;background:transparent;border:1px solid var(--input-border);padding:10px;border-radius:8px;box-shadow:0 2px 8px #00000026}.street-light-maintenance-page .heat-map-card ion-list .legend-bar{display:flex;align-items:center;border-bottom:1px solid var(--input-border);padding:10px}.street-light-maintenance-page .heat-map-card ion-list .legend-bar .low,.street-light-maintenance-page .heat-map-card ion-list .legend-bar .high{font-size:13px;color:var(--text-normal)}.street-light-maintenance-page .heat-map-card ion-list .legend-bar .bar{flex:1;height:8px;margin:0 10px;border-radius:4px;background:linear-gradient(to right,#a8e6cf 15%,#7ed197 25%,#ffd54f 40%,#ff8a65,#e57373)}.street-light-maintenance-page .heat-map-card ion-list .zone{display:flex;align-items:center;font-size:16px;--background: transparent}.street-light-maintenance-page .heat-map-card ion-list .zone .dot{width:14px;height:14px;border-radius:30%;margin-right:8px}.street-light-maintenance-page .heat-map-card ion-list .zone .red{background:#ef5350}.street-light-maintenance-page .heat-map-card ion-list .zone .yellow{background:#fbc02d}.street-light-maintenance-page .heat-map-card ion-list .zone .green{background:#43a047}.street-light-maintenance-page .heat-map-card ion-list .zone .lightgreen{background:#a5d6a7}.street-light-maintenance-page .heat-map-card ion-list .zone .orange{background:#fb8c00}.street-light-maintenance-page .heat-map-card ion-list .zone ion-label{color:var(--main-header-text-color)}.street-light-maintenance-page .heat-map-card ion-list .zone .faults{margin-left:auto;font-size:14px;color:var(--text-normal)}.street-light-maintenance-page .heat-map-card .quick-stats{width:100%;margin:0;padding:0;border:1px solid var(--input-border)}.street-light-maintenance-page .heat-map-card .quick-stats .stats-grid{display:grid}.street-light-maintenance-page .heat-map-card .quick-stats .stats-grid .stats-1,.street-light-maintenance-page .heat-map-card .quick-stats .stats-grid .stats-2{width:100%;display:flex;justify-content:space-between;padding-inline:20px;margin-block:40px}.street-light-maintenance-page .heat-map-card .quick-stats .stats-grid strong{font-size:16px;color:var(--main-header-text-color)}.street-light-maintenance-page .heat-map-card .quick-stats .stats-grid p{margin:2px 0 0;font-size:14px;font-weight:500;color:var(--text-normal)}.street-light-analytics-page{container-type:inline-size}.street-light-analytics-page .chart-container .apexcharts-yaxis text,.street-light-analytics-page .chart-container .apexcharts-xaxis text{fill:var(--white)!important}.street-light-analytics-page .chart-container .apexcharts-title-text{fill:var(--main-header-text-color)}.street-light-analytics-page .chart-container .apexcharts-legend-text{color:var(--white)!important;margin-left:-12px}.street-light-analytics-page .chart-container .apexcharts-tooltip{background:var(--bg-card-color)!important;border:1px solid var(--input-border)!important;box-shadow:none!important}.street-light-analytics-page .chart-container .apexcharts-tooltip .apexcharts-tooltip-title,.street-light-analytics-page .chart-container .apexcharts-tooltip .apexcharts-tooltip-text{color:var(--white)!important;background:transparent!important}.street-light-analytics-page .chart-container .apexcharts-gridline{stroke:var(--text-gray-dark-color)!important;display:none}.street-light-analytics-page .chart-container .apexcharts-toolbar{display:none}.street-light-analytics-page ion-card{--background: var(--bg-card-color);--color: var(--main-header-text-color);border-radius:12px;box-shadow:0 2px 8px #00000026;align-content:center;margin:0}.street-light-analytics-page ion-card-title{color:var(--main-header-text-color);font-weight:600}.street-light-analytics-page .analytics-card-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}@container (max-width: 766px){.street-light-analytics-page .analytics-card-container{grid-template-columns:repeat(2,1fr)}}@container (max-width: 360px){.street-light-analytics-page .analytics-card-container{grid-template-columns:repeat(1,1fr)}}.street-light-analytics-page .analytics-card-container .analytics-card-header{display:flex;justify-content:start;align-items:center;margin-bottom:8px}.street-light-analytics-page .analytics-card-container .value{font-size:14px;font-weight:600;color:var(--text-normal)}.street-light-analytics-page .analytics-card-container .analytics-card-title{font-size:14px;color:var(--input-label);font-weight:500}.street-light-analytics-page .analytics-card-container .analytics-card-value{font-size:28px;font-weight:700;margin:0 0 8px;color:var(--main-header-text-color)}.street-light-analytics-page .energy-performance-grid{padding:0;margin-block:10px;container-type:inline-size}.street-light-analytics-page .energy-performance-grid .energy-performance-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@container (max-width: 750px){.street-light-analytics-page .energy-performance-grid .energy-performance-row{grid-template-columns:repeat(1,1fr)}}.street-light-analytics-page .energy-performance-grid .energy-performance-row .energy-col .energy-chart-value-grid .energy-chart-value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 480px){.street-light-analytics-page .energy-performance-grid .energy-performance-row .energy-col .energy-chart-value-grid .energy-chart-value-row{grid-template-columns:1fr}}.street-light-analytics-page .energy-performance-grid .energy-performance-row .energy-col .metric-box{text-align:center;background:var(--bg-color);border-radius:10px;padding:10px}.street-light-analytics-page .energy-performance-grid .energy-performance-row .energy-col .metric-box h3{margin:0;font-size:1.4rem;font-weight:700}.street-light-analytics-page .energy-performance-grid .energy-performance-row .energy-col .metric-box p{margin:4px 0 0;font-size:.85rem;color:var(--text-gray-color)}.street-light-analytics-page .energy-performance-grid .energy-performance-row .energy-col .metric-box .positive{color:var(--ion-color-primary)}.street-light-analytics-page .energy-performance-grid .energy-performance-row .performance-col .performance-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:10px}.street-light-analytics-page .energy-performance-grid .energy-performance-row .performance-col .performance-card-container .performance-card{border:1px solid var(--input-border);box-shadow:none}.street-light-analytics-page .energy-performance-grid .energy-performance-row .performance-col .performance-card-container .performance-card .performance-card-content{padding-inline:10px;display:flex;flex-direction:column;justify-content:space-evenly;height:100%}.street-light-analytics-page .energy-performance-grid .energy-performance-row .performance-col .performance-card-container .performance-card .performance-card-header{display:flex;justify-content:start;align-items:center;margin-bottom:8px}.street-light-analytics-page .energy-performance-grid .energy-performance-row .performance-col .performance-card-container .performance-card .value{font-size:12px;font-weight:600;color:var(--text-normal)}.street-light-analytics-page .energy-performance-grid .energy-performance-row .performance-col .performance-card-container .performance-card .performance-card-title{font-size:10px;color:var(--input-label);font-weight:500}.street-light-analytics-page .energy-performance-grid .energy-performance-row .performance-col .performance-card-container .performance-card .performance-card-value{font-size:22px;font-weight:700;margin:0 0 8px;color:var(--main-header-text-color)}.street-light-analytics-page .event-card ion-item{--background: transparent;--padding-start: 0}.street-light-analytics-page .event-card .filters{display:flex;gap:10px}.street-light-analytics-page .event-card .filters ion-select{--padding-start: 14px;--padding-end: 14px;border-radius:5px;color:var(--main-header-text-color);border:1px solid var(--input-border);font-size:14px}.street-light-analytics-page .event-card .table-container{margin-top:10px;border-radius:8px;overflow-x:auto}.street-light-analytics-page .event-card .table-container .event-table{width:100%;border-collapse:collapse}.street-light-analytics-page .event-card .table-container .event-table th,.street-light-analytics-page .event-card .table-container .event-table td{padding:12px;text-align:left;font-size:14px}.street-light-analytics-page .event-card .table-container .event-table th{font-weight:600;border-bottom:1px solid var(--input-border)}.street-light-analytics-page .event-card .table-container .event-table .highlight{font-weight:600}.street-light-analytics-page .event-card .table-container .event-table .tag{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.street-light-analytics-page .event-card .table-container .event-table .tag.info{background:#e0f2fe;color:#0284c7}.street-light-analytics-page .event-card .table-container .event-table .tag.warning{background:#fef9c3;color:#b45309}.street-light-analytics-page .event-card .table-container .event-table .tag.critical{background:#fee2e2;color:#b91c1c}.street-light-analytics-page .event-card .pagination-container{display:flex;justify-content:space-between;align-items:center;padding-top:15px}.street-light-analytics-page .event-card .pagination-container span{font-size:14px;color:var(--text-normal)}.street-light-analytics-page .event-card .pagination-container .pagination-buttons{display:flex;gap:5px}.street-light-analytics-page .event-card .pagination-container .pagination-buttons ion-button{--border-radius: 4px}.street-light-settings-page ion-card{--background: var(--bg-card-color);--color: var(--main-header-text-color);border-radius:12px;box-shadow:0 2px 8px #00000026;align-content:center;margin:0}.street-light-settings-page ion-card-title{color:var(--main-header-text-color);font-weight:600}.street-light-settings-page p{font-size:14px;color:var(--text-normal)}.street-light-settings-page .role-chip{font-size:13px;border-radius:18px;margin-top:8px}.street-light-settings-page .role-definitions-card{margin-bottom:10px}.street-light-settings-page .role-definitions-card .role-definitions-grid{container-type:inline-size}.street-light-settings-page .role-definitions-card .role-definitions-grid .role-definitions-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@container (max-width: 766px){.street-light-settings-page .role-definitions-card .role-definitions-grid .role-definitions-row{grid-template-columns:repeat(2,1fr)}}@container (max-width: 360px){.street-light-settings-page .role-definitions-card .role-definitions-grid .role-definitions-row{grid-template-columns:repeat(1,1fr)}}.street-light-settings-page .role-definitions-card .role-definitions-grid .role-definitions-row .role-card{border:1px solid var(--input-border);box-shadow:none}.street-light-settings-page .system-users-card ion-card-header{padding-block:5px 0px}.street-light-settings-page .system-users-card ion-card-header>div{display:flex;justify-content:space-between;align-items:center}.street-light-settings-page .system-users-card .users-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.street-light-settings-page .system-users-card .users-table{width:100%;min-width:900px;border-collapse:collapse;font-size:15px;table-layout:fixed}.street-light-settings-page .system-users-card .users-table th,.street-light-settings-page .system-users-card .users-table td{padding:10px;text-align:left;vertical-align:middle;white-space:nowrap}.street-light-settings-page .system-users-card .users-table th:nth-child(1),.street-light-settings-page .system-users-card .users-table td:nth-child(1){width:250px}.street-light-settings-page .system-users-card .users-table th:nth-child(2),.street-light-settings-page .system-users-card .users-table td:nth-child(2){width:180px}.street-light-settings-page .system-users-card .users-table th:nth-child(3),.street-light-settings-page .system-users-card .users-table td:nth-child(3){width:150px}.street-light-settings-page .system-users-card .users-table th:nth-child(3) ion-icon,.street-light-settings-page .system-users-card .users-table td:nth-child(3) ion-icon{margin-right:5px}.street-light-settings-page .system-users-card .users-table th:nth-child(4),.street-light-settings-page .system-users-card .users-table td:nth-child(4){width:160px}.street-light-settings-page .system-users-card .users-table th:nth-child(5),.street-light-settings-page .system-users-card .users-table td:nth-child(5){width:120px}.street-light-settings-page .system-users-card .users-table th:nth-child(6),.street-light-settings-page .system-users-card .users-table td:nth-child(6){width:100px}.street-light-settings-page .system-users-card .users-table thead th{font-weight:600;border-bottom:1px solid var(--input-border);white-space:nowrap}.street-light-settings-page .system-users-card .user-info{display:flex;align-items:center;gap:8px}.street-light-settings-page .system-users-card .user-info ion-icon{font-size:32px;color:var(--text-normal)}.street-light-settings-page .system-users-card .user-info .name{font-weight:500;color:var(--main-header-text-color)}.street-light-settings-page .system-users-card .user-info .email{font-size:14px;color:var(--text-normal)}.street-light-settings-page .system-users-card .status-chip{font-size:12px;border-radius:8px;text-transform:lowercase}.street-light-settings-page .system-users-card .actions{display:flex;gap:12px}.street-light-settings-page .system-users-card .actions ion-icon{font-size:18px;cursor:pointer;margin-top:14px}.street-light-settings-page .system-users-card .actions .edit{color:#1e88e5}.street-light-settings-page .system-users-card .actions .delete{color:#e53935}@media (max-width: 767px){.street-light-settings-page .system-users-card .users-table{font-size:.85rem}.street-light-settings-page .system-users-card .users-table thead th{font-size:.8rem}.street-light-settings-page .system-users-card .user-info .name{font-size:.9rem}.street-light-settings-page .system-users-card .user-info .email{font-size:.75rem}.street-light-settings-page .system-users-card .actions ion-icon{font-size:1.1rem}}.daylight-haervesting-add-profile .settings-card{width:100%;box-shadow:none}.daylight-haervesting-add-profile .settings-card ion-card-header ion-card-title{font-size:20px;font-weight:500;display:flex;align-items:center;color:var(--main-sub-header-text-color)}.daylight-haervesting-add-profile .settings-card ion-card-header ion-card-title ion-icon{margin-right:8px;color:var(--ion-color-primary)}.daylight-haervesting-add-profile .settings-card ion-card-header ion-card-subtitle{font-size:15px;font-weight:400;color:var(--text-gray-color)}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row{margin:12px 0}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row .label{font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:var(--main-header-text-color);font-size:18px}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row .label .label-left{display:flex;align-items:center;gap:6px}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row .label .label-left ion-icon{margin-right:6px}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row .label .end-chip{font-size:15px;height:22px}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row ion-input{color:var(--main-sub-header-text-color);background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:4px 8px!important;font-size:20px}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row ion-input.fix{width:200px}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row ion-select{color:var(--main-sub-header-text-color);background:var(--input-bg);--border-radius: 10px;font-size:20px}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row ion-select.fix{width:125px}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row ion-range{--bar-height: 10px;--bar-background: var(--input-border);--bar-background-active: var(--main-header-text-color);--knob-size: 25px;--bar-border-radius: 10px}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row .value-label{font-size:.9rem;font-weight:700;margin-left:8px}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row .value-label.green{color:#22c55e}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row .inline-inputs{display:flex;align-items:center;gap:8px}.daylight-haervesting-add-profile .settings-card ion-card-content .setting-row .inline-inputs.fix{width:200px}.daylight-haervesting-add-profile .settings-card ion-card-content .description{font-size:.8rem;color:var(--text-gray-color);margin-top:-4px;margin-bottom:8px}.daylight-haervesting-add-profile .settings-card ion-card-content .two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.daylight-haervesting-add-profile .settings-card ion-card-content ion-datetime{width:100%;margin-top:10px;--background: var(--input-bg);background:transparent;--background-rgb: var(--input-bg);--wheel-highlight-background: var(--forgot-label-color);font-family:SpaceGrotesk;text-transform:capitalize;font-weight:400;font-size:18px}.daylight-haervesting-add-profile .settings-card ion-card-content ion-datetime::part(wheel-item){color:var(--text-normal);font-family:SpaceGrotesk;font-weight:500;font-size:23px}.daylight-haervesting-add-profile .settings-card ion-card-content ion-datetime::part(wheel-item active){color:var(--button-text-color);font-family:SpaceGrotesk;text-transform:capitalize;font-weight:700;font-size:25px}.daylight-haervesting-add-profile .settings-card ion-text p{color:var(--error)}.daylight-haervesting-show-profile.row-height{height:calc(100vh - 178px);overflow-y:auto}.daylight-haervesting-show-profile.row-height .main-title h2{margin:0;font-size:1.2rem;font-weight:600;color:var(--white)}.daylight-haervesting-show-profile.row-height .timeline{position:relative;margin-top:20px}.daylight-haervesting-show-profile.row-height .timeline:after{content:"";position:absolute;width:2px;background-color:var(--input-border);top:0;bottom:0;left:20px;margin-left:-1px}.daylight-haervesting-show-profile.row-height .timeline-item{display:flex;justify-content:space-between;align-items:center}.daylight-haervesting-show-profile.row-height .content{width:100%;position:relative;align-items:center;display:flex;--padding-top: 10px;--padding-bottom: 10px;--padding-start: 10px;--padding-end: 10px}.daylight-haervesting-show-profile.row-height .timeline-icon{background-color:#2ecc71;position:relative;z-index:10;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.daylight-haervesting-show-profile.row-height .timeline-icon ion-icon{font-size:28px;--color: var(--main-header-text-color)}.daylight-haervesting-show-profile.row-height .timeline-content{padding-left:15px;padding-top:5px;width:100%}.daylight-haervesting-show-profile.row-height .timeline-content ion-card{background:transparent;border-radius:12px;border:1px solid var(--input-border);box-shadow:0 2px 6px #00000014}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-header{padding-bottom:.5rem}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-header ion-card-title{font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--white)}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-header ion-card-subtitle{font-size:.9rem;color:var(--text-gray-color);margin-top:4px}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content ion-grid{padding:0}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content ion-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content ion-col{background:var(--bg-color);border-radius:8px;box-shadow:inset 0 0 1px #0000001a}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content ion-item{--background: transparent}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content ion-item ion-icon{font-size:1.4rem;margin-bottom:6px;margin-right:10px}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content ion-item .p{color:var(--text-gray-color);font-size:.85rem;margin-bottom:2px}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content ion-item h2{margin:0;font-size:1.2rem;font-weight:600;color:var(--white)}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content .days-delete-row{margin-top:15px;display:flex;justify-content:space-between;align-items:center}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content .days-delete-row .days{display:flex;gap:10px}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content .days-delete-row .days h2{margin:0;font-size:1.2rem;font-weight:600;color:var(--white)}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content .days-delete-row .days span{width:30px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:30%;font-size:13px;font-weight:500;cursor:default;background:var(--bg-color);color:var(--white)}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content .days-delete-row .days span.active{background:var(--bg-btn-color);color:var(--white)}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content .days-delete-row .days span.inactive{background:var(--bg-color);color:var(--white)}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content .days-delete-row .endbutton{display:flex;gap:10px}.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content .days-delete-row .endbutton ion-button{--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;text-transform:capitalize}@media screen and (max-width: 460px){.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content .days-delete-row .endbutton{flex-direction:column;width:100%}}@media screen and (max-width: 590px){.daylight-haervesting-show-profile.row-height .timeline-content ion-card-content .days-delete-row{flex-direction:column;align-items:start}}.daylight-haervesting-show-profile.row-height .timeline-content .blue{color:#3b82f6}.daylight-haervesting-show-profile.row-height .timeline-content .green{color:#22c55e}.daylight-haervesting-show-profile.row-height .timeline-content .orange{color:#f97316}.street-light-lights .leaflet-bottom{display:none}.street-light-lights .leaflet-bar{border:2px solid var(--input-border)!important}.street-light-lights .leaflet-layer,.street-light-lights .leaflet-control-zoom-in,.street-light-lights .leaflet-control-zoom-out,.street-light-lights .leaflet-draw-draw-polygon,.street-light-lights .leaflet-draw-draw-rectangle,.street-light-lights .leaflet-draw-edit-edit,.street-light-lights .leaflet-draw-edit-remove,.street-light-lights .leaflet-control-attribution{filter:var(--map-filter)}.device-manager-page .filter-container{background:var(--input-bg);border-radius:8px;padding:16px}.device-manager-page .filter-container .search-bar{display:flex;align-items:center;border:1px solid var(--input-border);border-radius:6px;padding:6px 12px}.device-manager-page .filter-container .search-bar.filterOpen{margin-bottom:16px}.device-manager-page .filter-container .search-bar .search-icon{margin-right:8px;font-size:20px;color:var(--input-label)}.device-manager-page .filter-container .search-bar ion-input{flex:1;border:none;outline:none;--highlight-color-focused: none;--highlight-color: none;font-size:14px;background:var(--input-bg);color:var(--input-label)}.device-manager-page .filter-container .search-bar .filter-btn{font-size:14px;color:var(--main-header-text-color);display:flex;align-items:center}.device-manager-page .filter-container .filter-collapsable-form{max-height:0px;overflow:hidden;transition:max-height .3s ease}.device-manager-page .filter-container .filter-collapsable-form.open{max-height:500px}.device-manager-page .filter-container .heartbeat-section,.device-manager-page .filter-container .power-section{padding:0}.device-manager-page .filter-container .section-header{display:flex;align-items:center;color:var(--main-header-text-color);font-weight:600}.device-manager-page .filter-container .section-header ion-icon{color:var(--ion-color-primary);margin-right:6px;font-size:20px}.device-manager-page .filter-container .power-header,.device-manager-page .filter-container .power-radio{margin-left:20px}.device-manager-page .filter-container .power-header{margin-bottom:20px}.device-manager-page .filter-container ion-radio-group .radio-button{margin-top:5px}.device-manager-page .filter-container ion-radio-group ion-radio{--color: var(--ion-color-primary);margin-right:14px}.device-manager-page .filter-container .no-heartbeart{margin-top:8px}.device-manager-page .filter-container .filter-actions{display:flex;justify-content:flex-end;gap:10px}.device-manager-page .filter-container .filter-actions .reset-btn{--color: var(--text-normal);text-transform:none;border:1px solid var(--input-border);border-radius:4px}.device-manager-page .filter-container .filter-actions .apply-btn{--background: var(--ion-color-primary);--color: var(--main-header-text-color);text-transform:none;font-weight:600;border-radius:6px;--box-shadow: none}@media (max-width: 768px){.device-manager-page .filter-container .power-header,.device-manager-page .filter-container .power-radio{margin-left:0}.device-manager-page .filter-container .power-header{margin-block:14px}}.device-manager-page .device-table{margin-top:10px;background:var(--input-bg);border-radius:8px;padding:16px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.device-manager-page .device-table .table-header{display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-width:805px;margin:0}.device-manager-page .device-table .table-header h2{font-size:18px;font-weight:700;margin-bottom:12px;color:var(--main-header-text-color)}.device-manager-page .device-table .table-header .settings-btn{color:var(--main-header-text-color);--padding-start: 4px;--padding-end: 4px}.device-manager-page .device-table .table-header .settings-btn:hover{color:var(--error)}.device-manager-page .device-table .table-Setting{overflow:hidden;min-width:805px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.device-manager-page .device-table .table-Setting .lable{padding:10px;border:1px solid var(--bg-btn-lightblack);border-radius:5px}.device-manager-page .device-table .table-Setting .display{display:flex;align-items:center;gap:10px}.device-manager-page .device-table .table-Setting .title{font-size:14px;color:var(--main-header-text-color);margin:0 0 5px}.device-manager-page .device-table .table-Setting .information{font-size:11px;color:var(--main-sub-header-text-color);margin-top:3px;margin-bottom:0}.device-manager-page .device-table .table-Setting ion-toggle{--track-background-checked: var(--ion-color-danger) !important;--handle-background-checked: var(--ion-color-danger) !important}.device-manager-page .device-table .table-Setting ion-input{width:120px;border:1px solid var(--bg-btn-lightblack);border-radius:5px;font-size:10px;min-height:20px;--padding-start: 5px;--padding-end: 5px;color:var(--input-label)}.device-manager-page .device-table .table-Setting ion-button{--border-radius: 6px;font-size:10px;margin:0;text-transform:capitalize}.device-manager-page .device-table .table-Setting .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.device-manager-page .device-table .table-Setting .status-dot.online{background-color:#22c55e}.device-manager-page .device-table .table-Setting .status-dot.offline{background-color:#ef4444}.device-manager-page .device-table table{width:100%;border-collapse:collapse;overflow:hidden;min-width:805px}.device-manager-page .device-table table th{text-transform:uppercase;font-size:12px;font-weight:600;color:var(--main-header-text-color);border-bottom:1px solid var(--input-border);padding:10px 8px;text-align:left}.device-manager-page .device-table table .display{display:flex;align-items:center;gap:10px}.device-manager-page .device-table table td{padding:12px 8px;border-bottom:1px solid var(--bg-btn-lightblack)}.device-manager-page .device-table table td .title{font-size:14px;color:var(--main-header-text-color);margin:0}.device-manager-page .device-table table td .information{font-size:11px;color:var(--main-sub-header-text-color);margin-top:3px;margin-bottom:0}.device-manager-page .device-table table td ion-toggle{--track-background-checked: var(--ion-color-danger) !important;--handle-background-checked: var(--ion-color-danger) !important}.device-manager-page .device-table table td ion-input{width:120px;border:1px solid var(--bg-btn-lightblack);border-radius:5px;font-size:10px;min-height:20px;--padding-start: 5px;--padding-end: 5px;color:var(--input-label)}.device-manager-page .device-table table td ion-button{--border-radius: 6px;font-size:10px;margin:0;text-transform:capitalize}.device-manager-page .device-table table .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.device-manager-page .device-table table .status-dot.online{background-color:#22c55e}.device-manager-page .device-table table .status-dot.offline{background-color:#ef4444}.device-manager-page .device-table table .actions{text-align:right}.hotel-dashboard-page ion-card{--background: var(--bg-card-color);--color: var(--main-header-text-color);border-radius:12px;box-shadow:0 2px 8px #00000026;margin:0}.hotel-dashboard-page ion-card-title{color:var(--main-header-text-color);font-weight:600;width:max-content}.hotel-dashboard-page .main-grid{container-type:inline-size}.hotel-dashboard-page .main-grid .kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:10px}@container (max-width: 766px){.hotel-dashboard-page .main-grid .kpi-row{grid-template-columns:repeat(2,1fr)}}@container (max-width: 360px){.hotel-dashboard-page .main-grid .kpi-row{grid-template-columns:repeat(1,1fr)}}.hotel-dashboard-page .main-grid .kpi-row .kpi-title{color:var(--main-header-text-color);font-size:16px}.hotel-dashboard-page .main-grid .kpi-row .kpi-value{font-size:24px;font-weight:600;margin:4px 0}.hotel-dashboard-page .main-grid .kpi-row .kpi-sub{font-size:14px}.hotel-dashboard-page .main-grid .kpi-row .kpi-sub.blue,.hotel-dashboard-page .main-grid .kpi-row .kpi-icon.blue{color:#2e64fe}.hotel-dashboard-page .main-grid .kpi-row .kpi-sub.red,.hotel-dashboard-page .main-grid .kpi-row .kpi-icon.red{color:#dc2626}.hotel-dashboard-page .main-grid .kpi-row .kpi-sub.yellow,.hotel-dashboard-page .main-grid .kpi-row .kpi-icon.yellow{color:var(--ion-color-warning)}.hotel-dashboard-page .main-grid .kpi-row .kpi-sub.green,.hotel-dashboard-page .main-grid .kpi-row .kpi-icon.green{color:#16a34a}.hotel-dashboard-page .main-grid .kpi-row .kpi-icon{position:absolute;top:12px;right:12px;font-size:26px;opacity:.8}.hotel-dashboard-page .main-grid .content-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.hotel-dashboard-page .main-grid .content-row .card-content{height:385px;overflow-y:auto;padding-bottom:0}.hotel-dashboard-page .main-grid .content-row .info-card{height:100%}.hotel-dashboard-page .main-grid .content-row .info-card-title{display:flex;align-items:center;gap:10px}.hotel-dashboard-page .main-grid .content-row .list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.hotel-dashboard-page .main-grid .content-row .list-item:last-child{border-bottom:none}.hotel-dashboard-page .main-grid .content-row .list-icon.blue{color:#2e64fe}.hotel-dashboard-page .main-grid .content-row .list-icon.yellow{color:var(--ion-color-warning)}.hotel-dashboard-page .main-grid .content-row .list-icon.purple{color:#9435ea}.hotel-dashboard-page .main-grid .content-row .list-icon.green{color:#16a34a}.hotel-dashboard-page .main-grid .content-row .list-icon{font-size:22px;margin-right:10px;color:var(--main-sub-header-text-color)}.hotel-dashboard-page .main-grid .content-row .list-text{flex:1}.hotel-dashboard-page .main-grid .content-row .primary{font-size:15px;font-weight:500;color:var(--main-header-text-color)}.hotel-dashboard-page .main-grid .content-row .secondary{font-size:13px;color:var(--text-normal)}.hotel-dashboard-page .main-grid .content-row ion-badge{font-size:12px;border-radius:8px;padding:4px 8px}.hotel-dashboard-page .main-grid .content-row .alerts-card .alert-item{padding:12px;border-radius:4px;margin-bottom:10px;display:flex;align-items:flex-start;gap:6px}.hotel-dashboard-page .main-grid .content-row .alerts-card .alert-item ion-icon{font-size:20px}.hotel-dashboard-page .main-grid .content-row .alert-item .title{font-weight:600}.hotel-dashboard-page .main-grid .content-row .alert-item .time{font-size:12px;color:var(--ion-color-secondary-contrast)}.hotel-dashboard-page .main-grid .content-row .alert-item.danger{background:#fee2e2;color:#b91c1c}.hotel-dashboard-page .main-grid .content-row .alert-item.warning{background:#fef9c3;color:#b45309}.hotel-dashboard-page .main-grid .content-row .alert-item.info{background:#dbeafe;color:#1e3a8a}.hotel-dashboard-page .main-grid .content-row .alert-item.orange{background:#ffedd5;color:#c2410c}.solar-management-page ion-card{--background: var(--bg-card-color);--color: var(--main-header-text-color);border-radius:12px;box-shadow:0 2px 8px #00000026;margin:0}.solar-management-page ion-card ion-card-title{color:var(--main-header-text-color);font-weight:600;width:max-content}.solar-management-page ion-card .positive{color:#2ecc71}.solar-management-page ion-card .negative{color:#e74c3c}.solar-management-page .chart-container .apexcharts-yaxis text,.solar-management-page .chart-container .apexcharts-xaxis text{fill:var(--white)!important}.solar-management-page .chart-container .apexcharts-title-text{fill:var(--main-header-text-color)}.solar-management-page .chart-container .apexcharts-legend-text{color:var(--white)!important;margin-left:-12px}.solar-management-page .chart-container .apexcharts-tooltip{background:var(--bg-card-color)!important;border:1px solid var(--input-border)!important;box-shadow:none!important}.solar-management-page .chart-container .apexcharts-tooltip .apexcharts-tooltip-title,.solar-management-page .chart-container .apexcharts-tooltip .apexcharts-tooltip-text{color:var(--white)!important;background:transparent!important}.solar-management-page .chart-container .apexcharts-gridline{stroke:var(--text-gray-dark-color)!important;display:none}.solar-management-page .chart-container .apexcharts-toolbar{display:none}.solar-management-page .kpi-grid{container-type:inline-size}.solar-management-page .kpi-grid .kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:10px}@container (max-width: 766px){.solar-management-page .kpi-grid .kpi-row{grid-template-columns:repeat(2,1fr)}}@container (max-width: 360px){.solar-management-page .kpi-grid .kpi-row{grid-template-columns:repeat(1,1fr)}}.solar-management-page .kpi-grid .kpi-row .kpi-title{color:var(--main-header-text-color);font-size:16px}.solar-management-page .kpi-grid .kpi-row .kpi-value{font-size:24px;font-weight:600;margin:4px 0}.solar-management-page .kpi-grid .kpi-row .kpi-sub{font-size:14px}.solar-management-page .kpi-grid .kpi-row .kpi-sub.blue,.solar-management-page .kpi-grid .kpi-row .kpi-icon.blue{color:#2e64fe}.solar-management-page .kpi-grid .kpi-row .kpi-sub.red,.solar-management-page .kpi-grid .kpi-row .kpi-icon.red{color:#dc2626}.solar-management-page .kpi-grid .kpi-row .kpi-sub.yellow,.solar-management-page .kpi-grid .kpi-row .kpi-icon.yellow{color:#f39c12}.solar-management-page .kpi-grid .kpi-row .kpi-sub.green,.solar-management-page .kpi-grid .kpi-row .kpi-icon.green{color:#16a34a}.solar-management-page .kpi-grid .kpi-row .kpi-icon{position:absolute;top:12px;right:12px;font-size:26px;opacity:.8}.solar-management-page .energy-flow .flow-grid .flow-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px}.solar-management-page .energy-flow .flow-grid .flow-row .flow-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 12px}.solar-management-page .energy-flow .flow-grid .flow-row .flow-box .icon-wrap{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 10px #0a0a0a08;background:#fff;border:5px solid rgba(0,0,0,.02)}.solar-management-page .energy-flow .flow-grid .flow-row .flow-box .icon-wrap ion-icon{font-size:36px;line-height:1}.solar-management-page .energy-flow .flow-grid .flow-row .flow-box h2{margin:0;font-size:26px;font-weight:700}.solar-management-page .energy-flow .flow-grid .flow-row .flow-box .muted{color:var(--text-normal);font-size:14px;font-weight:500}.solar-management-page .energy-flow .flow-grid .flow-row .flow-box .pill{display:inline-block;font-size:12px;padding:6px 10px;border-radius:14px;font-weight:600;margin-top:8px;background:#00000008;color:#333;border:1px solid rgba(0,0,0,.04)}.solar-management-page .energy-flow .flow-grid .flow-row .solar .icon-wrap{border-color:#f39c122e;background:linear-gradient(180deg,#f39c120f,#f39c1205)}.solar-management-page .energy-flow .flow-grid .flow-row .solar .icon-wrap ion-icon{color:#f39c12}.solar-management-page .energy-flow .flow-grid .flow-row .solar h2 .value{color:#f39c12}.solar-management-page .energy-flow .flow-grid .flow-row .solar .pill.efficiency{background:#f39c121f;color:#f39c12;border:1px solid rgba(243,156,18,.18)}.solar-management-page .energy-flow .flow-grid .flow-row .load .icon-wrap{border-color:#3498db29;background:linear-gradient(180deg,#3498db0f,#3498db05)}.solar-management-page .energy-flow .flow-grid .flow-row .load .icon-wrap ion-icon{color:#3498db}.solar-management-page .energy-flow .flow-grid .flow-row .load h2 .value{color:#3498db}.solar-management-page .energy-flow .flow-grid .flow-row .load .pill.normal{background:#3498db14;color:#3498db;border:1px solid rgba(52,152,219,.12)}.solar-management-page .energy-flow .flow-grid .flow-row .grid .icon-wrap{border-color:#27ae6024;background:linear-gradient(180deg,#27ae600f,#27ae6005)}.solar-management-page .energy-flow .flow-grid .flow-row .grid .icon-wrap ion-icon{color:#27ae60}.solar-management-page .energy-flow .flow-grid .flow-row .grid h2 .value{color:#27ae60}.solar-management-page .energy-flow .flow-grid .flow-row .grid .pill.exporting{background:#27ae6014;color:#27ae60;border:1px solid rgba(39,174,96,.12)}@media (max-width: 768px){.solar-management-page .energy-flow .flow-grid .flow-row .flow-box{padding:18px 6px}.solar-management-page .energy-flow .flow-grid .flow-row .flow-box .icon-wrap{width:78px;height:78px}.solar-management-page .energy-flow .flow-grid .flow-row .flow-box .icon-wrap ion-icon{font-size:30px}.solar-management-page .energy-flow .flow-grid .flow-row .flow-box h2{font-size:18px}}.solar-management-page .charts-grid{margin-top:10px;container-type:inline-size}.solar-management-page .charts-grid .charts-row{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@container (max-width: 766px){.solar-management-page .charts-grid .charts-row{grid-template-columns:repeat(1,1fr)}}.solar-management-page .charts-grid .charts-row .circuit-legend{list-style:none;margin:12px 0 0;padding:0;font-size:13px}.solar-management-page .charts-grid .charts-row .circuit-legend li{margin:4px 0;display:flex;justify-content:space-between;align-items:center}.solar-management-page .charts-grid .charts-row .circuit-legend li .left{display:flex;align-items:center;color:var(--main-header-text-color);font-size:14px}.solar-management-page .charts-grid .charts-row .circuit-legend li .right{color:var(--main-header-text-color);font-size:14px}.solar-management-page .charts-grid .charts-row .circuit-legend li .color{width:14px;height:14px;border-radius:50%;display:inline-block;margin-right:8px}.solar-management-page .charts-grid .charts-row .circuit-legend li .hvac{background:#e74c3c}.solar-management-page .charts-grid .charts-row .circuit-legend li .lighting{background:#f39c12}.solar-management-page .charts-grid .charts-row .circuit-legend li .equipment{background:#3498db}.solar-management-page .charts-grid .charts-row .circuit-legend li .elevators{background:#9b59b6}.solar-management-page .charts-grid .charts-row .circuit-legend li .other{background:#7f8c8d}.solar-management-page .inverter-grid{margin-top:10px}.solar-management-page .inverter-grid .inverter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:10px}.solar-management-page .inverter-grid .inverter-row .inverter-card ion-card-header .card-header-row{display:flex;align-items:center;justify-content:space-between}.solar-management-page .inverter-grid .inverter-row .inverter-card ion-card-header .card-header-row ion-icon{font-size:20px;color:#f39c12}.solar-management-page .inverter-grid .inverter-row .inverter-card ion-card-header .card-header-row ion-badge{font-size:12px;padding:4px 8px;border-radius:6px}.solar-management-page .inverter-grid .inverter-row .inverter-card ion-card-header ion-card-subtitle{display:flex;gap:8px;font-size:15px;color:var(--main-header-text-color)}.solar-management-page .inverter-grid .inverter-row .inverter-card ion-card-content .values-text{display:flex;justify-content:space-around;margin-bottom:14px}.solar-management-page .inverter-grid .inverter-row .inverter-card ion-card-content .values-text .power-text{display:flex;flex-direction:column;font-size:24px;font-weight:500;color:#f39c12}.solar-management-page .inverter-grid .inverter-row .inverter-card ion-card-content .values-text .power-text span{font-weight:400;font-size:14px;color:var(--text-normal)}.solar-management-page .inverter-grid .inverter-row .inverter-card ion-card-content .values-text .efficiency-text{display:flex;flex-direction:column;font-size:18px;font-weight:500}.solar-management-page .inverter-grid .inverter-row .inverter-card ion-card-content .values-text .efficiency-text span{font-weight:400;font-size:14px;color:var(--text-normal)}.solar-management-page .inverter-grid .inverter-row .inverter-card ion-card-content .details-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.solar-management-page .solar-performance-card{margin-top:10px}.loader-v3-container{display:flex;justify-content:center;align-items:center;height:100vh}.loader-v3-container .streetlights{display:flex;justify-content:center;gap:4vw}.loader-v3-container .light{position:relative;width:6px;height:150px;border-radius:4px;background:linear-gradient(180deg,var(--pole-start),var(--pole-end));box-shadow:0 0 14px var(--halo-glow),inset 0 -2px 4px #0009;display:flex;align-items:flex-start;justify-content:center}.loader-v3-container .light:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;width:2px;height:100%;border-radius:2px;background:linear-gradient(180deg,var(--pole-glow),var(--pole-glow-faint));opacity:.9;filter:blur(.4px)}.loader-v3-container .head{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:50px;height:22px;perspective:160px;pointer-events:none}.loader-v3-container .housing{position:relative;width:100%;height:100%;border-radius:14px/7px;background:linear-gradient(180deg,var(--housing-start),var(--housing-end));box-shadow:0 4px 14px #0000004d,inset 0 2px 6px #ffffff05;overflow:visible}.loader-v3-container .visor{position:absolute;left:4px;right:4px;top:1px;height:8px;border-radius:6px/3px;background:linear-gradient(180deg,var(--visor-start),var(--visor-end));transform:translateZ(6px);box-shadow:0 2px 4px #00000080}.loader-v3-container .halo{position:absolute;left:50%;top:30%;transform:translate(-50%,-30%);width:38px;height:12px;border-radius:50%;box-shadow:0 0 16px 5px var(--halo-glow),inset 0 0 6px var(--halo-inner);pointer-events:none}.loader-v3-container .pod{position:absolute;left:50%;top:6px;transform:translate(-50%);width:32px;height:14px;display:flex;gap:3px;align-items:center;justify-content:center}.loader-v3-container .chip{width:6px;height:8px;border-radius:2px;background:linear-gradient(180deg,var(--chip-start),var(--chip-end));box-shadow:inset 0 -2px 4px #0009;position:relative}.loader-v3-container .chip:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:2px;background:var(--chip-glow);box-shadow:0 0 10px 4px var(--chip-shadow),0 0 4px 1px var(--chip-shadow-inner);opacity:0;filter:drop-shadow(0 0 4px var(--chip-shadow));animation:chipOn 2s infinite steps(1,end)}.loader-v3-container .pod .diffuser{position:absolute;left:50%;top:4px;transform:translate(-50%);width:40px;height:10px;border-radius:6px/4px;background:linear-gradient(180deg,var(--diffuser-start),var(--diffuser-end));opacity:0;filter:blur(2px);animation:chipOn 2s infinite steps(1,end)}.loader-v3-container .beam{position:absolute;left:50%;top:16px;transform:translate(-50%);width:160px;height:240px;opacity:0;background:radial-gradient(ellipse at top,var(--beam-start),var(--beam-mid),transparent 70%);clip-path:polygon(50% 0,100% 100%,0 100%);animation:chipOn 2s infinite steps(1,end)}@keyframes chipOn{0%{opacity:0}20%{opacity:1}95%{opacity:1}to{opacity:0}}.loader-v3-container .light:nth-child(1) .chip:after,.loader-v3-container .light:nth-child(1) .diffuser,.loader-v3-container .light:nth-child(1) .beam{animation-delay:0s}.loader-v3-container .light:nth-child(2) .chip:after,.loader-v3-container .light:nth-child(2) .diffuser,.loader-v3-container .light:nth-child(2) .beam{animation-delay:.36s}.loader-v3-container .light:nth-child(3) .chip:after,.loader-v3-container .light:nth-child(3) .diffuser,.loader-v3-container .light:nth-child(3) .beam{animation-delay:.72s}.loader-v3-container .light:nth-child(4) .chip:after,.loader-v3-container .light:nth-child(4) .diffuser,.loader-v3-container .light:nth-child(4) .beam{animation-delay:1.08s}.loader-v3-container .light:nth-child(5) .chip:after,.loader-v3-container .light:nth-child(5) .diffuser,.loader-v3-container .light:nth-child(5) .beam{animation-delay:1.44s}.loader-v3-container .light:nth-child(1){transform:scale(1.1) translateY(-12px);z-index:5}.loader-v3-container .light:nth-child(2){transform:scale(.95) translateY(-6px);z-index:4}.loader-v3-container .light:nth-child(3){transform:scale(.8) translateY(0);z-index:3}.loader-v3-container .light:nth-child(4){transform:scale(.65) translateY(6px);z-index:2}.loader-v3-container .light:nth-child(5){transform:scale(.5) translateY(12px);z-index:1}@media (prefers-reduced-motion: no-preference){.loader-v3-container .light:before{animation:poleGlow 2s infinite linear;opacity:.9}@keyframes poleGlow{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}}@media (max-width: 800px){.loader-v3-container .streetlights{gap:5vw}.loader-v3-container .head{width:44px;height:18px}.loader-v3-container .beam{width:120px;height:180px}}@media (max-width: 600px){.loader-v3-container .streetlights{gap:6vw}}.loader-v2-container,.loader-v2-container .loader-v2-container{display:flex;justify-content:center;align-items:center;height:100vh}.loader-v2-container .loader-container{position:relative;width:250px;height:250px}.loader-v2-container .soil{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:240px;height:64px;background:linear-gradient(180deg,#3e2723,#5d4037);border-radius:120px/32px;box-shadow:0 8px 24px #0000004d}.loader-v2-container .sensor{position:absolute;width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8;animation:pulse 2s infinite}.loader-v2-container .soil .sensor:nth-child(1){top:16px;left:30%}.loader-v2-container .soil .sensor:nth-child(2){top:24px;left:50%;animation-delay:.5s}.loader-v2-container .soil .sensor:nth-child(3){top:20px;left:70%;animation-delay:1s}.loader-v2-container .seed{position:absolute;bottom:64px;left:50%;transform:translate(-50%);width:16px;height:20px;background:linear-gradient(135deg,#8d6e63,#5d4037);border-radius:50%/60% 60% 40% 40%;animation:plantSeed 1s ease-out forwards}.loader-v2-container .stem{position:absolute;bottom:72px;left:50%;transform:translate(-50%);width:5px;height:176px;background:linear-gradient(180deg,#81c784,#4caf50);border-radius:2.5px;transform-origin:bottom center;overflow:visible;z-index:1}.loader-v2-container .stem:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1.5px;height:100%;background:linear-gradient(180deg,transparent 0%,#00ff88 50%,transparent 100%);animation:dataFlow 2s linear infinite;opacity:0;animation-delay:1s;filter:drop-shadow(0 0 2.5px #00ff88)}.loader-v2-container .leaf{position:absolute;width:0;height:0;transform-origin:0% 100%;opacity:0;z-index:2}.loader-v2-container .leaf-left{left:14px;transform:rotate(-45deg)}.loader-v2-container .leaf-right{right:4px;transform:rotate(45deg)}.loader-v2-container .leaf:before{content:"";position:absolute;bottom:0;left:0;width:28px;height:16px;background:linear-gradient(135deg,#66bb6a,#4caf50,#388e3c);border-radius:0% 100%;transform-origin:0% 100%;box-shadow:0 1.6px 6.4px #0003,inset 0 .8px #fff3;transition:all .3s ease}.loader-v2-container .leaf-right:before{border-radius:100% 0%;background:linear-gradient(-45deg,#66bb6a,#4caf50,#388e3c)}.loader-v2-container .leaf:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 48%,rgba(46,125,50,.3) 50%,transparent 52%),linear-gradient(-45deg,transparent 45%,rgba(46,125,50,.2) 47%,transparent 49%);background-size:6.4px 6.4px,4.8px 4.8px;background-position:0 0,2.4px 2.4px;pointer-events:none}.loader-v2-container .leaf-right:after{background:linear-gradient(-45deg,transparent 48%,rgba(46,125,50,.3) 50%,transparent 52%),linear-gradient(45deg,transparent 45%,rgba(46,125,50,.2) 47%,transparent 49%)}.loader-v2-container .leaf-1{bottom:32px;animation:growLeaf 1s ease-out .1s forwards,swayLeft 3s ease-in-out 2.8s infinite}.loader-v2-container .leaf-2{bottom:53px;animation:growLeafRight 1s ease-out .3s forwards,swayRight 3.5s ease-in-out 3s infinite}.loader-v2-container .leaf-3{bottom:64px;animation:growLeaf 1s ease-out .6s forwards,swayLeft 3.2s ease-in-out 3.3s infinite}.loader-v2-container .leaf-4{bottom:86px;animation:growLeafRight 1s ease-out .8s forwards,swayRight 3.7s ease-in-out 3.5s infinite}.loader-v2-container .leaf-5{bottom:100px;animation:growLeaf 1s ease-out 1.1s forwards,swayLeft 3.4s ease-in-out 3.8s infinite}.loader-v2-container .leaf-6{bottom:120px;animation:growLeafRight 1s ease-out 1.3s forwards,swayRight 3.1s ease-in-out 4s infinite}.loader-v2-container .leaf-7{bottom:135px;left:14px;animation:growLeaf 1s ease-out 1.6s forwards,swayLeft 3.6s ease-in-out 4.3s infinite}.loader-v2-container .leaf-8{bottom:151px;right:1.5px;animation:growLeafRight 1s ease-out 1.8s forwards,swayRight 3.3s ease-in-out 4.5s infinite}.loader-v2-container .leaf-9{bottom:166px;left:12px;animation:growLeaf 1s ease-out 2s forwards,swayLeft 3.5s ease-in-out 4.7s infinite}.loader-v2-container .leaf-10{bottom:182px;right:-.8px;animation:growLeafRight 1s ease-out 2.2s forwards,swayRight 3.2s ease-in-out 4.9s infinite}.loader-v2-container .leaf-7:before,.loader-v2-container .leaf-8:before,.loader-v2-container .leaf-9:before,.loader-v2-container .leaf-10:before{width:22.4px;height:12.8px;background:linear-gradient(135deg,#81c784,#66bb6a,#4caf50)}.loader-v2-container .leaf-8:before,.loader-v2-container .leaf-10:before{background:linear-gradient(-45deg,#81c784,#66bb6a,#4caf50)}.loader-v2-container .leaf-5:before,.loader-v2-container .leaf-6:before{width:25.6px;height:14.4px}.loader-v2-container .leaf-6:before{background:linear-gradient(-45deg,#66bb6a,#4caf50,#388e3c)}.loader-v2-container .loading-text{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;letter-spacing:1.6px;opacity:0;animation:fadeIn 1s ease-out 1s forwards;text-align:center;white-space:nowrap}.loader-v2-container .particle{position:absolute;width:3px;height:3px;background:#0f8;border-radius:50%;opacity:0;box-shadow:0 0 6px #0f8}.loader-v2-container .particle-1{left:20%;bottom:40px;animation:floatUp 3s linear infinite}.loader-v2-container .particle-2{left:40%;bottom:40px;animation:floatUp 3s linear infinite .5s}.loader-v2-container .particle-3{left:60%;bottom:40px;animation:floatUp 3s linear infinite 1s}.loader-v2-container .particle-4{left:80%;bottom:40px;animation:floatUp 3s linear infinite 1.5s}.loader-v2-container .particle-5{left:30%;bottom:40px;animation:floatUp 3s linear infinite 2s}.loader-v2-container .particle-6{left:70%;bottom:40px;animation:floatUp 3s linear infinite 2.5s}@keyframes plantSeed{0%{transform:translate(-50%) translateY(-16px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes growLeaf{0%{opacity:0;width:0;height:0;transform:rotate(-45deg) scale(0)}30%{opacity:1;width:4px;height:4px;transform:rotate(-45deg) scale(.3)}to{opacity:1;width:28px;height:16px;transform:rotate(-45deg) scale(1)}}@keyframes growLeafRight{0%{opacity:0;width:0;height:0;transform:rotate(45deg) scale(0)}30%{opacity:1;width:4px;height:4px;transform:rotate(45deg) scale(.3)}to{opacity:1;width:28px;height:16px;transform:rotate(45deg) scale(1)}}@keyframes swayLeft{0%,to{transform:rotate(-45deg) translate(0)}50%{transform:rotate(-48deg) translate(-1.6px)}}@keyframes swayRight{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(48deg) translate(1.6px)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes dataFlow{0%{transform:translate(-50%) translateY(-100%);opacity:0}50%{opacity:1}to{transform:translate(-50%) translateY(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatUp{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-200px) translate(16px);opacity:0}}@media (max-width: 480px){.loader-v2-container .loader-container{transform:scale(.64)}}@media (prefers-reduced-motion: reduce){.loader-v2-container *,.loader-v2-container *:before,.loader-v2-container *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.smart-building-maintenance-page .summary-cards{text-align:center;padding:0}.smart-building-maintenance-page .summary-cards>ion-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.smart-building-maintenance-page .summary-cards>ion-row>ion-col{padding:0}.smart-building-maintenance-page .summary-cards .card{background:var(--bg-card-color);border-radius:10px;padding:16px;font-weight:600}.smart-building-maintenance-page .summary-cards .card .card-header-item{--inner-padding-end: 0px;--padding-start: 0px;--min-height: 27px;margin-bottom:8px}.smart-building-maintenance-page .summary-cards .card .card-header-item ion-icon{margin:0;font-size:26px}.smart-building-maintenance-page .summary-cards .card .number{font-size:24px;font-weight:700;color:var(--main-header-text-color);text-align:left}.smart-building-maintenance-page .summary-cards .card .label{font-size:14px;color:var(--text-gray-color)}.smart-building-maintenance-page .summary-cards .card.critical .card-icon{color:#e53935}.smart-building-maintenance-page .summary-cards .card.warning .card-icon{color:#fbc02d}.smart-building-maintenance-page .summary-cards .card.active .card-icon{color:#1976d2}.smart-building-maintenance-page .summary-cards .card.overdue .card-icon{color:#ff7043}.smart-building-maintenance-page .active-alerts-badge{margin-left:8px;border-radius:8px;padding:6px 10px}.smart-building-maintenance-page .filter-bar{display:flex;gap:8px;align-items:center;padding:0}.smart-building-maintenance-page .filter-bar ion-searchbar{flex:1;padding:0}.smart-building-maintenance-page .alert-list{margin-top:10px;padding:0;background:transparent}.smart-building-maintenance-page .alert-item{margin:0;background:var(--bg-card-color);border-radius:8px;padding:20px 15px;font-size:14px;display:flex;align-items:center;flex-wrap:wrap}.smart-building-maintenance-page .alert-item:not(:last-child){margin-bottom:10px}.smart-building-maintenance-page .alert-item>ion-label{flex:1;min-width:300px}.smart-building-maintenance-page .alert-item ion-badge{font-size:12px}.smart-building-maintenance-page .alert-item h2{font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px;color:var(--main-header-text-color)}.smart-building-maintenance-page .alert-item p{margin:5px 0;color:var(--text-gray-dark-color)}.smart-building-maintenance-page .alert-item small{color:var(--text-gray-color)}.smart-building-maintenance-page .alert-item .button-group ion-button{font-size:10px;min-height:30px;--padding-top: 0px;--padding-bottom: 0px;--padding-start: 10px;--padding-end: 10px}.smart-building-dashboard-page{container-type:inline-size}.smart-building-dashboard-page .state-cards-container{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.smart-building-dashboard-page .active-alerts-recent-events-wrapper{display:flex;gap:10px;margin-top:10px}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container{flex:1}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card{border-radius:8px;margin:0;box-shadow:0 2px 8px #00000014;--background: var(--bg-card-color);height:350px}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card>ion-card-content{height:100%;overflow-y:auto}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .header{display:flex;justify-content:space-between;align-items:center}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .header span{font-size:1rem;font-weight:600;color:var(--main-header-text-color)}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .header ion-badge{font-size:.8rem;border-radius:50%;padding:7px 10px}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card{border-radius:8px;padding:12px;margin-bottom:12px;border:1px solid var(--input-border);background:var(--side-menu-accordion)}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card .alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card .alert-header .title{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--main-header-text-color)}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card .alert-header .title ion-icon{font-size:18px}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card .alert-header ion-badge{margin-inline:0px;font-size:.7rem;padding:4px 8px;border-radius:6px;text-transform:capitalize}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card .description{font-size:.8rem;color:var(--ion-color-medium);margin-bottom:8px}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card .footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card .footer .time{display:flex;align-items:center;gap:4px;color:var(--ion-color-medium)}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card .footer .details{font-weight:500;color:var(--ion-color-primary);cursor:pointer}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card .footer .details:hover{text-decoration:underline}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card.critical .title ion-icon{color:var(--ion-color-danger)}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container .active-alert-card .alert-card.info .title ion-icon{color:var(--ion-color-warning)}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container{flex:.4}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container .smart-building-recent-events-card{border-radius:8px;margin:0;--background: var(--bg-card-color);box-shadow:var(--ion-card-box-shadow);height:350px}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container .smart-building-recent-events-card ion-card-title{font-size:1rem;font-weight:600;color:var(--main-header-text-color)}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container .smart-building-recent-events-card ion-card-content{height:100%;overflow-y:auto}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container .smart-building-recent-events-card ion-card-content ion-list{background:transparent}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container .smart-building-recent-events-card ion-item{--background: transparent;--padding-start: 0;--inner-padding-end: 0;--min-height: 42px}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container .smart-building-recent-events-card ion-item ion-icon{font-size:20px;margin-right:8px}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container .smart-building-recent-events-card ion-item h3{margin:0;font-size:.9rem;font-weight:500;color:var(--main-header-text-color)}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container .smart-building-recent-events-card ion-item p{margin:0;font-size:.75rem;color:var(--text-gray-color)}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container .smart-building-recent-events-card .view-all{text-align:center;margin-top:12px}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container .smart-building-recent-events-card .view-all a{font-size:14px;font-weight:500;color:var(--ion-color-primary);cursor:pointer;text-decoration:none;margin-inline:auto}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container .smart-building-recent-events-card .view-all a:hover{text-decoration:underline}@container (max-width: 900px){.smart-building-dashboard-page .active-alerts-recent-events-wrapper{flex-direction:column}.smart-building-dashboard-page .active-alerts-recent-events-wrapper .active-alerts-container,.smart-building-dashboard-page .active-alerts-recent-events-wrapper .recent-events-container{flex:auto}}.smart-building-dashboard-page .energy-trend-card{border-radius:8px;margin:10px 0 0;box-shadow:0 2px 8px #00000014;--background: var(--bg-card-color)}.smart-building-dashboard-page .energy-trend-card .header{display:flex;justify-content:space-between;align-items:center}.smart-building-dashboard-page .energy-trend-card .header span{font-size:1rem;font-weight:600;color:var(--main-header-text-color)}.smart-building-dashboard-page .energy-trend-card .chart-container .apexcharts-yaxis text,.smart-building-dashboard-page .energy-trend-card .chart-container .apexcharts-xaxis text{fill:var(--white)!important}.smart-building-dashboard-page .energy-trend-card .chart-container .apexcharts-title-text{fill:var(--main-header-text-color)}.smart-building-dashboard-page .energy-trend-card .chart-container .apexcharts-legend-text{color:var(--white)!important;margin-left:-12px}.smart-building-dashboard-page .energy-trend-card .chart-container .apexcharts-tooltip{background:var(--bg-card-color)!important;border:1px solid var(--input-border)!important;box-shadow:none!important}.smart-building-dashboard-page .energy-trend-card .chart-container .apexcharts-tooltip .apexcharts-tooltip-title,.smart-building-dashboard-page .energy-trend-card .chart-container .apexcharts-tooltip .apexcharts-tooltip-text{color:var(--white)!important;background:transparent!important}.smart-building-dashboard-page .energy-trend-card .chart-container .apexcharts-gridline{stroke:var(--text-gray-dark-color)!important;display:none}.smart-building-dashboard-page .energy-trend-card .chart-container .apexcharts-toolbar{display:none}.hotel-housekeeping-page ion-card{--background: var(--bg-card-color);--color: var(--main-header-text-color);border-radius:12px;box-shadow:0 2px 8px #00000026;align-content:center;margin:0}.hotel-housekeeping-page ion-card-title{color:var(--main-header-text-color);font-weight:600}.hotel-housekeeping-page .summary-cards{text-align:center;padding:0}.hotel-housekeeping-page .summary-cards>ion-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.hotel-housekeeping-page .summary-cards>ion-row>ion-col{padding:0}.hotel-housekeeping-page .summary-cards .card{background:var(--bg-card-color);border-radius:10px;padding:16px;font-weight:600}.hotel-housekeeping-page .summary-cards .card .card-header-item{--inner-padding-end: 0px;--padding-start: 0px;--min-height: 27px;margin-bottom:8px}.hotel-housekeeping-page .summary-cards .card .card-header-item ion-icon{margin:0;font-size:26px}.hotel-housekeeping-page .summary-cards .card .number{font-size:24px;font-weight:700;color:var(--main-header-text-color);text-align:left}.hotel-housekeeping-page .summary-cards .card .label{font-size:14px;color:var(--text-gray-color)}.hotel-housekeeping-page .summary-cards .card.critical .card-icon{color:#e53935}.hotel-housekeeping-page .summary-cards .card.warning .card-icon{color:#fbc02d}.hotel-housekeeping-page .summary-cards .card.active .card-icon{color:#1976d2}.hotel-housekeeping-page .summary-cards .card.overdue .card-icon{color:#ff7043}.hotel-housekeeping-page .main-task-card .header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.hotel-housekeeping-page .main-task-card .header-row .header-actions{display:flex;gap:10px;align-items:center}.hotel-housekeeping-page .main-task-card .header-row .header-actions ion-searchbar{--background: transparent;border-radius:8px;width:200px;height:40px;--box-shadow: none;padding:0;border:1px solid var(--input-border);color:var(--main-header-text-color);--placeholder-color: var(--text-normal)}.hotel-housekeeping-page .main-task-card .header-row .header-actions ion-searchbar .searchbar-input{padding-inline:45px 0px}.hotel-housekeeping-page .main-task-card .task-card{border:1px solid var(--input-border);border-left:4px solid var(--ion-color-primary);margin-bottom:10px}.hotel-housekeeping-page .main-task-card .task-card .task-row{display:flex;justify-content:space-between;align-items:center;gap:16px}@media (max-width: 640px){.hotel-housekeeping-page .main-task-card .task-card .task-row{flex-direction:column;align-items:start;padding-bottom:10px;gap:0px}}.hotel-housekeeping-page .main-task-card .task-card .task-info{flex:1}.hotel-housekeeping-page .main-task-card .task-card ion-card-title{display:flex;align-items:center;gap:8px}.hotel-housekeeping-page .main-task-card .task-card ion-card-title ion-badge{font-size:.7rem;text-transform:capitalize;padding:4px 8px;border-radius:6px}.hotel-housekeeping-page .main-task-card .task-card p{font-size:14px;margin:6px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--main-header-text-color)}.hotel-housekeeping-page .main-task-card .task-card p ion-icon{font-size:16px}.hotel-housekeeping-page .main-task-card .task-card .special-request{color:#d9534f;font-size:14px;display:flex;align-items:center;gap:6px}.hotel-housekeeping-page .main-task-card .task-card .task-actions{display:flex;gap:6px;margin-right:8px}@media (max-width: 640px){.hotel-housekeeping-page .main-task-card .task-card .task-actions{margin-left:10px}}.hotel-housekeeping-page .main-task-card .task-card .task-actions ion-button{text-transform:none;font-size:.85rem;border-radius:6px;min-width:110px}.hotel-housekeeping-page .main-status-card .header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.hotel-housekeeping-page .main-status-card .task-card{border:1px solid var(--input-border);border-left:4px solid var(--ion-color-primary);margin-bottom:10px}.hotel-housekeeping-page .main-status-card .task-card .task-row{display:flex;justify-content:space-between;align-items:center;gap:16px}@media (max-width: 640px){.hotel-housekeeping-page .main-status-card .task-card .task-row{flex-direction:column;align-items:start;padding-bottom:10px;gap:0px}}.hotel-housekeeping-page .main-status-card .task-card .task-info{flex:1}.hotel-housekeeping-page .main-status-card .task-card .task-info .task-card-header{padding-block:0;padding-inline:16px 0}.hotel-housekeeping-page .main-status-card .task-card .task-info .task-card-header ion-item::part(native){padding:0}.hotel-housekeeping-page .main-status-card .task-card .task-info .task-card-header ion-item::part(native) div.item-inner{padding:0!important}.hotel-housekeeping-page .main-status-card .task-card .task-info .task-card-header ion-icon.person{color:var(--ion-color-danger)}.hotel-housekeeping-page .main-status-card .task-card .task-info .task-card-header ion-icon.sparkles{color:var(--ion-color-primary)}.hotel-housekeeping-page .main-status-card .task-card ion-card-title{display:flex;align-items:center;gap:8px}.hotel-housekeeping-page .main-status-card .task-card ion-card-title ion-badge{font-size:.7rem;text-transform:capitalize;padding:4px 8px;border-radius:6px}.hotel-housekeeping-page .main-status-card .task-card p{font-size:14px;margin:6px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--main-header-text-color)}.hotel-services-page .hotel-services-page-cards{text-align:center;padding:0}.hotel-services-page .hotel-services-page-cards>ion-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.hotel-services-page .hotel-services-page-cards>ion-row>ion-col{padding:0}.hotel-services-page .hotel-services-page-cards .card{background:var(--bg-card-color);border-radius:10px;padding:16px;font-weight:600}.hotel-services-page .hotel-services-page-cards .card .card-header-item{--inner-padding-end: 0px;--padding-start: 0px;--min-height: 27px;margin-bottom:8px}.hotel-services-page .hotel-services-page-cards .card .card-header-item ion-icon{margin:0;font-size:26px}.hotel-services-page .hotel-services-page-cards .card .number{font-size:24px;font-weight:700;color:var(--main-header-text-color);text-align:left}.hotel-services-page .hotel-services-page-cards .card .label{font-size:14px;color:var(--text-gray-color)}.hotel-services-page .hotel-services-page-cards .card.critical .card-icon{color:#e53935}.hotel-services-page .hotel-services-page-cards .card.warning .card-icon{color:#fbc02d}.hotel-services-page .hotel-services-page-cards .card.active .card-icon{color:#1976d2}.hotel-services-page .hotel-services-page-cards .card.overdue .card-icon{color:#ff7043}.hotel-services-page .service-request-staff-message-wrapper{padding:0;margin-top:10px;container-type:inline-size}.hotel-services-page .service-request-staff-message-wrapper>ion-row{display:flex;gap:10px}.hotel-services-page .service-request-staff-message-wrapper>ion-row ion-col{padding:0;flex:.4}.hotel-services-page .service-request-staff-message-wrapper>ion-row ion-col:first-child{flex:1}@container (max-width: 900px){.hotel-services-page .service-request-staff-message-wrapper>ion-row{flex-direction:column}.hotel-services-page .service-request-staff-message-wrapper>ion-row ion-col{flex:auto!important}}.hotel-services-page .service-request-staff-message-wrapper h2{font-size:1.2rem;margin-block:0px;margin-bottom:15px;color:var(--main-header-text-color)}.hotel-services-page .service-request-staff-message-wrapper .request-queue,.hotel-services-page .service-request-staff-message-wrapper .staff-messages{background:var(--bg-card-color);border-radius:8px;padding:1rem}.hotel-services-page .service-request-staff-message-wrapper .request-queue .request-queue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.hotel-services-page .service-request-staff-message-wrapper .request-queue .request-queue-header h2{margin-bottom:0}.hotel-services-page .service-request-staff-message-wrapper .request-card{border-left:4px solid var(--ion-color-primary);background:var(--side-menu-accordion);border-radius:8px;padding:1rem;margin-bottom:1rem}.hotel-services-page .service-request-staff-message-wrapper .request-card .request-header{display:flex;align-items:center;gap:.5rem}.hotel-services-page .service-request-staff-message-wrapper .request-card .request-header strong{color:var(--main-header-text-color);font-size:1.1rem}.hotel-services-page .service-request-staff-message-wrapper .request-card .title{font-weight:700;margin:.5rem 0;color:var(--main-sub-header-text-color)}.hotel-services-page .service-request-staff-message-wrapper .request-card .desc{color:var(--text-gray-color);margin-bottom:.5rem}.hotel-services-page .service-request-staff-message-wrapper .request-card .meta{font-size:.85rem;color:var(--input-border);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.hotel-services-page .service-request-staff-message-wrapper .request-card .actions{display:flex;flex-wrap:wrap;gap:.5rem}.hotel-services-page .service-request-staff-message-wrapper .request-card .actions ion-button{text-transform:capitalize;--padding-top: 7px;--padding-bottom: 7px}.hotel-services-page .service-request-staff-message-wrapper .tag{padding:2px 6px;border-radius:4px;font-size:.75rem;text-transform:capitalize}.hotel-services-page .service-request-staff-message-wrapper .assigned{background:var(--ion-color-primary);color:#222}.hotel-services-page .service-request-staff-message-wrapper .pending{background:transparent;color:var(--main-header-text-color);border:1px solid var(--input-border)}.hotel-services-page .service-request-staff-message-wrapper .high{background:var(--ion-color-danger)}.hotel-services-page .service-request-staff-message-wrapper .low{background:var(--ion-color-warning)}.hotel-services-page .service-request-staff-message-wrapper .staff-messages .message{background:var(--side-menu-accordion);border-radius:6px;padding:15px;margin-bottom:.5rem;display:flex;flex-direction:column}.hotel-services-page .service-request-staff-message-wrapper .staff-messages .message .message-from{margin-block:0px;margin-bottom:10px;color:var(--main-header-text-color)}.hotel-services-page .service-request-staff-message-wrapper .staff-messages .message span{color:var(--main-sub-header-text-color);font-size:14px}.hotel-services-page .service-request-staff-message-wrapper .staff-messages .message time{font-size:.75rem;color:var(--text-gray-color);align-self:flex-end}.hotel-services-page .service-request-staff-message-wrapper .staff-messages .input-box{margin-top:10px}.hotel-services-page .service-request-staff-message-wrapper .staff-messages .input-box ion-input{background:var(--side-menu-accordion);border-radius:6px;padding:.5rem;font-size:14px;color:var(--main-header-text-color);--padding-start: 12px}.hotel-services-page .service-request-staff-message-wrapper .staff-messages .input-box ion-button{margin-top:.5rem;text-transform:capitalize}:root{--ion-color-primary: #81bdff;--ion-color-primary-rgb: 129, 189, 255;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #72a6e0;--ion-color-primary-tint: #8ec4ff;--ion-color-secondary: #fef0e3;--ion-color-secondary-rgb: 254, 240, 227;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #e0d3c8;--ion-color-secondary-tint: #fef2e6;--ion-color-tertiary: #727272;--ion-color-tertiary-rgb: 114, 114, 114;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #646464;--dark-gray-color: #525252;--ion-color-tertiary-tint: #808080;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28ba62;--ion-color-success-tint: #42d77d;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #ff7777;--ion-color-danger-rgb: 243, 37, 37;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #d62121;--ion-color-danger-tint: #f43b3b;--ion-color-medium: #727272;--ion-color-medium-rgb: 114, 114, 114;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #646464;--ion-color-medium-tint: #808080;--input-label: #e2e2e2;--button-text-color: #fefefe;--text-normal: #adadad;--bg-color: #101010;--main-header-text-color: #fefefe;--input-bg: #191919;--input-border: #4d4d4d;--forgot-label-color: #81bdff;--button-linear-gradient: linear-gradient(180deg, #88c6ff 0%, #71abff 100%);--white: #fff;--main-sub-header-text-color: #e2e2e2;--text-color: #000000;--text-gray-color: #adadad;--text-gray-dark-color: #373737;--bg-btn-color: #81bdff;--color-gradiant-blue: linear-gradient(180deg, #88c6ff 0%, #71aaff 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #559ccf;--bg-card-color: #191919;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #4d4d4d;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #e8ab4f;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #b1b1b1;--delete-btn-bg: #f77;--popover-bg-dark: #1c1c1c;--light-pink-bg-color: #e8d8d8;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #191919;--ion-color-dark-rgb: 25, 25, 25;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #161616;--ion-color-dark-tint: #303030;--input-border-color: #686868;--toggle-check-bg: #3880ff;--popover-bg: #474747;--range-color: #44b4fb;--radio-grp-bg: #212121;--keyframe-red-color: #db2727;--bg-header-color: #f5f5f5;--StatusBar-color1: #101010;--StatusBar-color2: #88c6ff;--StatusBar-color3: #2b579a;--StatusBar-color4: #f4f4fa;--light-inside-round: #191919;--bg-gradient-blue: linear-gradient(180deg, #d9e3ff 0%, #eee 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #81bdff 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(129, 189, 255, 0) 0%, #81bdff 89.12%), --linear-gradient-pink-blue: linear-gradient(180deg, #8f5dcf 0%, #76b2ea 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(6 6 6) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(77, 77, 77, 0) 0%, #4d4d4d 89.12%), --linear-gradient-black-opacity: linear-gradient(to right, rgba(16, 16, 16, .02) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #cf865d 0%, #eccc79 100%);--color-gradiant-pink: linear-gradient(180deg, #d45fc5 0%, #da16c0 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #101010 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #c0d9ff 0%, #0356d3 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #2D2D2D;--billing-card-currentplan-dark: #4880FF;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #391F21;--car-parking-slotempty: #2D2D2D;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #1e1e1e;--blocked-room-bg: url(/assets/block-element-dark.svg);--default-white: #fff;--room-device-bg: #2D2D2D99;--lime-green: #213525;--de-saturated-red: #391F21;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 16, 16, 16;--map-filter: grayscale(1) invert(1) brightness(1) contrast(.85)}.light-mode{--ion-color-primary: #81bdff;--ion-color-primary-rgb: 129, 189, 255;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #72a6e0;--ion-color-primary-tint: #8ec4ff;--ion-color-secondary: #191919;--ion-color-secondary-rgb: 255, 239, 219;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #e6d6c4;--ion-color-secondary-tint: #fff2e0;--ion-color-tertiary: #666666;--ion-color-tertiary-rgb: 102, 102, 102;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #5a5a5a;--ion-color-tertiary-tint: #747474;--dark-gray-color: #dddddd;--ion-color-success: #28a745;--ion-color-success-rgb: 40, 167, 69;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #24933f;--ion-color-success-tint: #32b750;--ion-color-warning: #ffa000;--ion-color-warning-rgb: 255, 160, 0;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e69500;--ion-color-warning-tint: #ffae1a;--ion-color-danger: #ff4444;--ion-color-danger-rgb: 255, 68, 68;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #e63c3c;--ion-color-danger-tint: #ff5d5d;--ion-color-medium: #cccccc;--ion-color-medium-rgb: 204, 204, 204;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #b3b3b3;--ion-color-medium-tint: #d9d9d9;--input-label: #555555;--button-text-color: #222222;--text-normal: #333333;--bg-color: #f8f8f8;--main-header-text-color: #222222;--input-bg: #ffffff;--input-border: #cccccc;--forgot-label-color: #81bdff;--button-linear-gradient: linear-gradient(180deg, #88c6ff 0%, #71abff 100%);--white: #000000;--main-sub-header-text-color: #555555;--text-color: #000000;--text-gray-color: #666666;--text-gray-dark-color: #333333;--bg-btn-color: #81bdff;--color-gradiant-blue: linear-gradient(180deg, #88c6ff 0%, #71abff 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #559ccf;--bg-card-color: #ffffff;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #e0e0e0;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #fbc02d;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #666666;--delete-btn-bg: #ff4444;--popover-bg-dark: #ffffff;--light-pink-bg-color: #ffe0e0;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #e6e6e6;--ion-color-dark-rgb: 230, 230, 230;--ion-color-dark-contrast: #000000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #cccccc;--ion-color-dark-tint: #f2f2f2;--input-border-color: #f8f8f8;--toggle-check-bg: #81bdff;--popover-bg: #f8f8f8;--range-color: #007bff;--radio-grp-bg: #f2f2f2;--keyframe-red-color: #db2727;--bg-header-color: #ffffff;--StatusBar-color1: #f5f5f5;--StatusBar-color2: #81bdff;--StatusBar-color3: #2b579a;--StatusBar-color4: #f4f4fa;--light-inside-round: #fff;--bg-gradient-blue: linear-gradient(180deg, #cce5ff 0%, #ffffff 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #81bdff 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(0, 86, 179, 0) 0%, #81bdff 89.12%);--linear-gradient-pink-blue: linear-gradient(180deg, #d45fc5 0%, #76b2ea 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(250, 250, 250) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(230, 230, 230, 0) 0%, #e0e0e0 89.12%);--linear-gradient-black-opacity: linear-gradient(to right, rgba(240, 240, 240, .02) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #ffb74d 0%, #ffe082 100%);--color-gradiant-pink: linear-gradient(180deg, #f48fb1 0%, #f06292 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e0e0e0 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #a0c4ff 0%, #003366 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #f4f4f4;--billing-card-currentplan-dark: #4880FF;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #f5d9db;--car-parking-slotempty: #f4f4f4;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #f3f3f3;--blocked-room-bg: url(/assets/block-element-light.svg);--default-white: #fff;--room-device-bg: #f4f4f499;--lime-green: #213525;--de-saturated-red: #680101;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 248, 248, 248;--map-filter: none}.streetlight-theme.dark-mode{--ion-color-primary: #DE7A3F;--ion-color-primary-rgb: 222, 122, 63;--ion-color-primary-contrast: #000000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #c36b37;--ion-color-primary-tint: #e18752;--ion-color-secondary: #fef0e3;--ion-color-secondary-rgb: 254, 240, 227;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #e0d3c8;--ion-color-secondary-tint: #fef2e6;--ion-color-tertiary: #727272;--ion-color-tertiary-rgb: 114, 114, 114;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #646464;--dark-gray-color: #525252;--ion-color-tertiary-tint: #808080;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28ba62;--ion-color-success-tint: #42d77d;--ion-color-warning: #f9d767;--ion-color-warning-rgb: 249, 215, 103;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #dbbd5b;--ion-color-warning-tint: #fadb76;--ion-color-danger: #A31E21;--ion-color-danger-rgb: 163, 30, 33;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #8f1a1d;--ion-color-danger-tint: #ac3537;--ion-color-medium: #727272;--ion-color-medium-rgb: 114, 114, 114;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #646464;--ion-color-medium-tint: #808080;--input-label: #e2e2e2;--button-text-color: #fefefe;--text-normal: #adadad;--bg-color: #101010;--main-header-text-color: #fefefe;--input-bg: #191919;--input-border: #4d4d4d;--forgot-label-color: #DE7A3F;--button-linear-gradient: linear-gradient(180deg, #df8e5f 0%, #DE7A3F 100%);--white: #fff;--main-sub-header-text-color: #e2e2e2;--text-color: #000000;--text-gray-color: #adadad;--text-gray-dark-color: #373737;--bg-btn-color: #DE7A3F;--color-gradiant-blue: linear-gradient(180deg, #df8e5f 0%, #DE7A3F 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #DE7A3F;--bg-card-color: #191919;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #4d4d4d;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #e8ab4f;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #b1b1b1;--delete-btn-bg: #f77;--popover-bg-dark: #1c1c1c;--light-pink-bg-color: #e8d8d8;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #191919;--ion-color-dark-rgb: 25, 25, 25;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #161616;--ion-color-dark-tint: #303030;--input-border-color: #686868;--toggle-check-bg: #DE7A3F;--popover-bg: #474747;--range-color: #DE7A3F;--radio-grp-bg: #212121;--keyframe-red-color: #db2727;--bg-header-color: #f5f5f5;--StatusBar-color1: #101010;--StatusBar-color2: #88c6ff;--StatusBar-color3: #2b579a;--StatusBar-color4: #f4f4fa;--light-inside-round: #191919;--bg-gradient-blue: linear-gradient(180deg, #d9e3ff 0%, #eee 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #DE7A3F 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(129, 189, 255, 0) 0%, #DE7A3F 89.12%);--linear-gradient-pink-blue: linear-gradient(180deg, #8f5dcf 0%, #DE7A3F 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(6 6 6) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(77, 77, 77, 0) 0%, #4d4d4d 89.12%);--linear-gradient-black-opacity: linear-gradient(to right, rgba(16, 16, 16, .02) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #cf865d 0%, #eccc79 100%);--color-gradiant-pink: linear-gradient(180deg, #d45fc5 0%, #da16c0 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #101010 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #df9367 0%, #DE7A3F 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #2D2D2D;--billing-card-currentplan-dark: #DE7A3F;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #391F21;--car-parking-slotempty: #2D2D2D;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #1e1e1e;--blocked-room-bg: url(/assets/block-element-dark.svg);--default-white: #fff;--room-device-bg: #2D2D2D99;--lime-green: #213525;--de-saturated-red: #391F21;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 16, 16, 16;--map-filter: grayscale(1) invert(1) brightness(1) contrast(.85)}.streetlight-theme.light-mode{--ion-color-primary: #DE7A3F;--ion-color-primary-rgb: 222, 122, 63;--ion-color-primary-contrast: #000000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #c36b37;--ion-color-primary-tint: #e18752;--ion-color-secondary: #191919;--ion-color-secondary-rgb: 255, 239, 219;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #e6d6c4;--ion-color-secondary-tint: #fff2e0;--ion-color-tertiary: #666666;--ion-color-tertiary-rgb: 102, 102, 102;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #5a5a5a;--ion-color-tertiary-tint: #747474;--dark-gray-color: #dddddd;--ion-color-success: #28a745;--ion-color-success-rgb: 40, 167, 69;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #24933f;--ion-color-success-tint: #32b750;--ion-color-warning: #f9d767;--ion-color-warning-rgb: 249, 215, 103;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #dbbd5b;--ion-color-warning-tint: #fadb76;--ion-color-danger: #A31E21;--ion-color-danger-rgb: 163, 30, 33;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #8f1a1d;--ion-color-danger-tint: #ac3537;--ion-color-medium: #cccccc;--ion-color-medium-rgb: 204, 204, 204;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #b3b3b3;--ion-color-medium-tint: #d9d9d9;--input-label: #555555;--button-text-color: #222222;--text-normal: #333333;--bg-color: #f8f8f8;--main-header-text-color: #222222;--input-bg: #ffffff;--input-border: #cccccc;--forgot-label-color: #DE7A3F;--button-linear-gradient: linear-gradient(180deg, #d48d63 0%, #DE7A3F 100%);--white: #000000;--main-sub-header-text-color: #555555;--text-color: #000000;--text-gray-color: #666666;--text-gray-dark-color: #333333;--bg-btn-color: #DE7A3F;--color-gradiant-blue: linear-gradient(180deg, #d48d63 0%, #DE7A3F 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #DE7A3F;--bg-card-color: #ffffff;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #e0e0e0;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #fbc02d;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #666666;--delete-btn-bg: #ff4444;--popover-bg-dark: #ffffff;--light-pink-bg-color: #ffe0e0;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #e6e6e6;--ion-color-dark-rgb: 230, 230, 230;--ion-color-dark-contrast: #000000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #cccccc;--ion-color-dark-tint: #f2f2f2;--input-border-color: #f8f8f8;--toggle-check-bg: #DE7A3F;--popover-bg: #f8f8f8;--range-color: #DE7A3F;--radio-grp-bg: #f2f2f2;--keyframe-red-color: #db2727;--bg-header-color: #ffffff;--StatusBar-color1: #f5f5f5;--StatusBar-color2: #DE7A3F;--StatusBar-color3: #DE7A3F;--StatusBar-color4: #f4f4fa;--light-inside-round: #fff;--bg-gradient-blue: linear-gradient(180deg, #cce5ff 0%, #ffffff 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #DE7A3F 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(0, 86, 179, 0) 0%, #DE7A3F 89.12%);--linear-gradient-pink-blue: linear-gradient(180deg, #d45fc5 0%, #DE7A3F 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(250, 250, 250) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(230, 230, 230, 0) 0%, #e0e0e0 89.12%);--linear-gradient-black-opacity: linear-gradient(to right, rgba(240, 240, 240, .02) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #ffb74d 0%, #ffe082 100%);--color-gradiant-pink: linear-gradient(180deg, #f48fb1 0%, #f06292 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e0e0e0 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #cc8962 0%, #DE7A3F 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #f4f4f4;--billing-card-currentplan-dark: #DE7A3F;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #f5d9db;--car-parking-slotempty: #f4f4f4;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #f3f3f3;--blocked-room-bg: url(/assets/block-element-light.svg);--default-white: #fff;--room-device-bg: #f4f4f499;--lime-green: #213525;--de-saturated-red: #680101;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 248, 248, 248;--map-filter: none}.hotel-theme.dark-mode{--ion-color-primary: #A31E21;--ion-color-primary-rgb: 163, 30, 33;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #8f1a1d;--ion-color-primary-tint: #ac3537;--ion-color-secondary: #fef0e3;--ion-color-secondary-rgb: 254, 240, 227;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #e0d3c8;--ion-color-secondary-tint: #fef2e6;--ion-color-tertiary: #727272;--ion-color-tertiary-rgb: 114, 114, 114;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #646464;--dark-gray-color: #525252;--ion-color-tertiary-tint: #808080;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28ba62;--ion-color-success-tint: #42d77d;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #ffa000;--ion-color-danger-rgb: 255, 160, 0;--ion-color-danger-contrast: #000000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #e08d00;--ion-color-danger-tint: #ffaa1a;--ion-color-medium: #727272;--ion-color-medium-rgb: 114, 114, 114;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #646464;--ion-color-medium-tint: #808080;--input-label: #e2e2e2;--button-text-color: #fefefe;--text-normal: #adadad;--bg-color: #101010;--main-header-text-color: #fefefe;--input-bg: #191919;--input-border: #4d4d4d;--forgot-label-color: #A31E21;--button-linear-gradient: linear-gradient(180deg, #ad4143 0%, #A31E21 100%);--white: #fff;--main-sub-header-text-color: #e2e2e2;--text-color: #000000;--text-gray-color: #adadad;--text-gray-dark-color: #373737;--bg-btn-color: #A31E21;--color-gradiant-blue: linear-gradient(180deg, #ad4143 0%, #A31E21 100%);--color-gradient-green: linear-gradient(180deg, #ad4143 0%, #A31E21 100%);--bg-btn-color-blue: #A31E21;--bg-card-color: #191919;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #4d4d4d;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #e8ab4f;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #b1b1b1;--delete-btn-bg: #f77;--popover-bg-dark: #1c1c1c;--light-pink-bg-color: #e8d8d8;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #191919;--ion-color-dark-rgb: 25, 25, 25;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #161616;--ion-color-dark-tint: #303030;--input-border-color: #686868;--toggle-check-bg: #A31E21;--popover-bg: #474747;--range-color: #A31E21;--radio-grp-bg: #212121;--keyframe-red-color: #db2727;--bg-header-color: #f5f5f5;--StatusBar-color1: #101010;--StatusBar-color2: #a03e40;--StatusBar-color3: #A31E21;--StatusBar-color4: #f4f4fa;--light-inside-round: #191919;--bg-gradient-blue: linear-gradient(180deg, #d9e3ff 0%, #eee 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #81bdff 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(129, 189, 255, 0) 0%, #81bdff 89.12%), --linear-gradient-pink-blue: linear-gradient(180deg, #8f5dcf 0%, #76b2ea 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(6 6 6) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(77, 77, 77, 0) 0%, #4d4d4d 89.12%), --linear-gradient-black-opacity: linear-gradient(to right, rgba(16, 16, 16, .02) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #cf865d 0%, #eccc79 100%);--color-gradiant-pink: linear-gradient(180deg, #d45fc5 0%, #da16c0 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #101010 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #9c3e40 0%, #A31E21 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #2D2D2D;--billing-card-currentplan-dark: #944142;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #771214;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #391F21;--car-parking-slotempty: #2D2D2D;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #1e1e1e;--blocked-room-bg: url(/assets/block-element-dark.svg);--default-white: #fff;--room-device-bg: #2D2D2D99;--lime-green: #213525;--de-saturated-red: #391F21;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 16, 16, 16;--map-filter: grayscale(1) invert(1) brightness(1) contrast(.85)}.hotel-theme.light-mode{--ion-color-primary: #A31E21;--ion-color-primary-rgb: 163, 30, 33;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #8f1a1d;--ion-color-primary-tint: #ac3537;--ion-color-secondary: #191919;--ion-color-secondary-rgb: 255, 239, 219;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #e6d6c4;--ion-color-secondary-tint: #fff2e0;--ion-color-tertiary: #666666;--ion-color-tertiary-rgb: 102, 102, 102;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #5a5a5a;--ion-color-tertiary-tint: #747474;--dark-gray-color: #dddddd;--ion-color-success: #28a745;--ion-color-success-rgb: 40, 167, 69;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #24933f;--ion-color-success-tint: #32b750;--ion-color-warning: #ffa000;--ion-color-warning-rgb: 255, 160, 0;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e69500;--ion-color-warning-tint: #ffae1a;--ion-color-danger: #ffa000;--ion-color-danger-rgb: 255, 160, 0;--ion-color-danger-contrast: #000000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #e08d00;--ion-color-danger-tint: #ffaa1a;--ion-color-medium: #cccccc;--ion-color-medium-rgb: 204, 204, 204;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #b3b3b3;--ion-color-medium-tint: #d9d9d9;--input-label: #555555;--button-text-color: #222222;--text-normal: #333333;--bg-color: #f8f8f8;--main-header-text-color: #222222;--input-bg: #ffffff;--input-border: #cccccc;--forgot-label-color: #A31E21;--button-linear-gradient: linear-gradient(180deg, #ad4143 0%, #A31E21 100%);--white: #000000;--main-sub-header-text-color: #555555;--text-color: #000000;--text-gray-color: #666666;--text-gray-dark-color: #333333;--bg-btn-color: #A31E21;--color-gradiant-blue: linear-gradient(180deg, #ad4143 0%, #A31E21 100%);--color-gradient-green: linear-gradient(180deg, #ad4143 0%, #A31E21 100%);--bg-btn-color-blue: #A31E21;--bg-card-color: #ffffff;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #e0e0e0;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #fbc02d;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #666666;--delete-btn-bg: #ff4444;--popover-bg-dark: #ffffff;--light-pink-bg-color: #ffe0e0;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #e6e6e6;--ion-color-dark-rgb: 230, 230, 230;--ion-color-dark-contrast: #000000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #cccccc;--ion-color-dark-tint: #f2f2f2;--input-border-color: #f8f8f8;--toggle-check-bg: #A31E21;--popover-bg: #f8f8f8;--range-color: #A31E21;--radio-grp-bg: #f2f2f2;--keyframe-red-color: #db2727;--bg-header-color: #ffffff;--StatusBar-color1: #f5f5f5;--StatusBar-color2: #a2fceb;--StatusBar-color3: #7a1416;--StatusBar-color4: #f4f4fa;--light-inside-round: #fff;--bg-gradient-blue: linear-gradient(180deg, #cce5ff 0%, #ffffff 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #81bdff 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(0, 86, 179, 0) 0%, #81bdff 89.12%);--linear-gradient-pink-blue: linear-gradient(180deg, #d45fc5 0%, #76b2ea 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(250, 250, 250) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(230, 230, 230, 0) 0%, #e0e0e0 89.12%);--linear-gradient-black-opacity: linear-gradient(to right, rgba(240, 240, 240, .02) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #ffb74d 0%, #ffe082 100%);--color-gradiant-pink: linear-gradient(180deg, #f48fb1 0%, #f06292 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e0e0e0 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #a3393b 0%, #A31E21 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #f4f4f4;--billing-card-currentplan-dark: #A31E21;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #A31E21;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #f5d9db;--car-parking-slotempty: #f4f4f4;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #f3f3f3;--blocked-room-bg: url(/assets/block-element-light.svg);--default-white: #fff;--room-device-bg: #f4f4f499;--lime-green: #213525;--de-saturated-red: #680101;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 248, 248, 248;--map-filter: none}.default-theme.dark-mode{--ion-color-primary: #81bdff;--ion-color-primary-rgb: 129, 189, 255;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #72a6e0;--ion-color-primary-tint: #8ec4ff;--ion-color-secondary: #fef0e3;--ion-color-secondary-rgb: 254, 240, 227;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #e0d3c8;--ion-color-secondary-tint: #fef2e6;--ion-color-tertiary: #727272;--ion-color-tertiary-rgb: 114, 114, 114;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #646464;--dark-gray-color: #525252;--ion-color-tertiary-tint: #808080;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28ba62;--ion-color-success-tint: #42d77d;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #ff7777;--ion-color-danger-rgb: 243, 37, 37;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #d62121;--ion-color-danger-tint: #f43b3b;--ion-color-medium: #727272;--ion-color-medium-rgb: 114, 114, 114;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #646464;--ion-color-medium-tint: #808080;--input-label: #e2e2e2;--button-text-color: #fefefe;--text-normal: #adadad;--bg-color: #101010;--main-header-text-color: #fefefe;--input-bg: #191919;--input-border: #4d4d4d;--forgot-label-color: #81bdff;--button-linear-gradient: linear-gradient(180deg, #88c6ff 0%, #71abff 100%);--white: #fff;--main-sub-header-text-color: #e2e2e2;--text-color: #000000;--text-gray-color: #adadad;--text-gray-dark-color: #373737;--bg-btn-color: #81bdff;--color-gradiant-blue: linear-gradient(180deg, #88c6ff 0%, #71aaff 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #559ccf;--bg-card-color: #191919;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #4d4d4d;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #e8ab4f;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #b1b1b1;--delete-btn-bg: #f77;--popover-bg-dark: #1c1c1c;--light-pink-bg-color: #e8d8d8;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #191919;--ion-color-dark-rgb: 25, 25, 25;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #161616;--ion-color-dark-tint: #303030;--input-border-color: #686868;--toggle-check-bg: #3880ff;--popover-bg: #474747;--range-color: #44b4fb;--radio-grp-bg: #212121;--keyframe-red-color: #db2727;--bg-header-color: #f5f5f5;--StatusBar-color1: #101010;--StatusBar-color2: #88c6ff;--StatusBar-color3: #2b579a;--StatusBar-color4: #f4f4fa;--light-inside-round: #191919;--bg-gradient-blue: linear-gradient(180deg, #d9e3ff 0%, #eee 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #81bdff 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(129, 189, 255, 0) 0%, #81bdff 89.12%), --linear-gradient-pink-blue: linear-gradient(180deg, #8f5dcf 0%, #76b2ea 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(6 6 6) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(77, 77, 77, 0) 0%, #4d4d4d 89.12%), --linear-gradient-black-opacity: linear-gradient(to right, rgba(16, 16, 16, .02) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #cf865d 0%, #eccc79 100%);--color-gradiant-pink: linear-gradient(180deg, #d45fc5 0%, #da16c0 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #101010 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #c0d9ff 0%, #0356d3 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #2D2D2D;--billing-card-currentplan-dark: #4880FF;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #391F21;--car-parking-slotempty: #2D2D2D;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #1e1e1e;--blocked-room-bg: url(/assets/block-element-dark.svg);--default-white: #fff;--room-device-bg: #2D2D2D99;--lime-green: #213525;--de-saturated-red: #391F21;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 16, 16, 16;--map-filter: grayscale(1) invert(1) brightness(1) contrast(.85)}.default-theme.light-mode{--ion-color-primary: #81bdff;--ion-color-primary-rgb: 129, 189, 255;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #72a6e0;--ion-color-primary-tint: #8ec4ff;--ion-color-secondary: #191919;--ion-color-secondary-rgb: 255, 239, 219;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #e6d6c4;--ion-color-secondary-tint: #fff2e0;--ion-color-tertiary: #666666;--ion-color-tertiary-rgb: 102, 102, 102;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #5a5a5a;--ion-color-tertiary-tint: #747474;--dark-gray-color: #dddddd;--ion-color-success: #28a745;--ion-color-success-rgb: 40, 167, 69;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #24933f;--ion-color-success-tint: #32b750;--ion-color-warning: #ffa000;--ion-color-warning-rgb: 255, 160, 0;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e69500;--ion-color-warning-tint: #ffae1a;--ion-color-danger: #ff4444;--ion-color-danger-rgb: 255, 68, 68;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #e63c3c;--ion-color-danger-tint: #ff5d5d;--ion-color-medium: #cccccc;--ion-color-medium-rgb: 204, 204, 204;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #b3b3b3;--ion-color-medium-tint: #d9d9d9;--input-label: #555555;--button-text-color: #222222;--text-normal: #333333;--bg-color: #f8f8f8;--main-header-text-color: #222222;--input-bg: #ffffff;--input-border: #cccccc;--forgot-label-color: #81bdff;--button-linear-gradient: linear-gradient(180deg, #88c6ff 0%, #71abff 100%);--white: #000000;--main-sub-header-text-color: #555555;--text-color: #000000;--text-gray-color: #666666;--text-gray-dark-color: #333333;--bg-btn-color: #81bdff;--color-gradiant-blue: linear-gradient(180deg, #88c6ff 0%, #71abff 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #559ccf;--bg-card-color: #ffffff;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #e0e0e0;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #fbc02d;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #666666;--delete-btn-bg: #ff4444;--popover-bg-dark: #ffffff;--light-pink-bg-color: #ffe0e0;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #e6e6e6;--ion-color-dark-rgb: 230, 230, 230;--ion-color-dark-contrast: #000000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #cccccc;--ion-color-dark-tint: #f2f2f2;--input-border-color: #f8f8f8;--toggle-check-bg: #81bdff;--popover-bg: #f8f8f8;--range-color: #007bff;--radio-grp-bg: #f2f2f2;--keyframe-red-color: #db2727;--bg-header-color: #ffffff;--StatusBar-color1: #f5f5f5;--StatusBar-color2: #81bdff;--StatusBar-color3: #2b579a;--StatusBar-color4: #f4f4fa;--light-inside-round: #fff;--bg-gradient-blue: linear-gradient(180deg, #cce5ff 0%, #ffffff 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #81bdff 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(0, 86, 179, 0) 0%, #81bdff 89.12%);--linear-gradient-pink-blue: linear-gradient(180deg, #d45fc5 0%, #76b2ea 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(250, 250, 250) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(230, 230, 230, 0) 0%, #e0e0e0 89.12%);--linear-gradient-black-opacity: linear-gradient(to right, rgba(240, 240, 240, .02) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #ffb74d 0%, #ffe082 100%);--color-gradiant-pink: linear-gradient(180deg, #f48fb1 0%, #f06292 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e0e0e0 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #a0c4ff 0%, #003366 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #f4f4f4;--billing-card-currentplan-dark: #4880FF;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #f5d9db;--car-parking-slotempty: #f4f4f4;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #f3f3f3;--blocked-room-bg: url(/assets/block-element-light.svg);--default-white: #fff;--room-device-bg: #f4f4f499;--lime-green: #213525;--de-saturated-red: #680101;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 248, 248, 248;--map-filter: none}.agriculture-theme.dark-mode{--ion-color-primary: #648D00;--ion-color-primary-rgb: 100, 141, 0;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #567a00;--ion-color-primary-tint: #79a61a;--ion-color-secondary: #005200;--ion-color-secondary-rgb: 0, 82, 0;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #004800;--ion-color-secondary-tint: #1a691a;--ion-color-warning: #F9C200;--ion-color-warning-rgb: 249, 194, 0;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #dbaa00;--ion-color-warning-tint: #faca1a;--ion-color-danger: #F18500;--ion-color-danger-rgb: 241, 133, 0;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #d67400;--ion-color-danger-tint: #f3971a;--ion-color-dark: #240C00;--ion-color-dark-rgb: 36, 12, 0;--ion-color-dark-shade: #1f0a00;--ion-color-dark-tint: #3a241a;--ion-color-medium: #5E2907;--ion-color-medium-rgb: 94, 41, 7;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #522406;--ion-color-medium-tint: #75391f;--input-label: #e2e2e2;--button-text-color: #fefefe;--text-normal: #adadad;--ion-color-success: #2dd36f;--bg-color: #101010;--bg-color-rgb: 16, 16, 16;--main-header-text-color: #fefefe;--input-bg: #191919;--input-border: #4d4d4d;--forgot-label-color: #2d7b42;--button-linear-gradient: linear-gradient(180deg, #3a9750 0%, #256437 100%);--white: #fff;--main-sub-header-text-color: #e2e2e2;--text-color: #000000;--text-gray-color: #adadad;--text-gray-dark-color: #373737;--bg-btn-color: #2d7b42;--color-gradiant-blue: linear-gradient(180deg, #3a9750 0%, #256437 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #256437;--bg-card-color: #191919;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #4d4d4d;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #e8ab4f;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #b1b1b1;--delete-btn-bg: #f77;--popover-bg-dark: #1c1c1c;--light-pink-bg-color: #e8d8d8;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #191919;--ion-color-dark-rgb: 25, 25, 25;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #161616;--ion-color-dark-tint: #303030;--input-border-color: #686868;--toggle-check-bg: #2d7b42;--popover-bg: #474747;--range-color: #44b4fb;--radio-grp-bg: #212121;--keyframe-red-color: #db2727;--bg-header-color: #f5f5f5;--StatusBar-color1: #101010;--StatusBar-color2: #2d7b42;--StatusBar-color3: #2b579a;--StatusBar-color4: #f4f4fa;--light-inside-round: #191919;--bg-gradient-blue: linear-gradient(180deg, #d9e3ff 0%, #eee 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #2d7b42 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(45, 123, 66, 0) 0%, #2d7b42 89.12%);--linear-gradient-pink-blue: linear-gradient(180deg, #8f5dcf 0%, #3a9750 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(6 6 6) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(77, 77, 77, 0) 0%, #4d4d4d 89.12%);--linear-gradient-black-opacity: linear-gradient(to right, rgba(16, 16, 16, .02) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #cf865d 0%, #eccc79 100%);--color-gradiant-pink: linear-gradient(180deg, #d45fc5 0%, #da16c0 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #101010 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #c0d9ff 0%, #0356d3 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #2D2D2D;--billing-card-currentplan-dark: #2d7b42;--billing-card-currentplan-light: #2d7b4226;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #391F21;--car-parking-slotempty: #2D2D2D;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #1e1e1e;--blocked-room-bg: url(/assets/block-element-dark.svg);--default-white: #fff;--room-device-bg: #2D2D2D99;--lime-green: #213525;--de-saturated-red: #391F21;--card-shadow: rgb(78 77 77 / 30%);--map-filter: grayscale(1) invert(1) brightness(1) contrast(.85);--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15)}.agriculture-theme.light-mode{--ion-color-primary: #648D00;--ion-color-primary-rgb: 100, 141, 0;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #567a00;--ion-color-primary-tint: #79a61a;--ion-color-secondary: #005200;--ion-color-secondary-rgb: 0, 82, 0;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #004800;--ion-color-secondary-tint: #1a691a;--ion-color-warning: #F9C200;--ion-color-warning-rgb: 249, 194, 0;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #dbaa00;--ion-color-warning-tint: #faca1a;--ion-color-danger: #F18500;--ion-color-danger-rgb: 241, 133, 0;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #d67400;--ion-color-danger-tint: #f3971a;--ion-color-dark: #240C00;--ion-color-dark-rgb: 36, 12, 0;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1f0a00;--ion-color-dark-tint: #3a241a;--ion-color-medium: #5E2907;--ion-color-medium-rgb: 94, 41, 7;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #522406;--ion-color-medium-tint: #75391f;--input-label: #555555;--button-text-color: #222222;--text-normal: #333333;--ion-color-success: #28a745;--bg-color: #f8f8f8;--main-header-text-color: #222222;--input-bg: #ffffff;--input-border: #cccccc;--forgot-label-color: #2d7b42;--button-linear-gradient: linear-gradient(180deg, #3a9750 0%, #256437 100%);--white: #000000;--main-sub-header-text-color: #555555;--text-color: #000000;--text-gray-color: #666666;--text-gray-dark-color: #333333;--bg-btn-color: #2d7b42;--color-gradiant-blue: linear-gradient(180deg, #3a9750 0%, #256437 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #256437;--bg-card-color: #ffffff;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #e0e0e0;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #fbc02d;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #666666;--delete-btn-bg: #ff4444;--popover-bg-dark: #ffffff;--light-pink-bg-color: #ffe0e0;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #e6e6e6;--ion-color-dark-rgb: 230, 230, 230;--ion-color-dark-contrast: #000000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #cccccc;--ion-color-dark-tint: #f2f2f2;--input-border-color: #f8f8f8;--toggle-check-bg: #2d7b42;--popover-bg: #f8f8f8;--range-color: #007bff;--radio-grp-bg: #f2f2f2;--keyframe-red-color: #db2727;--bg-header-color: #ffffff;--StatusBar-color1: #f5f5f5;--StatusBar-color2: #2d7b42;--StatusBar-color3: #2b579a;--StatusBar-color4: #f4f4fa;--light-inside-round: #fff;--bg-gradient-blue: linear-gradient(180deg, #cce5ff 0%, #ffffff 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #2d7b42 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(45, 123, 66, 0) 0%, #2d7b42 89.12%);--linear-gradient-pink-blue: linear-gradient(180deg, #d45fc5 0%, #3a9750 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(250, 250, 250) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(230, 230, 230, 0) 0%, #e0e0e0 89.12%);--linear-gradient-black-opacity: linear-gradient(to right, rgba(240, 240, 240, .02) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #ffb74d 0%, #ffe082 100%);--color-gradiant-pink: linear-gradient(180deg, #f48fb1 0%, #f06292 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e0e0e0 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #a0c4ff 0%, #003366 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #f4f4f4;--billing-card-currentplan-dark: #2d7b42;--billing-card-currentplan-light: #2d7b4226;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #f5d9db;--car-parking-slotempty: #f4f4f4;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #f3f3f3;--blocked-room-bg: url(/assets/block-element-light.svg);--default-white: #fff;--room-device-bg: #f4f4f499;--card-shadow: rgba(0, 0, 0, .05);--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 248, 248, 248;--map-filter: none}.lytiva-theme.dark-mode{--ion-color-primary: #ffffff;--ion-color-primary-rgb: 255, 255, 255;--ion-color-primary-contrast: #000000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #e0e0e0;--ion-color-primary-tint: #ffffff;--ion-color-secondary: #fef0e3;--ion-color-secondary-rgb: 254, 240, 227;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #e0d3c8;--ion-color-secondary-tint: #fef2e6;--ion-color-tertiary: #727272;--ion-color-tertiary-rgb: 114, 114, 114;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #646464;--dark-gray-color: #525252;--ion-color-tertiary-tint: #808080;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28ba62;--ion-color-success-tint: #42d77d;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #ff7777;--ion-color-danger-rgb: 243, 37, 37;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #d62121;--ion-color-danger-tint: #f43b3b;--ion-color-medium: #727272;--ion-color-medium-rgb: 114, 114, 114;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #646464;--ion-color-medium-tint: #808080;--input-label: #e2e2e2;--button-text-color: #fefefe;--text-normal: #adadad;--bg-color: #101010;--main-header-text-color: #fefefe;--input-bg: #191919;--input-border: #4d4d4d;--forgot-label-color: #ffffff;--button-linear-gradient: linear-gradient(180deg, #e4e4e4 0%, #ffffff 100%);--white: #fff;--main-sub-header-text-color: #e2e2e2;--text-color: #000000;--text-gray-color: #adadad;--text-gray-dark-color: #373737;--bg-btn-color: #ffffff;--color-gradiant-blue: linear-gradient(180deg, #e4e4e4 0%, #ffffff 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #e4e4e4;--bg-card-color: #191919;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #4d4d4d;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #e8ab4f;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #b1b1b1;--delete-btn-bg: #f77;--popover-bg-dark: #1c1c1c;--light-pink-bg-color: #e8d8d8;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #191919;--ion-color-dark-rgb: 25, 25, 25;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #161616;--ion-color-dark-tint: #303030;--input-border-color: #686868;--toggle-check-bg: rgb(240, 245, 255);--popover-bg: #474747;--range-color: #eeeeee;--radio-grp-bg: #212121;--keyframe-red-color: #db2727;--bg-header-color: #f5f5f5;--StatusBar-color1: #101010;--StatusBar-color2: #fff0f0;--StatusBar-color3: #d8d8d8;--StatusBar-color4: #f4f4fa;--light-inside-round: #191919;--bg-gradient-blue: linear-gradient(180deg, #d9e3ff 0%, #eee 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #81bdff 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(129, 189, 255, 0) 0%, #81bdff 89.12%), --linear-gradient-pink-blue: linear-gradient(180deg, #8f5dcf 0%, #76b2ea 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(6 6 6) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(77, 77, 77, 0) 0%, #4d4d4d 89.12%), --linear-gradient-black-opacity: linear-gradient(to right, rgba(16, 16, 16, .02) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #cf865d 0%, #eccc79 100%);--color-gradiant-pink: linear-gradient(180deg, #d45fc5 0%, #da16c0 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #101010 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #2D2D2D;--billing-card-currentplan-dark: #f1f5ff;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #391F21;--car-parking-slotempty: #2D2D2D;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #1e1e1e;--blocked-room-bg: url(/assets/block-element-dark.svg);--default-white: #fff;--room-device-bg: #2D2D2D99;--lime-green: #213525;--de-saturated-red: #391F21;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 16, 16, 16;--map-filter: grayscale(1) invert(1) brightness(1) contrast(.85)}.lytiva-theme.light-mode{--ion-color-primary: #000000;--ion-color-primary-rgb: 0, 0, 0;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #000000;--ion-color-primary-tint: #1a1a1a;--ion-color-secondary: #191919;--ion-color-secondary-rgb: 255, 239, 219;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #e6d6c4;--ion-color-secondary-tint: #fff2e0;--ion-color-tertiary: #666666;--ion-color-tertiary-rgb: 102, 102, 102;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #5a5a5a;--ion-color-tertiary-tint: #747474;--dark-gray-color: #dddddd;--ion-color-success: #28a745;--ion-color-success-rgb: 40, 167, 69;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #24933f;--ion-color-success-tint: #32b750;--ion-color-warning: #ffa000;--ion-color-warning-rgb: 255, 160, 0;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e69500;--ion-color-warning-tint: #ffae1a;--ion-color-danger: #ff4444;--ion-color-danger-rgb: 255, 68, 68;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #e63c3c;--ion-color-danger-tint: #ff5d5d;--ion-color-medium: #cccccc;--ion-color-medium-rgb: 204, 204, 204;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #b3b3b3;--ion-color-medium-tint: #d9d9d9;--input-label: #555555;--button-text-color: #222222;--text-normal: #333333;--bg-color: #f8f8f8;--main-header-text-color: #222222;--input-bg: #ffffff;--input-border: #cccccc;--forgot-label-color: #000000;--button-linear-gradient: linear-gradient(180deg, #292929 0%, #000000 100%);--white: #000000;--main-sub-header-text-color: #555555;--text-color: #000000;--text-gray-color: #666666;--text-gray-dark-color: #333333;--bg-btn-color: #000000;--color-gradiant-blue: linear-gradient(180deg, #292929 0%, #000000 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #000000;--bg-card-color: #ffffff;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #e0e0e0;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #fbc02d;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #666666;--delete-btn-bg: #ff4444;--popover-bg-dark: #ffffff;--light-pink-bg-color: #ffe0e0;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #e6e6e6;--ion-color-dark-rgb: 230, 230, 230;--ion-color-dark-contrast: #000000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #cccccc;--ion-color-dark-tint: #f2f2f2;--input-border-color: #f8f8f8;--toggle-check-bg: #252323;--popover-bg: #f8f8f8;--range-color: #000000;--radio-grp-bg: #f2f2f2;--keyframe-red-color: #db2727;--bg-header-color: #ffffff;--StatusBar-color1: #f5f5f5;--StatusBar-color2: #2e2b2b;--StatusBar-color3: #000000;--StatusBar-color4: #f4f4fa;--light-inside-round: #fff;--bg-gradient-blue: linear-gradient(180deg, #cce5ff 0%, #ffffff 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #81bdff 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(0, 86, 179, 0) 0%, #81bdff 89.12%);--linear-gradient-pink-blue: linear-gradient(180deg, #d45fc5 0%, #76b2ea 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(250, 250, 250) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(230, 230, 230, 0) 0%, #e0e0e0 89.12%);--linear-gradient-black-opacity: linear-gradient(to right, rgba(240, 240, 240, .02) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #ffb74d 0%, #ffe082 100%);--color-gradiant-pink: linear-gradient(180deg, #f48fb1 0%, #f06292 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e0e0e0 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #353434 0%, #000000 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #f4f4f4;--billing-card-currentplan-dark: #000000;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #f5d9db;--car-parking-slotempty: #f4f4f4;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #f3f3f3;--blocked-room-bg: url(/assets/block-element-light.svg);--default-white: #fff;--room-device-bg: #f4f4f499;--lime-green: #213525;--de-saturated-red: #680101;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 248, 248, 248;--map-filter: none}.smart-building-theme.dark-mode{--ion-color-primary: #415A80;--ion-color-primary-rgb: 65, 90, 128;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #394f71;--ion-color-primary-tint: #546b8d;--ion-color-secondary: #A5D4DC;--ion-color-secondary-rgb: 165, 212, 220;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #91bbc2;--ion-color-secondary-tint: #aed8e0;--ion-color-tertiary: #D7E2E9;--ion-color-tertiary-rgb: 215, 226, 233;--ion-color-tertiary-contrast: #000000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #bdc7cd;--ion-color-tertiary-tint: #dbe5eb;--ion-color-success: #28a745;--ion-color-success-rgb: 40, 167, 69;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #23933d;--ion-color-success-tint: #3eb058;--ion-color-warning: #FFA000;--ion-color-warning-rgb: 255, 160, 0;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e08d00;--ion-color-warning-tint: #ffaa1a;--ion-color-danger: #ff7777;--ion-color-danger-rgb: 243, 37, 37;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #d62121;--ion-color-danger-tint: #f43b3b;--ion-color-medium: #cccccc;--ion-color-medium-rgb: 204, 204, 204;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #b4b4b4;--ion-color-medium-tint: #d1d1d1;--input-label: #e2e2e2;--button-text-color: #fefefe;--text-normal: #adadad;--bg-color: #101010;--main-header-text-color: #fefefe;--input-bg: #191919;--input-border: #4d4d4d;--forgot-label-color: #415A80;--button-linear-gradient: linear-gradient(180deg, #4d5f7a 0%, #415A80 100%);--white: #fff;--main-sub-header-text-color: #e2e2e2;--text-color: #000000;--text-gray-color: #adadad;--text-gray-dark-color: #373737;--bg-btn-color: #415A80;--color-gradiant-blue: linear-gradient(180deg, #4d5f7a 0%, #415A80 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #374d6d;--bg-card-color: #191919;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #4d4d4d;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #e8ab4f;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #b1b1b1;--delete-btn-bg: #f77;--popover-bg-dark: #1c1c1c;--light-pink-bg-color: #e8d8d8;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #191919;--ion-color-dark-rgb: 25, 25, 25;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #161616;--ion-color-dark-tint: #303030;--input-border-color: #686868;--toggle-check-bg: #2f4e7c;--popover-bg: #474747;--range-color: #355483;--radio-grp-bg: #212121;--keyframe-red-color: #db2727;--bg-header-color: #f5f5f5;--StatusBar-color1: #101010;--StatusBar-color2: #415A80;--StatusBar-color3: #234983;--StatusBar-color4: #f4f4fa;--light-inside-round: #191919;--bg-gradient-blue: linear-gradient(180deg, #d9e3ff 0%, #eee 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #415A80 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(129, 189, 255, 0) 0%, #415A80 89.12%);--linear-gradient-pink-blue: linear-gradient(180deg, #8f5dcf 0%, #4f71a5 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(6 6 6) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(77, 77, 77, 0) 0%, #4d4d4d 89.12%), --linear-gradient-black-opacity: linear-gradient(to right, rgba(16, 16, 16, .02) 0%, rgba(16, 16, 16, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #cf865d 0%, #eccc79 100%);--color-gradiant-pink: linear-gradient(180deg, #d45fc5 0%, #da16c0 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #101010 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, #c0d9ff 0%, #2a4368 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #2D2D2D;--billing-card-currentplan-dark: #204174;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #391F21;--car-parking-slotempty: #2D2D2D;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #1e1e1e;--blocked-room-bg: url(/assets/block-element-dark.svg);--default-white: #fff;--room-device-bg: #2D2D2D99;--lime-green: #213525;--de-saturated-red: #391F21;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 16, 16, 16;--map-filter: grayscale(1) invert(1) brightness(1) contrast(.85)}.smart-building-theme.light-mode{--ion-color-primary: #415A80;--ion-color-primary-rgb: 65, 90, 128;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #394f71;--ion-color-primary-tint: #546b8d;--ion-color-secondary: #A5D4DC;--ion-color-secondary-rgb: 165, 212, 220;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #91bbc2;--ion-color-secondary-tint: #aed8e0;--ion-color-tertiary: #D7E2E9;--ion-color-tertiary-rgb: 215, 226, 233;--ion-color-tertiary-contrast: #000000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #bdc7cd;--ion-color-tertiary-tint: #dbe5eb;--ion-color-success: #28a745;--ion-color-success-rgb: 40, 167, 69;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #23933d;--ion-color-success-tint: #3eb058;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #ff7777;--ion-color-danger-rgb: 243, 37, 37;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #d62121;--ion-color-danger-tint: #f43b3b;--ion-color-medium: #727272;--ion-color-medium-rgb: 114, 114, 114;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #646464;--ion-color-medium-tint: #808080;--input-label: #555555;--button-text-color: #222222;--text-normal: #333333;--bg-color: #f8f8f8;--main-header-text-color: #222222;--input-bg: #ffffff;--input-border: #cccccc;--forgot-label-color: #415A80;--button-linear-gradient: linear-gradient(180deg, #4d5f7a 0%, #415A80 100%);--white: #000000;--main-sub-header-text-color: #555555;--text-color: #000000;--text-gray-color: #666666;--text-gray-dark-color: #333333;--bg-btn-color: #415A80;--color-gradiant-blue: linear-gradient(180deg, #4d5f7a 0%, #415A80 100%);--color-gradient-green: linear-gradient(180deg, #71c29b 0%, #47c387 100%);--bg-btn-color-blue: #374d6d;--bg-card-color: #ffffff;--green-icon-color: #47c387;--dark-green-indicator: #1b5d3d;--bg-btn-lightblack: #e0e0e0;--error: #ff7777;--warning: #e8ab4f;--bg-yellow: #fbc02d;--pale-yellow: #ffc107;--light-pale-yellow: #ffeb3b;--select-option-text: #666666;--delete-btn-bg: #ff4444;--popover-bg-dark: #ffffff;--light-pink-bg-color: #ffe0e0;--light-card-bg: #e9f2fa;--semi-light-bg: #d2d2d2;--ion-color-dark: #e6e6e6;--ion-color-dark-rgb: 230, 230, 230;--ion-color-dark-contrast: #000000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #cccccc;--ion-color-dark-tint: #f2f2f2;--input-border-color: #f8f8f8;--toggle-check-bg: #81bdff;--popover-bg: #f8f8f8;--range-color: #355483;--radio-grp-bg: #f2f2f2;--keyframe-red-color: #db2727;--bg-header-color: #ffffff;--StatusBar-color1: #f5f5f5;--StatusBar-color2: #415A80;--StatusBar-color3: #2b579a;--StatusBar-color4: #f4f4fa;--light-inside-round: #fff;--bg-gradient-blue: linear-gradient(180deg, #cce5ff 0%, #ffffff 100%);--linear-gradient-green-blue: linear-gradient(180deg, rgba(200, 251, 211, .6) 0%, #415A80 89.12%);--linear-gradient-blue: linear-gradient(180deg, rgba(0, 86, 179, 0) 0%, #415A80 89.12%);--linear-gradient-pink-blue: linear-gradient(180deg, #d45fc5 0%, #415A80 100%);--linear-gradient-black-black: linear-gradient(to right, rgb(250, 250, 250) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-black-gray: linear-gradient(180deg, rgba(230, 230, 230, 0) 0%, #e0e0e0 89.12%);--linear-gradient-black-opacity: linear-gradient(to right, rgba(240, 240, 240, .02) 0%, rgba(240, 240, 240, .9) 100%);--linear-gradient-orange-paleYellow: linear-gradient(180deg, #ffb74d 0%, #ffe082 100%);--color-gradiant-pink: linear-gradient(180deg, #f48fb1 0%, #f06292 100%);--linear-gradient-white-black: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e0e0e0 90%);--linear-gradient-white-darkBlue: linear-gradient(90deg, rgb(178, 207, 253) 0%, #415A80 100%);--linear_gradient-blue-white-orange: linear-gradient(-90deg, rgba(175, 209, 250, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(254, 167, 55, 1) 100%);--card-bg-gray: #363636;--table-bg: #f4f4f4;--billing-card-currentplan-dark: #204174;--billing-card-currentplan-light: #4880FF26;--billing-card-expiredplan-dark: #FF6738;--billing-card-expiredplan-light: #FF673826;--billing-card-upgradeplan-dark: #0ECABE;--billing-card-upgradeplan-light: #0ECABE26;--car-parking-slotnotempty: #f5d9db;--car-parking-slotempty: #f4f4f4;--calendar-primary: var(--ion-color-primary);--side-menu-accordion: #f3f3f3;--blocked-room-bg: url(/assets/block-element-light.svg);--default-white: #fff;--room-device-bg: #f4f4f499;--lime-green: #213525;--de-saturated-red: #680101;--ion-card-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--bg-color-rgb: 248, 248, 248;--map-filter: none}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.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{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;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{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.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{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-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-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.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{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{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-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height: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{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(layers.ef6db8722c2c3f9a.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(layers-2x.9859cd1231006a4a.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height: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{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;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{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(marker-icon.d577052aa271e13f.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.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{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.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{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}}.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url(spritesheet.c1d7d1462695ea36.png);background-image:linear-gradient(transparent,transparent),url(spritesheet.ac8b36fa516341a4.svg);background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url(spritesheet-2x.53a2cab414ddbc39.png);background-image:linear-gradient(transparent,transparent),url(spritesheet.ac8b36fa516341a4.svg)}.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#fff;font:11px/19px Helvetica Neue,Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:#00000080;border:1px solid transparent;border-radius:4px;color:#fff;font:12px/18px Helvetica Neue,Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:#00000080;border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:#fe57a11a;border:4px dashed rgba(254,87,161,.6);border-radius:4px;box-sizing:content-box}.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}/*! roundSlider v1.6.1 | (c) 2015-2020, Soundar | MIT license | http://roundsliderui.com/licence.html */.rs-ie,.rs-edge,.rs-handle{touch-action:none}.rs-control{position:relative;outline:0 none}.rs-container{position:relative}.rs-control *,.rs-control *:before,.rs-control *:after{box-sizing:border-box}.rs-animation .rs-transition{transition:all .5s linear 0s}.rs-bar{transform-origin:100% 50%}.rs-control .rs-split .rs-path,.rs-control .rs-overlay1,.rs-control .rs-overlay2{transform-origin:50% 100%}.rs-control .rs-overlay{transform-origin:100% 100%}.rs-rounded .rs-seperator,.rs-split .rs-path{-webkit-background-clip:padding-box;background-clip:padding-box}.rs-disabled{opacity:.35}.rs-inner-container{height:100%;width:100%;position:absolute;top:0;overflow:hidden}.rs-control .rs-quarter div.rs-block{height:200%;width:200%}.rs-control .rs-half.rs-top div.rs-block,.rs-control .rs-half.rs-bottom div.rs-block{height:200%;width:100%}.rs-control .rs-half.rs-left div.rs-block,.rs-control .rs-half.rs-right div.rs-block{height:100%;width:200%}.rs-control .rs-bottom .rs-block{top:auto;bottom:0}.rs-control .rs-right .rs-block{right:0}.rs-block.rs-outer{border-radius:1000px}.rs-block{height:100%;width:100%;display:block;position:absolute;top:0;overflow:hidden;z-index:3}.rs-block .rs-inner{border-radius:1000px;display:block;height:100%;width:100%;position:relative}.rs-overlay{width:50%}.rs-overlay1,.rs-overlay2{width:100%}.rs-overlay,.rs-overlay1,.rs-overlay2{position:absolute;background-color:#fff;z-index:3;top:0;height:50%}.rs-bar{display:block;position:absolute;bottom:0;height:0;z-index:10}.rs-bar.rs-rounded{z-index:5}.rs-bar .rs-seperator{height:0;display:block;float:left}.rs-bar:not(.rs-rounded) .rs-seperator{border-left:none;border-right:none}.rs-bar.rs-start .rs-seperator{border-top:none}.rs-bar.rs-end .rs-seperator{border-bottom:none}.rs-bar.rs-start.rs-rounded .rs-seperator{border-radius:0 0 1000px 1000px}.rs-bar.rs-end.rs-rounded .rs-seperator{border-radius:1000px 1000px 0 0}.rs-full .rs-bar,.rs-half .rs-bar{width:50%}.rs-half.rs-left .rs-bar,.rs-half.rs-right .rs-bar,.rs-quarter .rs-bar{width:100%}.rs-full .rs-bar,.rs-half.rs-left .rs-bar,.rs-half.rs-right .rs-bar{top:50%}.rs-bottom .rs-bar{top:0}.rs-half.rs-right .rs-bar,.rs-quarter.rs-right .rs-bar{right:100%}.rs-handle.rs-move{cursor:move}.rs-readonly .rs-handle.rs-move{cursor:default}.rs-classic-mode .rs-path{display:block;height:100%;width:100%}.rs-split .rs-path{border-radius:1000px 1000px 0 0;overflow:hidden;height:50%;position:absolute;top:0;z-index:2}.rs-control .rs-svg-container{display:block;position:absolute;top:0}.rs-control .rs-bottom .rs-svg-container{top:auto;bottom:0}.rs-control .rs-right .rs-svg-container{right:0}.rs-tooltip{position:absolute;cursor:default;border:1px solid transparent;z-index:10}.rs-full .rs-tooltip{top:50%;left:50%}.rs-bottom .rs-tooltip{top:0}.rs-top .rs-tooltip{bottom:0}.rs-right .rs-tooltip{left:0}.rs-left .rs-tooltip{right:0}.rs-half.rs-top .rs-tooltip,.rs-half.rs-bottom .rs-tooltip{left:50%}.rs-half.rs-left .rs-tooltip,.rs-half.rs-right .rs-tooltip{top:50%}.rs-tooltip .rs-input{outline:0 none;border:none;background:transparent}.rs-tooltip-text{font-family:verdana;font-size:13px;border-radius:7px;text-align:center;color:inherit}.rs-tooltip.rs-edit{padding:5px 8px}.rs-tooltip.rs-hover,.rs-tooltip.rs-edit:hover{border:1px solid #AAA;cursor:pointer}.rs-readonly .rs-tooltip.rs-edit:hover{border-color:transparent;cursor:default}.rs-tooltip.rs-center{margin:0!important}.rs-half.rs-top .rs-tooltip.rs-center,.rs-half.rs-bottom .rs-tooltip.rs-center{transform:translate(-50%)}.rs-half.rs-left .rs-tooltip.rs-center,.rs-half.rs-right .rs-tooltip.rs-center{transform:translateY(-50%)}.rs-full .rs-tooltip.rs-center{transform:translate(-50%,-50%)}.rs-tooltip.rs-reset{margin:0!important;top:0!important;left:0!important}.rs-handle{border-radius:1000px;outline:0 none;float:left}.rs-handle.rs-handle-square{border-radius:0}.rs-handle-dot{border:1px solid #AAA;padding:6px}.rs-handle-dot:after{display:block;content:"";border:1px solid #AAA;height:100%;width:100%;border-radius:1000px}.rs-seperator,.rs-border{border:1px solid #AAA}.rs-path-color{background-color:#fff}.rs-range-color{background-color:#54bbe0}.rs-bg-color{background-color:#fff}.rs-handle{background-color:#838383}.rs-handle-dot{background-color:#fff}.rs-handle-dot:after{background-color:#838383}.rs-path-inherited .rs-path{opacity:.2}.rs-svg-mode .rs-path{stroke:#fff}.rs-svg-mode .rs-range{stroke:#54bbe0}.rs-svg-mode .rs-border{stroke:#aaa}.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px) and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px) and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}.introjs-tour{transition:all .3s ease-out}.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out}.introjs-helperLayer *{box-sizing:content-box}.introjs-helperLayer :before{box-sizing:content-box}.introjs-helperLayer :after{box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;box-shadow:0 3px 30px #2121214d;transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{padding:0;margin:0 0 2px;display:inline;width:10px;height:10px}.introjs-dontShowAgain label{font-size:14px;display:inline-block;font-weight:400;margin:0 0 0 5px;padding:0;background-color:#fff;color:#616161;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;width:90%;min-height:1.5em;margin:0;padding:0;font-weight:700;line-height:1.5}.introjs-tooltip-header{position:relative;padding-left:20px;padding-right:20px;padding-top:10px;min-height:1.5em}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:"";visibility:hidden;display:block;height:0;clear:both}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1;display:inline}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;box-shadow:0 0 0 .2rem #9e9e9e80;border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:45px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{transition:width .1s ease-in;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:#3c3c3c91}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 #000000b3}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:#8888883d;z-index:10;position:absolute;transition:all .2s ease-out;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}