@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;400;600;700;800;900&display=swap";[data-theme=light]:root{--color-bg-primary: #F6F8FC;--color-bg-secondary: #FAFAFA;--color-bg-highlight: #265FFF;--color-bg-third: #FAFAFA;--color-bg-tab: #F1F3F6;--color-bg-inverse: #FFFFFF;--color-bg-fourth: #DEDEDECA;--color-bg-highlight-shadow: #6E799940;--color-bg-active: #F0F3FB;--color-shadow-primary: #6E799940;--color-txt-highlight: #265FFF;--color-txt-primary: #000000;--color-txt-secondary: #D3D3DB;--color-bg-icon-selected: #E1E5EA;--color-icon-secondary: #000000;--color-txt-menu-primary: #A8A8A8;--color-txt-button-primary: #FFFFFF;--color-txt-third:#798090;--color-border-box: rgb(211, 211, 211);--color-bg-input-primary: #EDF0F4;--color-bg-input-primary-focus: #EDF0F4;--color-bg-input-secondary: #EDF0F4;--color-txt-input-secondary: #000000;--color-bg-input-third: #EDF0F4;--color-bg-input-third-focus: #EDF0F4;--color-bg-input-secondary-focus: #F0F3FB;--color-txt-tab: #485260;--border-screen: 1px solid #D7DCEB;--color-bg-back-button: #F0F3FB;--color-bg-back-button-hover: #DFE4F1;--color-bg-icon-button: #F2F2F2;--color-bg-icon-button-hover: #DFE4F1;--color-bg-default-button: #7D9FFF;--color-bg-bt-fixed: #353535;--color-border: #D8D8D8;--color-bg-bt-disable: #D8D8D8;--color-bg-delete: #485260;--color-bg-delete-hover: #F24A46;--color-bg-error: #F24A46;--color-bg-warning: #FF7E3E;--color-bg-card: #fafafa;--color-bg-tools-icons: #CFDBF0;--color-bg-tools-icons-hover: #265FFF;--color-tools-icons: #000000;--color-bg-tool-selected: #7499FF;--color-bg-buton-selectable: #FFFFFF;--border-top-footer: .75pt solid rgba(225, 229, 234, .6);--color-border-selectable: rgb(225, 229, 234);--color-bg-buton-cancel-hover: #F1F3F6;--color-bg-button-switcher-off: #D7DCEB;--color-bg-button-switcher-off-handle: #485260;--color-bg-button-switcher-on: #265FFF;--color-bg-button-switcher-on-handle: #FAFAFA;--color-bg-datail: #D7DCEB;--url-homepage-gif: url(/assets/lightsHome-DQbtLFHI.gif);--url-logo: url(https://user-utilities.s3.us-east-1.amazonaws.com/Logo%20Principal_Niot.svg);--color-border-lbt: #D7D7FF;--color-border-lbt-drop: #D7D7FF;--color-account-icon: #FAFAFA;--color-LeftMenu-bg-default: #223256;--color-LeftMenu-bg-default-shadow: #39496DCC;--color-LeftMenu-bg-first: #FF405C;--color-opacity-bg-first: #FF405C33;--color-LeftMenu-bg-first-shadow: #FF405CCC;--color-LeftMenu-bg-second: #2AD0A0;--color-opacity-bg-second: #2AD0A033;--color-LeftMenu-bg-second-shadow: #2AD0A0CC;--color-LeftMenu-bg-third: #741CFF;--color-opacity-bg-third: #741CFF33;--color-LeftMenu-bg-third-shadow: #741CFFCC;--color-LeftMenu-bg-fourth: #FF7E3E;--color-opacity-bg-fourth: #FF7E3E33;--color-LeftMenu-bg-fourth-shadow: #FF7E3ECC;--color-LeftMenu-bg-fiveth:#FF17A2;--color-opacity-bg-fiveth:#FF17A233;--color-LeftMenu-bg-fiveth-shadow:#FF17A2CC;--color-LeftMenu-bg-theme-shadow: #C8D1FFCC;--color-LeftMenu-bg-theme: #172258;--color-fill-icon:#1E1E1E;--color-fill-icon-secondary:#E1E1E5;--color-fill-icon-highlight:#256fff;--color-fill-icon-third:#798090;--color-fiil-icon-dropdownbutton:#798090;--color-bg-focus-dropdownbutton: #E1E5EA;--color-txt-dropboxbutton: #485260;--color-C3D3FF: #C3D3FF;--color-150035: var(--color-txt-primary);--color-070A12: var(--color-txt-primary);--color-F6F7F8: var(--color-bg-icon-selected);--color-bg-CodeEditor: #282F38;--color-bg-black: #000;--color-txt-black: #000;--url-image-login: url(/assets/signinGif-BSWa0gxV.gif);--url-image-login-25: url(https://cdn.nodeiot.com.br/Plataforma+2025/login_nodeiot.webp)}[data-theme=dark]:root{--color-bg-primary: #060A25;--color-bg-secondary: #13132E;--color-bg-third: #13132E;--color-bg-fourth: #DEDEDECA;--color-bg-highlight: #265FFF;--color-bg-highlight-shadow: #265FFF33;--color-bg-active: #172258;--color-shadow-primary: #6E799940;--color-bg-inverse: #000000;--color-txt-highlight: #265FFF;--color-txt-secondary: #D3D3DB;--color-txt-third: #D3D3DB;--color-txt-primary: #FAFAFA;--color-icon-secondary: #D3D3DB;--color-bg-icon-selected: #F1F3F6;--color-txt-secondary: #A8A8A8;--color-txt-menu-primary: #FFFFFF;--color-border-box: #13132E;--color-border: #D8D8D8;--color-txt-button-primary: #FFFFFF;--color-txt-input-primary: #fafafa;--color-bg-input-primary: #1C2248;--color-bg-input-third: #1C2248;--color-bg-input-third-focus: #1C2248;--color-bg-input-secondary: #1C2248;--color-txt-input-secondary: #FAFAFA;--color-bg-input-secondary-focus: #1C2248;--color-txt-tab: #FAFAFA;--color-bg-tab: #1D2853;--border-screen: 1px solid #2B315C;--color-bg-back-button: #F0F3FB;--color-bg-back-button-hover: #DFE4F1;--color-bg-icon-button: #223c8b46;--color-bg-icon-button-hover: #223D8B;--color-bg-default-button: #7D9FFF;--color-bg-bt-fixed: #D8D8D8;--color-bg-bt-disable: #D8D8D8;--color-bg-delete: #485260;--color-bg-delete-hover: #F24A46;--color-bg-error: #F24A46;--color-bg-warning: #FF7E3E;--color-bg-card: #1C2248;--color-bg-tools-icons: #282D70;--color-bg-tools-icons-hover: #265FFF;--color-tools-icons: #FAFAFA;--color-bg-tool-selected: #265FFF;--color-bg-buton-selectable: #1C2248;--color-account-icon: #FAFAFA;--border-top-footer: none;--color-border-selectable: #2B315C;--color-bg-buton-cancel-hover: #1D2853;--color-bg-button-switcher-off: #223D8B;--color-bg-button-switcher-off-handle: #FAFAFA;--color-bg-button-switcher-on: #265FFF;--color-bg-button-switcher-on-handle: #FAFAFA;--color-bg-datail: #A9AFD4;--url-homepage-gif: #13132E;--color-border-lbt: #D7D7FF;--color-border-lbt-drop: #D7D7FF;--color-LeftMenu-bg-default: #39496D;--color-LeftMenu-bg-default-shadow: #39496DCC;--color-LeftMenu-bg-first: #FF405C;--color-opacity-bg-first: #FF405C33;--color-LeftMenu-bg-first-shadow: #FF405CCC;--color-LeftMenu-bg-second: #2AD0A0;--color-opacity-bg-second: #2AD0A033;--color-LeftMenu-bg-second-shadow: #2AD0A0CC;--color-LeftMenu-bg-third: #741CFF;--color-opacity-bg-third: #741CFF33;--color-LeftMenu-bg-third-shadow: #741CFFCC;--color-LeftMenu-bg-fourth: #FF7E3E;--color-opacity-bg-fourth: #FF7E3E33;--color-LeftMenu-bg-fourth-shadow: #FF7E3ECC;--color-LeftMenu-bg-fiveth:#FF17A2;--color-opacity-bg-fiveth:#FF17A233;--color-LeftMenu-bg-fiveth-shadow:#FF17A2CC;--color-LeftMenu-bg-theme-shadow: #C8D1FFCC;--color-fill-icon:#fafafa;--color-fill-icon-secondary:#f2f2f2;--color-fill-icon-highlight:#256fff;--color-fiil-icon-dropdownbutton:#D3D3DB;--color-fill-icon-third:#798090;--color-bg-focus-dropdownbutton: #265FFF4D;--color-txt-dropboxbutton: #E1E1E5;--color-C3D3FF: #C3D3FF;--color-150035: var(--color-txt-primary);--color-070A12: var(--color-txt-primary);--color-F6F7F8: var(--color-bg-icon-selected);--color-bg-CodeEditor: #282F38;--color-bg-black: #000;--color-txt-black: #000;--url-image-login: "none";--url-homepage-gif: "none";--url-logo: url(https://user-utilities.s3.us-east-1.amazonaws.com/Logo%20secund%C3%A1rio_Niot.svg);--url-image-login-25: url(https://cdn.nodeiot.com.br/Plataforma+2025/login_nodeiot.webp)}html{font-size:62.5%;height:100%;box-sizing:border-box;background-color:var(--color-bg-primary);color:var(--color-txt-primary)}html,body,#app,#app>div{height:100%}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{z-index:1}.react-grid-item.react-draggable-dragging{transition:none;z-index:3}.react-grid-item.react-grid-placeholder{background:var(--color-txt-primary);opacity:.1;transition-duration:.1s;z-index:2;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.editable .react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;transform:scale(2);bottom:0;right:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=);background-position:bottom right;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;cursor:se-resize}#root{height:100%}.grid-container{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:1rem 1fr 1rem;overflow-y:scroll}header{grid-area:header;height:12.2%;width:100%;min-height:114.41px}body{margin:0;font-size:1.6rem;font-family:Inter;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#eaeaea;border-radius:9px}::-webkit-scrollbar-thumb{background-color:#7499ff;border-radius:9px}.linkMenu{color:gray;text-decoration:none}main{grid-area:main;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:0}.HomePage{display:flex;box-sizing:border-box;justify-content:space-between;height:100%;width:100%;padding-top:5.9%;padding-left:180px;padding-right:12.63%;flex-flow:row;overflow:hidden;align-items:center}.HomePageContent{display:flex;flex-direction:column;height:100%;min-width:250px;width:100%;background-image:var(--url-homepage-gif);background-position:right;background-repeat:no-repeat;background-size:contain;background-position-y:-50px;background-color:var(--color-bg-primary)}.MenuDefault{display:flex;box-sizing:border-box;flex-direction:column;justify-content:flex-start;max-height:99vh}.MenuDefaultContent{display:flex;overflow:auto;padding-top:40px;flex-direction:column;justify-content:flex-start;gap:40px}.AuxPadding{padding-top:40px;padding-bottom:20px}.listItens{display:flex;padding-top:4px;flex-direction:column;width:224px;height:100%;overflow:auto;overflow-x:hidden}.Item{display:flex;flex-direction:row;font-size:14px;width:224px;height:20px;padding-top:4px;padding-bottom:4px;justify-content:space-between;color:var(--color-txt-primary)}.Icon{color:var(--color-txt-highlight);height:20px}.Item:hover{color:var(--color-txt-highlight)}.Selected{width:224px;color:var(--color-txt-highlight);font-weight:bolder}.SettingsDashboard{display:flex;box-sizing:border-box;gap:6px;margin-right:5px;align-items:center}.SetIcons{display:flex;box-sizing:border-box;background-color:var(--color-bg-icon-button);fill:var(--color-fill-icon);justify-content:center;align-items:center;width:30px;height:30px;border-radius:8px;transition:transform .3s ease,background-color .3s ease,opacity .3s ease}.SetIcons:hover{opacity:1;fill:var(--color-bg-highlight);transform:scale(1.1)}.BodyDeviceInfo{width:100%;height:100%}.TitleDeviceInfo{margin:10px;align-self:flex-start}.SubTitleDeviceInfo{margin:10px}.FormDeviceInfo{width:99%;height:95%;margin-top:5px;margin-bottom:10px;text-align:center}.TitleTable{display:flex;width:98%;align-items:center;align-self:center;text-align:center;padding:5px}.ApiDeviceInfo{display:flex;margin-top:10px;margin-bottom:10px;justify-content:space-between}.TableComponent table{display:block;min-width:10%;border-spacing:1;align-items:center;text-align:center;border-radius:6px}.TableComponent tr th{width:100%;min-width:5%;text-align:center;justify-items:center;align-self:center}.TableComponent table tbody,.TableComponent table thead{display:flex}.TableComponent thead tr th{justify-self:center;min-height:15px;line-height:20px;text-align:center}.TableComponent tbody tr td{width:100%;min-height:15px;line-height:20px;text-align:center}.TableComponent tbody tr{display:flex;justify-content:space-between;align-items:center}.TableComponent thead tr{display:flex;justify-content:space-between;padding-right:15px}.TableComponent table tbody{display:block;overflow-y:auto;overflow-x:hidden}.TableComponent tbody{border-top:2px solid var(--color-txt-primary)}.TableComponent tbody td:last-child,thead th:last-child{border-right:nome}.Email,.Selectable,.Back,.Cancel,.Delete,.IconButton,.DefaultColor{cursor:pointer}.DefaultButton{border-radius:12.36px;font-size:16px;font-weight:600}.Split{border-radius:9.27px;font-size:12px}.Short{min-height:30px;border-radius:9.27px;font-size:12px}.Small{padding:9px 25px;border-radius:9.27px;font-size:14px;font-weight:600}.Medium{padding:10.5px 25px;border-radius:12.36px;font-size:16px;font-weight:600}.Large{padding:15.5px 25px;border-radius:15.45px;font-size:16px;font-weight:600}.SignIn{padding:15.5px 25px;border-radius:15.45px;font-size:16px;font-weight:600;min-width:220px}.DefaultColor{color:var(--color-txt-button-primary);background-color:var(--color-bg-highlight);border:none}.DefaultColor:hover{background-color:var(--color-bg-default-button);color:var(--color-txt-button-primary)}.Tab{background-color:transparent;color:var(--color-txt-tab);border:none}.Tab:hover{background-color:var(--color-bg-tab)}.Cancel{background-color:transparent;color:var(--color-bg-delete);border:none}.Cancel:hover{background-color:var(--color-bg-buton-cancel-hover)}.Back{background-color:var(--color-bg-back-button);color:var(--color-txt-highlight);border:none}.Back:hover{background-color:var(--color-bg-back-button-hover);color:var(--color-txt-highlight);border:none}.Delete{background-color:transparent;color:var(--color-txt-secondary);border:2px solid transparent}.Delete:hover{background-color:var(--color-bg-delete-hover);color:var(--color-txt-button-primary);border:2px solid transparent}.Selectable{background-color:var(--color-bg-buton-selectable);color:var(--color-txt-highlight);border:3px solid var(--color-txt-highlight)}.Selectable:hover{background-color:var(--color-txt-highlight);color:var(--color-txt-button-primary)}.SelectableSelected{background-color:var(--color-txt-highlight);color:var(--color-txt-button-primary);border:3px solid var(--color-txt-highlight)}.Fixed{color:var(--color-bg-bt-fixed);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-bt-fixed)}.Email{color:var(--color-bg-bt-fixed);background-color:var(--color-txt-button-primary);border:1.3px solid var(--color-border)}button{width:fit-content;padding:15px 25px}.FullSpace{width:100%}.IconButton{background-color:var(--color-bg-icon-button);color:var(--color-txt-highlight);border:none}.IconButton:hover{background-color:var(--color-bg-icon-button-hover);color:var(--color-txt-highlight);border:none}button[disabled]:hover{border:.1rem solid;background-color:var(--color-bt-bg-disable);color:var(--color-txt-primary)}.HeaderApiBox{display:flex;padding:21px 20px;align-items:center;border-bottom:1px solid gray;justify-content:space-between;width:auto}.BodyApiBox{width:49%;background-color:red;border-radius:6px;box-shadow:0 1px 2px #5f5e5eb1;margin-bottom:24px}.ButtonApiBox{align-items:center;display:flex;justify-content:center}@media (prefers-color-scheme: dark){.w-tc-editor{--color-fg-default: #c9d1d9;--color-canvas-subtle: #161b22;--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-markup-bold: #c9d1d9}}@media (prefers-color-scheme: light){.w-tc-editor{--color-fg-default: #24292f;--color-canvas-subtle: #f6f8fa;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-markup-bold: #24292f}}.w-tc-editor[data-color-mode*=dark],[data-color-mode*=dark] .w-tc-editor,[data-color-mode*=dark] .w-tc-editor-var,body[data-color-mode*=dark]{--color-fg-default: #c9d1d9;--color-canvas-subtle: #161b22;--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-markup-bold: #c9d1d9}.w-tc-editor[data-color-mode*=light],[data-color-mode*=light] .w-tc-editor,[data-color-mode*=light] .w-tc-editor-var,body[data-color-mode*=light]{--color-fg-default: #24292f;--color-canvas-subtle: #f6f8fa;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-markup-bold: #24292f}.w-tc-editor{font-family:inherit;font-size:12px;background-color:var(--color-canvas-subtle);color:var(--color-fg-default)}.w-tc-editor-text,.w-tc-editor-preview{min-height:16px}.w-tc-editor-preview pre{margin:0;padding:0;white-space:inherit;font-family:inherit;font-size:inherit}.w-tc-editor-preview pre code{font-family:inherit}.w-tc-editor code[class*=language-] .token.cdata,.w-tc-editor pre[class*=language-] .token.cdata,.w-tc-editor code[class*=language-] .token.comment,.w-tc-editor pre[class*=language-] .token.comment,.w-tc-editor code[class*=language-] .token.doctype,.w-tc-editor pre[class*=language-] .token.doctype,.w-tc-editor code[class*=language-] .token.prolog,.w-tc-editor pre[class*=language-] .token.prolog{color:var(--color-prettylights-syntax-comment)}.w-tc-editor code[class*=language-] .token.punctuation,.w-tc-editor pre[class*=language-] .token.punctuation{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.w-tc-editor code[class*=language-] .namespace,.w-tc-editor pre[class*=language-] .namespace{opacity:.7}.w-tc-editor code[class*=language-] .token.boolean,.w-tc-editor pre[class*=language-] .token.boolean,.w-tc-editor code[class*=language-] .token.constant,.w-tc-editor pre[class*=language-] .token.constant,.w-tc-editor code[class*=language-] .token.deleted,.w-tc-editor pre[class*=language-] .token.deleted,.w-tc-editor code[class*=language-] .token.number,.w-tc-editor pre[class*=language-] .token.number,.w-tc-editor code[class*=language-] .token.symbol,.w-tc-editor pre[class*=language-] .token.symbol{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .token.builtin,.w-tc-editor pre[class*=language-] .token.builtin,.w-tc-editor code[class*=language-] .token.char,.w-tc-editor pre[class*=language-] .token.char,.w-tc-editor code[class*=language-] .token.inserted,.w-tc-editor pre[class*=language-] .token.inserted,.w-tc-editor code[class*=language-] .token.selector,.w-tc-editor pre[class*=language-] .token.selector,.w-tc-editor code[class*=language-] .token.string,.w-tc-editor pre[class*=language-] .token.string,.w-tc-editor code[class*=language-] .style .token.string,.w-tc-editor pre[class*=language-] .style .token.string,.w-tc-editor code[class*=language-] .token.entity,.w-tc-editor pre[class*=language-] .token.entity,.w-tc-editor code[class*=language-] .token.property,.w-tc-editor pre[class*=language-] .token.property,.w-tc-editor code[class*=language-] .token.operator,.w-tc-editor pre[class*=language-] .token.operator,.w-tc-editor code[class*=language-] .token.url,.w-tc-editor pre[class*=language-] .token.url{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.atrule,.w-tc-editor pre[class*=language-] .token.atrule,.w-tc-editor code[class*=language-] .token.property-access .token.method,.w-tc-editor pre[class*=language-] .token.property-access .token.method,.w-tc-editor code[class*=language-] .token.keyword,.w-tc-editor pre[class*=language-] .token.keyword{color:var(--color-prettylights-syntax-keyword)}.w-tc-editor code[class*=language-] .token.function,.w-tc-editor pre[class*=language-] .token.function{color:var(--color-prettylights-syntax-string)}.w-tc-editor code[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.important,.w-tc-editor code[class*=language-] .token.regex,.w-tc-editor pre[class*=language-] .token.regex,.w-tc-editor code[class*=language-] .token.variable,.w-tc-editor pre[class*=language-] .token.variable{color:var(--color-prettylights-syntax-string-regexp)}.w-tc-editor code[class*=language-] .token.bold,.w-tc-editor pre[class*=language-] .token.bold,.w-tc-editor code[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.important{color:var(--color-prettylights-syntax-markup-bold)}.w-tc-editor code[class*=language-] .token.tag,.w-tc-editor pre[class*=language-] .token.tag{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .token.attr-value,.w-tc-editor pre[class*=language-] .token.attr-value,.w-tc-editor code[class*=language-] .token.attr-name,.w-tc-editor pre[class*=language-] .token.attr-name{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.selector .class,.w-tc-editor pre[class*=language-] .token.selector .class,.w-tc-editor code[class*=language-] .token.class-name,.w-tc-editor pre[class*=language-] .token.class-name{color:var(--color-prettylights-syntax-entity)}.CardBase{display:flex;width:100%;height:100%;max-height:100%;padding:5px;margin:0;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box}.onlyComponent{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center}.onlyComponent input{font-size:1.7rem;width:100%;height:100%;border:unset;border-bottom:rgb(#265FFF) .2rem solid}.onlyComponent .Button{margin:0;border-radius:20px;text-align:center;font-size:2rem;font-weight:700;min-width:50%;height:7.5rem;color:var(--color-txt-button-primary);box-shadow:0 5px 3px 5px #646464cc}.onlyComponent button:active{transform:translateY(10%);box-shadow:0 3px 3px 3px #646464cc}.onlyComponent .DigitalLed{display:flex;align-items:center;justify-content:center;margin:0;font-size:7rem;border-radius:100px;text-align:center;font-size:2rem;font-weight:700;width:100%;height:100%;height:7.5rem}.onlyComponent .numberDisplay{display:flex;align-items:center;justify-content:center;margin:0;text-align:center;font-size:2rem;font-weight:700;height:7.5rem}.onlyComponent .AnalogicWrite{display:flex;align-items:center;justify-content:center;margin:0;text-align:center;font-weight:700}.onlyComponent .subtitle{display:flex;width:100%;font-weight:700;justify-content:space-around}.invalid_Input{display:flex;color:red;font-weight:700;text-align:center}.AnalogicComponent{display:flex;flex-direction:column;width:100%;justify-content:space-around;align-items:center;gap:20%}.AnalogicInput{display:flex;flex-direction:column;width:100%;height:100%;align-items:center}.AnalogicInput input{height:100%;font-weight:600;width:auto;border:unset;border-bottom:rgb(#265FFF) .2rem solid;text-align:center}.AnalogicButton{display:flex;flex-direction:column;align-items:center;width:100%;height:80%}.AnalogicButton button{text-align:center;height:100%;font-weight:600}.DigitalLed{display:flex;align-items:center;justify-content:center;margin:0;font-size:7rem;text-align:center;font-size:2rem;font-weight:700;height:7.5rem}.NumberDisplay{display:flex;justify-content:center;align-items:center}.Gauge{display:flex;flex-direction:column;height:100%;width:100%;justify-content:center;align-items:center;overflow:hidden}.GaugeSubtitle{display:flex;flex-direction:row;justify-content:space-between;font-weight:600;text-align:center;padding-left:1%;padding-right:1%}.GaugeSubtitle div{text-align:center}.Gauge svg{padding:0;margin:0}.LiquidGauge{display:flex;width:100%;height:100%;position:relative}.slide-button{display:flex;position:relative;cursor:pointer;align-self:center}.slide-button-handle{display:flex;width:50%;height:100%;background-color:#fafafa;border-radius:44px;transform:translate(0);transition:transform .3s ease-in-out}.ShiftButton,.OutSideShift,.SideShift,.CenterShift{box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:relative}@keyframes placeHolderShimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.Updating{animation-duration:8s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background-color:var(--color-bg-icon-selected);background:linear-gradient(to right,#eee 8%,#bbb 18%,#eee 33%);position:relative}.SideShift{padding:5px;cursor:pointer}.Button{cursor:pointer}.RangeBody{padding:0 0 15px;display:flex;width:100%;height:100%;margin:0;align-items:center;justify-content:center;flex-direction:column;position:relative}.OptionsTitle{display:flex;flex-direction:row;box-sizing:border-box;font-weight:500;width:100%;justify-content:space-between}.RangeComponentBody{display:flex;width:100%;box-sizing:border-box;justify-content:space-between;flex-direction:column;align-items:center;padding:5px}.OptionsTitle{display:flex;flex-direction:row;box-sizing:border-box;font-weight:500}.Slider{width:100%;height:20px;transition:background .45s ease-in;-webkit-appearance:none;border-radius:25px;box-shadow:2px 8px 8px -3px #7472726e}.Slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:1.9vw;width:1.9vw;background-color:var(--thumb-background-color);border-radius:12px;box-shadow:2px 8px 8px -3px #747272bf}.RangeBody datalist{display:flex;flex-direction:row;justify-content:space-between;width:100%}.RangeBody option{padding:0}.ErrorSetValue{display:flex;justify-content:center;text-align:center;color:red}.ValueRange{display:flex;width:100%;height:80px;padding:15px;box-sizing:border-box;justify-content:center}.DateTimeBody{display:flex;box-sizing:border-box;flex-direction:column;flex-wrap:wrap}.TitleDateTime{display:flex;box-sizing:border-box;padding:2px;gap:1%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.HourMinutsDateTime{display:flex;box-sizing:border-box;align-self:center;padding:2% 2% 2% 1.5%;gap:1%;flex-direction:column;align-items:center;flex-wrap:wrap;justify-content:center}.DayDateDateTime{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;width:auto;height:auto;align-items:center;gap:2px;flex-wrap:wrap}.MultiOptionsBody{display:flex;flex-direction:column}.MultiOptionsBody input[type=text]{padding:2px 5px;border-radius:7.15px;width:120px}.InputColorProps{width:130px;height:20px;padding:1px}.InputTextProps{background-color:var(--color-bg-icon-selected);box-sizing:border-box;width:130px;font-weight:400;font-size:14px;text-align:end;padding:4px 10px;border-radius:10px;border:none}.TestArea{display:flex;flex-direction:column;justify-content:center;align-items:center}.InputProps{position:relative;height:35px}.AddWidgetBody,.SetDeviceWidgetBody{display:flex;box-sizing:border-box;width:100%;height:85%;align-self:flex-start;justify-content:space-between;flex-direction:row;flex-flow:wrap;padding-left:5%;padding-right:5%}.SetLayoutWidgetBody{display:flex;box-sizing:border-box;align-self:flex-start;width:85%;justify-content:space-between;flex-direction:row;flex-wrap:wrap;overflow:auto}.DeviceList{display:flex;flex-direction:column;box-sizing:border-box;min-width:26%}.SetShowCard{display:flex;width:100%;justify-content:space-between}.VariableList{display:flex;flex-direction:column;box-sizing:border-box}.CardBox{display:flex;box-sizing:border-box;flex-direction:column;align-items:center}.SetCardBody{background-color:var(--color-bg-secondary);display:flex;box-sizing:border-box;align-self:center;width:218px;height:218px;flex-direction:column;border-radius:28px;box-shadow:0 2px 2px #15003566;border:4px solid var(--color-bg-secondary)}.PropsConfig{display:flex;box-sizing:border-box;gap:20px;flex-direction:row;width:100%;align-items:flex-start}.IsCard{width:218px;height:252px;display:flex;padding-left:1%;padding-right:1%;padding-bottom:2%;flex-direction:column}.CardBody{background-color:var(--color-bg-card);display:flex;align-self:center;width:148px;height:165px;padding:22px 31px;flex-direction:column;border-radius:28px;box-shadow:0 2px 2px #15003566;border:1px solid var(--color-bg-secondary)}.LeftSetNewProps{display:flex;flex-direction:column;max-width:600px;overflow:auto}.IsSelected{background-color:var(--color-bg-highlight-shadow);border:1px solid var(--color-bg-highlight);border-radius:28px;box-shadow:0 0 8px 0 var(--color-bg-highlight-shadow)}.SetNewProps{display:flex;flex-direction:column;align-items:center;height:600px;overflow:auto}.PropsBox{box-sizing:border-box;width:100%;height:100%;display:flex;flex-Direction:column;font-size:18px;padding:20px 100px;justify-content:space-between}.PropsItem{display:flex;flex-direction:row;justify-content:space-between}.PropsItem input{background-color:var(--color-bg-icon-selected);width:200px;font-weight:400;font-size:18px;color:var(--color-txt-primary);border-radius:10px}.ListLabelBox{display:flex;flex-direction:column;box-sizing:border-box;padding:5px;overflow:auto;width:100%;height:100px}.ListLabelComponent{display:flex;gap:10px;justify-content:space-between;box-sizing:border-box;flex-direction:row;height:35px}.IntervalUpd{display:flex;flex-direction:column;padding-top:10px;justify-self:center}.integrationConfig{display:flex;flex-direction:column;width:272px}.extraRefs{display:flex;justify-content:center;gap:20px}.CardBoxComponent{display:flex;flex-direction:column;width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;overflow:hidden}.ComponentBody{display:flex;width:100%;height:100%}.CardTitle{padding:5px}.CardUpdate{padding:5px 5px 5px 15px}.Block{cursor:not-allowed}.ShowCard{background-color:var(--color-bg-card);display:flex;align-self:center;flex-direction:column;border-radius:28px;box-shadow:0 2px 2px #15003566}.HideCard{background-color:none;display:flex;align-self:center;flex-direction:column}.EditWidget:hover{box-shadow:0 2px 2px 0 var(--color-C3D3FF)}.errorText{display:flex;box-sizing:border-box;flex-direction:row;padding:5px;justify-content:center;align-items:center;position:absolute}.SearchBox{display:flex;width:100%;justify-content:left;margin-bottom:10px;align-items:center}.Ul{flex-direction:column;display:flex;gap:5px;box-sizing:border-box;width:100%;height:100%;overflow:auto;margin-top:30px;max-height:300px}.ListMenu{display:flex;width:100%;margin-top:10px;flex-direction:row;list-style:none;justify-content:space-between}.itemSelected{width:99%;color:var(--color-txt-highlight);cursor:pointer}.ListIcon{padding-left:1rem;color:var(--color-txt-menu-primary)}.ListIcon:hover{color:var(--color-txt-highlight)}.NoSelected:hover{color:var(--color-txt-highlight);cursor:pointer}.InputLabel{background-color:var(--color-bg-input-primary);width:100%;font-weight:400;color:var(--color-txt-primary);border-radius:10px}.InputBox{display:flex;box-sizing:border-box;justify-content:center;position:relative}.InputBox input:focus{outline:var(--color-txt-highlight) 1px solid}.InputBox i{position:absolute;display:flex;flex-direction:column;height:100%;justify-content:center;right:10px;pointer-events:none}.SearchBox{display:flex;width:100%;justify-content:left;margin-bottom:10px;align-items:center;border-radius:10px}.Ul{flex-direction:column;display:flex;gap:5px;box-sizing:border-box;width:100%;height:100%;overflow:auto;margin-top:10px;max-height:300px;padding:0}.ListMenu{display:flex;width:100%;margin-top:10px;flex-direction:row;list-style:none;justify-content:space-between;color:#a8a8a8}.Selected{width:99%;color:#265fff;cursor:pointer}.ListIcon{padding-left:1rem;color:#a8a8a8}.ListIcon:hover{color:#265fff}.NoSelected{font-weight:400;cursor:pointer}.NoSelected:hover{color:#265fff;cursor:pointer}.iconInput{position:absolute;right:10px;top:15px}.number{margin-left:5px;font-size:14px;display:flex;align-items:end;color:#265fff}.tabs{display:flex}.tabs div{padding:10px;border:none;cursor:pointer;border-bottom:2px solid transparent}.http-params-container{padding:20px 0;max-width:800px}.tabs{display:flex;gap:10px;margin-bottom:15px}.tabs div{border:none;cursor:pointer;border-bottom:2px solid transparent}.tabs div.active{border-bottom:2px solid var(--color-fill-icon-highlight)}.param-row{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:10px;padding:5px 0}.edit-Label{width:50%}.param-edit-row{display:flex;gap:10px;padding:5px 0;width:100%}.param-edit-row input{width:50%;border-radius:4px}.param-row input{width:100%;border-radius:4px}.param-row.header{font-weight:700}.param-edit-row.header span{font-weight:700;width:33%}.itemHeader{margin-left:15px}.buttonDelete{margin-left:15px;width:20px;cursor:pointer;color:var(--color-bg-error)}.InputBox{display:flex;align-items:baseline;box-sizing:border-box;gap:10px;width:100%;justify-content:center}.InputLabel{align-self:center;text-align:left;margin-left:5px;width:100%;border:unset}.InputDeviceBox{display:flex;box-sizing:border-box;align-self:center;text-align:left;margin-left:5px;padding-left:20px;width:98%;border-radius:10px;border:unset;background-color:var(--color-bg-input-secondary);color:var(--color-txt-primary)}.InputEventName{display:flex;align-self:center;text-align:left;margin-left:5px;padding-left:15px;border-radius:10px;border:unset;background-color:var(--color-bg-input-primary);color:var(--color-txt-primary)}.InputEventName input:focus{background-color:var(--color-bg-input-secondary-focus);outline:var(--color-txt-highlight) 1px solid}.InputBox input:focus{background-color:var(--color-bg-input-secondary-focus);outline:var(--color-txt-highlight) 1px solid}.PropsListBody{display:flex;box-sizing:border-box;flex-direction:column;padding-top:5px;padding-Bottom:5px}li{list-style-type:none}.OptionsProps{display:flex;box-sizing:border-box;flex-direction:row;max-width:410px;justify-content:space-between}.ItensProps{display:flex;box-sizing:border-box;margin-bottom:10px;align-items:center}.ColorListBody{display:flex;flex-direction:column}.DefaultColorBody{display:flex;gap:8px;padding:10px;flex-wrap:wrap;box-sizing:border-box;flex-direction:row;width:290px;height:122px}.isSelect,.ColorDefault{display:flex;padding:3px;box-sizing:border-box;width:52px;height:42px}.isSelect{border-radius:13.8px;border:2px solid var(--color-txt-highlight)}.CellColorDefault{display:flex;box-sizing:border-box;width:100%;height:100%;border-radius:9.27px;background-color:var(--color-txt-highlight)}.DefineValueBody{display:flex;flex-direction:column}.DefineCenterText{display:flex;justify-content:center;align-items:center;height:100%;font-size:32px}.ListSelectBody{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding-top:52px;padding-left:72px;padding-right:72px}.SideFlow{display:flex;flex-direction:column}.ItemSelectBody{display:flex;width:816px}.SendEmailEventsBody{display:flex;flex-direction:column;justify-content:center}.TitleSendEmail{display:flex;width:796px;padding:5px 10px;background-color:var(--color-bg-primary);border-radius:9.27px;height:40px;align-content:center}.SendToEmails{display:flex;flex-wrap:wrap;width:806px;overflow:scroll;overflow-x:hidden;margin-top:10px;margin-bottom:10px;padding:5px;background-color:var(--color-bg-primary);border-radius:9.27px;min-height:40px;max-height:130px;align-content:center;gap:5px}.SubjectSendEmail{display:flex;width:796px;padding:5px 10px;background-color:var(--color-bg-primary);border-radius:9.27px;height:40px;justify-content:left}.TextAreaForm{margin-top:10px;resize:none;width:810px;height:255px;border-radius:9.27px}textarea:focus{outline:none;border:1px solid var(--color-txt-highlight)}.BorderProps{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.popupHeader{display:flex;flex-direction:row;justify-content:center;align-items:center;width:90%;min-height:110px}.Step{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;color:var(--color-txt-highlight);background-color:var(--color-bg-primary);text-align:center;height:40px;width:100%}.Actived{background:var(--color-txt-highlight);font-weight:600;color:var(--color-txt-button-primary)}.First{border-top-left-radius:12.36px;border-bottom-left-radius:12.36px}.Last{border-top-right-radius:12.36px;border-bottom-right-radius:12.36px}.BodyCodeConnection{display:flex;box-sizing:border-box;flex-direction:row;width:1166px;height:540px;gap:360px;justify-content:space-between}.LeftCodeConnection{display:flex;width:490px;flex-direction:column}.RightCodeConnection{display:flex;width:334px;flex-direction:column}.SelectEsp{display:flex;margin-top:34px;gap:30px;height:437px;width:480px;overflow:auto;flex-flow:wrap}.SelectConnections{display:flex;margin-top:34px;margin-bottom:15px;gap:30px;width:320px;height:300px;overflow:auto;flex-flow:wrap}.EspCard{display:flex;box-sizing:border-box;margin:2px;width:206px;height:206px;border-radius:26px;justify-content:center;align-items:center;background:var(--color-bg-secondary);box-shadow:0 0 6px #15003540}.ConnectionCard{display:flex;box-sizing:border-box;margin:2px;width:150px;height:150px;border-radius:26px;justify-content:center;align-items:center;background-color:var(--color-bg-secondary);box-shadow:0 0 6px #15003540}.isSelected{background-color:var(--color-bg-highlight-shadow);border:3px solid var(--color-txt-highlight)}.ConnectionCard:hover,.EspCard:hover{border:3px solid var(--color-txt-highlight)}.BodyCodeLibrary{display:flex;box-sizing:border-box;flex-direction:row;width:1166px;height:540px;justify-content:space-between}.LeftCodeLibrary{display:flex;box-sizing:border-box;flex-direction:column;width:539px}.RightCodeLibrary{display:flex;box-sizing:border-box;flex-direction:column;width:562px}.ComponentProgress{display:flex;flex-direction:column;height:500px;overflow:auto}.OutSideBar{display:flex}.BarActive{display:flex;min-width:30px;justify-content:center;flex-direction:column}.BarProgressCheck{display:flex;justify-content:center;align-items:center;min-height:24px;min-width:24px;max-height:24px;max-width:24px;border:var(--color-bg-fourth) solid 2px;background-color:var(--color-bg-secondary);border-radius:9px}.BarProgressStatus{display:flex;box-sizing:border-box;align-self:center;justify-content:center;width:8px;min-height:25px;height:100%}.SelectedBorder{border:var(--color-txt-highlight) solid 2px}.Active{background-color:var(--color-txt-highlight)}.InProgress{background-color:var(--color-bg-fourth)}.TextDescription{display:flex;box-sizing:border-box;padding-top:12px;padding-left:27px;padding-bottom:12px;flex-direction:column;font-size:16px}.Checked{background-color:var(--color-txt-highlight);border:var(--color-txt-highlight) solid 2px}.UnChecked{display:flex;background-color:var(--color-bg-secondary)}.NoBackground{margin-top:2px;background-color:var(--color-bg-secondary)}.Square{min-height:14px;min-width:14px;max-height:14px;max-width:14px;background-color:var(--color-txt-highlight);border-radius:5px}.BodyCompilation{display:flex;box-sizing:border-box;flex-direction:row;width:1166px;height:540px;justify-content:space-between}.LeftCodeCompilation{display:flex;box-sizing:border-box;flex-direction:column;width:635px;height:543px}.RightCodeCompilation{display:flex;box-sizing:border-box;flex-direction:column;width:411px;height:543px}.CopyIcon{display:flex;position:absolute;left:43%;gap:5px;top:18%;color:var(--color-bg-icon-button);font-weight:600}.DuplicateDashboardBody{display:flex;box-sizing:border-box;flex-direction:column;flex-wrap:wrap;padding-top:15px;padding-left:27px;padding-right:27px;width:100%}.TitleDuplicate{display:flex;box-sizing:border-box}.NameDuplicateDashboard{display:flex;margin-top:32px;margin-bottom:32px;box-sizing:border-box;flex-direction:column}.WidgetCopyBody{display:flex;box-sizing:border-box;flex-direction:column;flex-wrap:wrap;padding-top:15px;padding-left:27px;padding-right:27px;width:100%}.TitleWidgetCopy{display:flex;box-sizing:border-box}.SelectWidgetCopy{display:flex;margin-top:32px;margin-bottom:32px;box-sizing:border-box;flex-direction:column}.dropdown{position:relative;display:inline-block}.dropdown-btn{display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;border:none;min-width:119px;width:100%;padding:4px 10px;cursor:pointer;font-size:16px;font-weight:600}.dropdown-btn .arrow-down{right:5px}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--color-bg-secondary);box-shadow:4px 4px 12px 0 var(--color-bg-highlight-shadow);border-radius:8px;width:159px;z-index:1000;list-style:none;padding:0;margin:2px 0 0}.dropdown-menu li{padding:5px 15px;cursor:pointer;color:var(--color-txt-tab);margin:2px}.dropdown-menu li:hover,.dropdown-menu li.active{background-color:var(--color-bg-focus-dropdownbutton);color:var(--color-txt-dropboxbutton);box-sizing:border-box;border-radius:6px;width:90%;margin:2px}.ProgressBorder{display:flex;background-color:var(--color-bg-datail);height:6px;border-radius:2px;width:100%}.Progress{display:flex;background-color:var(--color-bg-highlight);border-radius:2px;height:6px;width:0%;transition:width 1s ease-in-out}.InfoWidget{display:flex;flex-direction:column;justify-content:space-between;height:52px;width:224px}.Text{display:flex;flex-direction:row;justify-content:space-between}.Title{font-size:14px;font-weight:600;color:var(--color-txt-primary)}.InfoData{font-size:24px}.MenuBox{left:8px;position:absolute;margin-left:64px;display:flex;flex-direction:column;min-width:280px;max-width:280px;height:99%;border-radius:12.36px;min-height:fit-content;background-color:var(--color-bg-third);align-items:center;z-index:10;overflow-x:hidden;box-shadow:0 0 8px 0 var(--color-bg-highlight-shadow);border:var(--border-screen);align-self:center}.MenuDashboard{background-color:var(--color-bg-inverse)}.DashboardGrid{display:flex}.FullScreen{position:absolute;box-sizing:border-box;display:flex;width:100%;max-height:100vh;background-color:var(--color-bg-primary)}.EditWidget:hover{border:2px solid var(--color-C3D3FF)}.NIButton{margin:0;border:none;padding:0;text-align:center;font-weight:700;box-shadow:0 3px 3px 3px #646464cc}.NIButton:active{transform:translateY(3%);box-shadow:0 3px 3px 3px #646464cc}.PagesBox{display:flex;flex-direction:row-reverse;width:100%;height:100vh;max-height:100vh;justify-content:space-between;background-color:var(--color-bg-primary)}.RightBar{display:flex;flex-direction:row;width:56px;height:100vh;justify-content:center;align-items:center;overflow:hidden;z-index:100}.BodyRightMenu{display:flex;flex-direction:row;width:50px;height:99vh;align-items:center;justify-content:center;box-shadow:0 0 8px 0 var(--color-bg-highlight-shadow);border:var(--border-screen);background-color:var(--color-bg-secondary);border-radius:12.36px}.BodyRightMenu .RightMenuBar{display:flex;min-height:209px;gap:60px;flex-direction:column;align-items:center;justify-content:center}.RightMenuBar>.tools,.RightMenuBar>.utilities{display:inherit;width:inherit;flex-direction:inherit;justify-content:inherit;gap:10px}.tools{min-height:270px}.BodyRightMenu .IconsFormat{display:flex;background-color:var(--color-bg-tools-icons);border-radius:9.27px}.BodyRightMenu .IconsFormat:hover{display:flex;background-color:var(--color-bg-tools-icons-hover);border-radius:9.27px}.BodyRightMenu .NavgationRightMenu{display:flex;flex-direction:column;min-height:65px;justify-content:space-between}.BodyRightMenu .IconArrowUp{display:flex;background-color:var(--color-bg-tools-icons);border-top-left-radius:9.27px;border-top-right-radius:9.27px;justify-content:center}.BodyRightMenu .IconArrowDown{display:flex;background-color:var(--color-bg-tools-icons);border-bottom-left-radius:9.27px;border-bottom-right-radius:9.27px}.RightMenuBar .Hover:hover{fill:var(--color-txt-highlight);cursor:pointer}.RightMenuBar .IconSelected{background-color:var(--color-bg-tool-selected)}.LayoutBase{display:flex;flex-direction:column;position:relative;width:100%;height:100%;align-items:baseline;justify-content:center}.BoxAsMenu{position:absolute;padding-top:2px;left:-20px;color:var(--color-txt-button-primary);border-radius:10px;background-color:var(--color-txt-highlight);border-bottom:0;transform:rotate(-90deg);width:120px;height:30px;text-align:center}.PopupFade{background-color:#00000080;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.PopupModal{position:absolute;display:flex;flex-direction:column;justify-content:space-between;align-items:center;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--color-bg-secondary);z-index:5;box-shadow:var(--border-screen);border-radius:35px;padding:10px}.BodyNewDashboard{display:flex;box-sizing:border-box;flex-direction:column;padding-left:20px;padding-right:20px;width:100%;height:100%}.selected{box-sizing:border-box;border:1px solid var(--color-txt-highlight);background-color:var(--color-bg-input-secondary);fill:#4b505b}.noSelected{box-sizing:border-box;background-color:var(--color-bg-input-secondary);border:1px solid var(--color-bg-secondary);fill:#4b505b}.boxCardIconsSize{display:flex;flex-direction:column;box-sizing:border-box;border-radius:15.36px;justify-content:center;margin:4px;width:120px;height:120px;cursor:pointer}.iconsSettings{display:flex;box-sizing:border-box;align-self:baseline;justify-content:center;align-items:end;width:119px;height:50px}.selected{box-sizing:border-box;border:1px solid var(--color-txt-highlight);background-color:var (--color-bg-highlight-shadow);fill:#4b505b}.noSelected{box-sizing:border-box;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-selectable);fill:#4b505b}.boxCardIconsFlow{display:flex;flex-direction:column;box-sizing:border-box;border-radius:15.36px;justify-content:center;margin:4px;width:120px;height:120px;cursor:pointer}.iconsSettingsFlow{display:flex;box-sizing:border-box;align-self:baseline;justify-content:center;align-items:end;width:119px;height:50px}.FooterCenterBox,.FooterRightBox{display:flex;height:90px;padding-top:10px;padding-bottom:10px;flex-direction:row}.FooterCenterBox{justify-content:space-between;align-items:center}.FooterRightBox{align-items:center;gap:20px;justify-content:right}.FooterNewDashboard{display:flex;box-sizing:border-box;padding-left:42px;padding-right:42px}.Box{display:flex;box-sizing:border-box;flex-direction:column;justify-content:space-between;background-color:var(--color-bg-secondary)}HeaderBoxBody{display:flex;width:100%;height:100%}.ProfileBody{display:flex;box-sizing:border-box;flex-direction:column;max-width:100%;height:99vh;justify-content:space-between;padding-left:20px;padding-right:20px}.GroupProfile{display:flex;box-sizing:border-box;flex-direction:column}.InfoProfile{display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:center;gap:3px}.LanguageProfile{display:flex;box-sizing:border-box;flex-direction:column;margin-top:15%}.ButtonProfile{display:flex;justify-content:center;margin-bottom:80px}.UserImage{display:flex;box-sizing:border-box;width:120px;height:120px;border-radius:9.27px;align-self:center;justify-content:center;border:4px solid var(--color-txt-highlight);padding:4px;margin:60px 45px 30px}.UserImage img{display:flex}.overlay-container{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-bg-black);opacity:50%;z-index:100}.floating-menu{position:fixed;width:25vw;height:200px;z-index:200;background-color:var(--color-bg-secondary);border-radius:0 35px 35px;display:flex;align-items:center;justify-content:center;color:var(--color-txt-primary)}.option-container{padding:0}.selected-option{background-color:var(--color-bg-primary);color:var(--color-txt-highlight);width:100%;height:20px;border-radius:10px}.option-container li{padding:10px 0;font-weight:600;text-align:center;cursor:pointer}.option-container li:hover{background-color:var(--color-bg-primary)}@media only screen and (min-width: 630px){.floating-menu{left:218px;top:-38px;width:300px}.selected-option{width:232px;height:20px}}.CenterBox{display:flex;flex-direction:column;height:100%;width:100%;justify-content:center;align-items:center;padding-left:5px}.popupFooter{display:flex;flex-direction:row;width:90%;justify-content:space-between;height:15%;align-items:center}.CancelBt{display:flex;justify-content:left}.NextConfirm{display:flex;justify-content:space-between;width:335px}.popupMain{display:flex;box-sizing:border-box;justify-content:center;width:90%;height:95%;padding:5px}@media (max-width: 1280px){.popupMain{width:100%}}.ScreenFrame{display:flex;flex-direction:row;width:100%;height:100%;background-color:var(--color-bg-primary)}.MainSignIn{display:flex;box-sizing:border-box;flex-direction:column;justify-content:flex-start;background-image:var(--url-image-login-25);background-position:left;background-repeat:no-repeat;background-size:cover;padding-bottom:0;height:100%}.Logo{background-image:var(--url-logo);background-repeat:no-repeat}.MainSignInContent{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;height:100vh}.LeftBar{z-index:20;display:flex;box-sizing:border-box;position:absolute;flex-direction:column;left:3px;width:60px;height:100%;background-color:var(--color-bg-secondary);justify-content:center;border-radius:12.36px}.Main{display:flex;flex-direction:column;margin-left:60px;width:100%;height:100vh}.ScreenFrameSignIn{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-bg-primary)}.SigninMenu{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg-secondary);min-width:330px;width:420px;height:100%;border-radius:40px 0 0 40px;box-shadow:0 0 8px 0 var(--color-shadow-primary)}.SigninMenu.loading{display:none}.MenuBody{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%}.NodeIcon{display:flex;background-color:red;height:45px}.RegisterBox{display:flex;flex-direction:column;align-items:center;padding:60px 20px 45px;height:100%;width:100%;gap:40px}.SigninBox{display:flex;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:flex-start;padding:100px 20px 45px;height:100%;width:100%;z-index:10}.inputSignIn{position:relative;width:100%;height:40px}.ButtonSignIn{display:flex;margin-top:50px;margin-bottom:42px;justify-content:center}.LogoSignIn{display:flex;justify-content:center;width:100%;height:40px;margin-top:160px;background-image:var(--url-logo);background-repeat:no-repeat;background-position:center;background-size:contain}.GifSignIn{transform:scale(.6,1.2)}.togglePassword{position:absolute;right:10px;top:60%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:18px;fill:var(--color-text-tertiary);padding:2px 6px}@media (max-width:600px){.SigninMenu{border-radius:0}}.FormBox{display:flex;flex-direction:column;max-width:100%;gap:15px}.HeaderForgotPass{display:flex;flex-direction:row;width:520px}.ImageHeader{display:flex;width:480px;margin-left:70px;justify-content:center}.CloseWindow{display:flex;width:20px;justify-content:right;margin-top:16px;margin-right:15px}.DevicesBody{display:flex;overflow:hidden;flex-direction:column}.TableRowList{display:flex;box-sizing:border-box;flex-direction:column;margin-top:20px;width:906px;max-height:390px;overflow:auto;align-self:center}.ButtonsTop{display:flex;flex-direction:row;width:100%;justify-content:space-between}.RightButtons{display:flex}.SettingsTable{display:flex;flex-direction:row;width:248px;justify-content:space-between}.ItemsDevicesBody{display:flex;box-sizing:border-box;flex-direction:column;margin-top:20px;gap:5px;width:906px;height:494px;overflow:auto;align-self:center}.RowItems{display:flex;margin-top:5px;margin-bottom:5px}.RowItemsBorder{display:flex;box-sizing:border-box;flex-direction:row;padding:8px 16px;width:837px;height:60px;border-radius:9.27px;border:1px solid var(--color-border-selectable);justify-content:space-between}.RowItemsBorder:hover{box-sizing:border-box;border:1px solid var(--color-fill-icon-highlight);background-color:var(--color-bg-active)}.RowItemsDelete{display:flex;justify-content:center;align-self:center;margin-left:8px;width:36px;height:60px}.ColumnItems{display:flex;box-sizing:border-box;flex-direction:column;justify-content:space-between;margin-left:5px;margin-right:5px}.LabelItemsDevice{font-size:12px;color:var(--color-txt-third)}.ValueItemsDevice{font-size:16px;color:var(--color-txt-primary)}.BorderTypeItemsDevice{display:flex;width:fit-content;box-sizing:border-box;background-color:var(--color-bg-secondary);font-size:12px;border:var(--border-screen);border-radius:4px;padding:2px 4px}.AuthConfigBody{display:flex;height:400px;width:100%;overflow:auto;flex-direction:row;padding-top:50px;justify-content:space-around}.AuthSettings{display:flex;width:100%;justify-content:space-between;flex-direction:column}.AuthHeader{display:flex;height:150px;flex-direction:column}.AuthFooter{display:flex;height:90%}.StatusSet{display:flex}.ImagesHelp{display:flex;width:100%}.SetButtonsAuth{display:flex;height:90%}.PopupSetDeviceBody{display:flex;flex-direction:column}.HeadPopupSetDevice{display:flex;flex-direction:row;width:100%;gap:16px;margin-bottom:20px}.TitleInputSetPopupDevice{display:flex;flex-direction:column}.typeSetPopupDevice{display:flex;gap:16px;flex-direction:row}.InterruptionSetDevice{display:flex;box-sizing:border-box;flex-direction:column;width:250px}.ButtomMapBody{display:flex;flex-direction:row}.IconTextFlow{display:flex;border:1px solid var(--color-bg-secondary);box-sizing:border-box;margin-top:20px;margin-right:10px;border-radius:9.27px;padding:5.5px 16px;gap:8px;justify-items:center;align-items:center;cursor:pointer}.AddNewEventsBody{display:flex;width:100%;overflow:auto;flex-direction:column}.HeaderAddEvents{display:flex}.HeaderAddEvents .TitleEvents{display:flex;width:100%}.MainAddEvents{display:flex;flex-direction:row}.LeftEvents,.RightEvents{display:flex;height:575px;width:100%;flex-direction:column}.TableListCondition{display:flex;justify-content:center;flex-direction:column}.TableList{display:flex;max-height:460px;min-height:150px;overflow:auto;overflow-x:hidden}.TableList tr{display:flex;justify-content:space-around;padding-bottom:7.5px}.DeleteCondition{display:flex;justify-content:center;cursor:pointer}.tdVariable{display:flex;min-height:37px;max-height:37px}.tdLogicOperation{display:flex;width:100%;justify-content:center;padding-left:5px;margin-right:36px}.tbList{display:flex;justify-content:space-between;align-content:flex-start;flex-direction:column}.tdSelections{display:flex;margin:2px}.DropButtomBody{flex-direction:column}.containerDrop,.nextDrop{display:flex;margin:2px 5px;font-size:12px;color:var(--color-txt-highlight);border-radius:9.27px;justify-content:center;align-items:center;cursor:pointer;height:100%}.containerDrop:hover,.nextDrop:hover{color:var(--color-bg-secondary);background-color:var(--color-txt-highlight);border:1px solid var(--color-txt-highlight)}.containerDrop{background-color:var(--color-bg-secondary);border:1px solid var(--color-txt-highlight)}.nextDrop{background-color:var(--color-border-lbt-drop);border:1px solid var(--color-border-lbt)}.ListButtonBody{display:flex;flex-direction:row;text-align:center;justify-content:center}.containerList,.dropList{display:flex;margin-left:5px;margin-right:5px;font-size:12px;width:41px;height:20px;border-radius:7px;justify-content:center;align-items:center;cursor:pointer}.containerList{background-color:var(--color-txt-highlight);border:1px solid var(--color-txt-highlight);color:var(--color-bg-secondary)}.dropList{background-color:var(--color-bg-lbt);border:1px solid var(--color-border-lbt-drop);color:var(--color-txt-highlight)}.containerList:hover,.dropList:hover{background-color:var(--color-txt-highlight);color:var(--color-bg-secondary)}.TableSetActions{display:flex;max-height:320px;min-height:320px;max-width:623.5px;min-width:623.5px;flex-direction:column}.TableActions{justify-content:center;margin-top:9px;display:flex;max-height:216px;min-height:70px;overflow:auto;overflow-x:hidden}.TableActions tbody{display:flex;flex-direction:column;width:100%}.TableActions tr{display:flex;justify-content:space-around}.DeleteAction{display:flex;justify-content:center;cursor:pointer}.tbSetActions{display:flex;width:100%;justify-content:space-between;align-content:flex-start;flex-direction:column}.TableSendEmailBody{display:flex;min-height:237px;width:100%;flex-direction:column;overflow:hidden}.HeaderCenterBoxBody{display:flex;width:100%;justify-content:center;align-self:center;text-align:center;flex-direction:row}.DashboardInfoPopup{display:flex;box-sizing:border-box;padding-top:10px;padding-bottom:10px;height:509px;flex-direction:column}.ListDashboardsPermission{display:flex;margin-top:40px;margin-left:50px;margin-right:50px;justify-content:center}.ListDashboardsFlow{display:flex;flex-direction:column;overflow:auto;overflow-x:hidden;height:300px;margin-left:50px;margin-right:50px}.HeaderListDashboards{display:flex;padding-left:5px;padding-right:5px;width:100%;margin-bottom:14px}.SplitListDashboards{display:flex;justify-content:center;align-items:center;width:100%}.LeftSplitListDashboards{display:flex;justify-content:left;align-items:center;width:100%}.SkinLeftListDashboards{display:flex;justify-content:left;height:35px;align-items:center;width:100%;background-color:var(--color-EDF0F4);border-radius:10px}.MainInfoComponent{display:flex;box-sizing:border-box;min-height:112px;flex-direction:row;justify-content:space-between;align-items:center;background:var(--color-EDF0F4);border-radius:16px}.NameUserPermission{display:flex;box-sizing:border-box;flex-direction:column;justify-content:space-between;margin-left:62px;min-width:260px;height:100%}.NumberDashboardsPermission{display:flex;box-sizing:border-box;flex-direction:row;align-items:center;justify-content:center;width:176px}.StatusPermission{display:flex;box-sizing:border-box;align-items:center;justify-content:center;width:311px;gap:10px}.SettingsPermission{display:flex;box-sizing:border-box;justify-content:center;align-items:center;width:44px;height:100%;background:var(---color-bg-fourth);border-top-right-radius:16px;border-bottom-right-radius:16px}.AddUserScreenBody{display:flex;flex-direction:column;height:100%}.RowUserScreen{display:flex;justify-content:space-between}.SplitUserScreen{width:47%}.PermissionUserScreen{display:flex;gap:19%;margin-top:35px}.LeftMenu{display:flex;flex-direction:column;justify-content:space-between;height:99vh;border:var(--border-screen);box-shadow:0 0 8px 0 var(--color-bg-highlight-shadow);border-radius:12.36px}.Link{text-decoration:none;color:var(--color-txt-highlight);height:45px}.Logo{min-height:40px;max-height:40px}.LinkMenu{text-decoration:none;display:flex;flex-direction:row;width:100%;height:40px;align-items:center;font-size:12px;font-weight:600;justify-content:center}.MenuIcons{display:flex;flex-direction:column;justify-content:space-between;width:100%;padding-top:20px;min-height:190px;max-height:190px}.TextMenu{display:flex;flex-direction:row;width:100%}.IconBox{color:var(--color-txt-primary);padding:7px;border:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,background-color .3s ease,opacity .3s ease}.IconBox:hover{opacity:1;transform:scale(1.1)}.MenuSelected{padding:7px;background-color:var(--color-bg-icon-selected);fill:var(--color-txt-highlight)}.LeftMenu .Header{display:flex;align-items:center;align-self:center;padding-top:10px;padding-bottom:75px}.LeftMenu .Body{display:flex;flex-direction:column;align-items:center;padding-bottom:10px;min-height:230px;height:100%;justify-content:space-between}.LeftMenu .Footer{display:flex;flex-direction:column;padding-top:15px;padding-bottom:15px;justify-content:space-around;min-height:110px;height:110px;border-top:var(--border-screen)}.DefaultIcon{background-color:var(--color-LeftMenu-bg-default-shadow)}.DefaultIcon:hover{background-color:var(--color-LeftMenu-bg-default);box-shadow:0 0 8px var(--color-LeftMenu-bg-default-shadow)}.DashboardIcon{background-color:var(--color-LeftMenu-bg-first-shadow)}.DashboardIcon:hover{background-color:var(--color-LeftMenu-bg-first);box-shadow:0 0 8px var(--color-LeftMenu-bg-first-shadow)}.EventIcon{background-color:var(--color-LeftMenu-bg-second-shadow)}.EventIcon:hover{box-shadow:0 0 8px var(--color-LeftMenu-bg-second-shadow);background-color:var(--color-LeftMenu-bg-second)}.DeviceIcon{background-color:var(--color-LeftMenu-bg-third-shadow)}.DeviceIcon:hover{background-color:var(--color-LeftMenu-bg-third);box-shadow:0 0 8px var(--color-LeftMenu-bg-third-shadow)}.IntegrationsIcon{background-color:var(--color-LeftMenu-bg-fiveth-shadow)}.IntegrationsIcon:hover{background-color:var(--color-LeftMenu-bg-fiveth);box-shadow:0 0 8px var(--color-LeftMenu-bg-fiveth-shadow)}.UserIcon{background-color:var(--color-LeftMenu-bg-fourth-shadow)}.UserIcon:hover{box-shadow:0 0 8px var(--color-LeftMenu-bg-fourth-shadow);background-color:var(--color-LeftMenu-bg-fourth)}.SunIcon:hover{box-shadow:0 0 8px var(--color-LeftMenu-bg-sun);background-color:var(--color-LeftMenu-bg-theme-shadow)}.MoonIcon:hover{background-color:var(--color-LeftMenu-bg-theme);box-shadow:0 0 8px var(--color-LeftMenu-bg-theme-shadow)}.logo-text{fill:var(--color-txt-primary)}.logo-primary{fill:var(--color-txt-highlight)}.logo-secondary{fill:var(--color-txt-button-primary)}.ToastAlertContainer{display:flex;box-sizing:border-box;position:absolute;flex-direction:column-reverse;justify-content:center;align-items:center;right:20px;top:0;padding:5px;min-height:100px;overflow:hidden;z-index:110}.ToastAnime{position:relative;animation:slide-in 1s forwards}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.ToastBody{display:flex;width:408px;height:64px;background-color:var(--color-bg-secondary);border-radius:19.760000228881836px;box-shadow:0 4px 6px #15003540;margin-bottom:10px}.iconToast{display:flex;box-sizing:border-box;justify-content:center;align-items:center;border-top-left-radius:19.760000228881836px;border-bottom-left-radius:19.760000228881836px;width:72px;padding:5px}.messageToast{display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding:10px 10px 10px 15px;font-size:14px;font-weight:400;text-align:left}.errorToast{background-color:var(--color-bg-error)}.successToast{background-color:var(--color-txt-highlight)}.warningToast{background-color:var(--color-bg-warning)}.PopupFadeAlert{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.PopupModalAlert{display:flex;box-sizing:border-box;position:absolute;flex-direction:column;justify-content:center;align-items:center;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;padding:5px;min-width:100px;min-height:100px}.BackgroundAlert{display:flex;position:relative;flex-direction:column;justify-content:space-between;align-items:center;width:486px;height:372px;background-image:url(/assets/Cloud-BXH8AyXc.svg);background-repeat:no-repeat;background-size:cover}.AlertBody{display:flex;bottom:5px;box-sizing:border-box;flex-direction:column;padding:5px}.HeaderAlert,.MainAlert{display:flex;box-sizing:border-box;padding:2px;justify-content:center;align-items:center;Width:476px;Height:127px}.MainAlert{padding-top:10px;padding-left:50px;padding-right:50px}.IconAlert{margin-right:70px;margin-top:35px}.ButtonsAlert{display:flex;box-sizing:border-box;Width:476px;Height:100px;flex-direction:row;justify-content:center;align-items:center;padding:10px 48px;gap:100px}.FooterNewPass{display:flex;flex-direction:row;margin:35px 42px 52px;justify-content:space-between}.containerIntegration{margin:2%;overflow:auto}.inputRequest{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.dropButton{padding:10px;font-size:14px;border:var(--border-screen);border-radius:5px;background-color:var(--color-bg-secondary);cursor:pointer}.input-url{flex-grow:1;width:70%;min-width:200px}.response-container{margin-top:20px}.response-box{background-color:var(--color-bg-secondary);padding:15px;border-radius:5px;border:var(--border-screen);overflow-y:auto;white-space:pre-wrap;color:var(--color-txt-tab);overflow:auto}.response-box pre{margin:0}