@font-face{font-family:Satoshi;src:url(../../Satoshi-Variable-CFg-z2ne.woff2) format("woff2");font-weight:300 900;font-style:normal;font-size:8px}:root{--color-white: #ffffff;--color-black: #000000;--color-grey-50: #f8f8f8;--color-grey-100: #f0f0f0;--color-grey-200: #e0e0e0;--color-grey-300: #d1d1d1;--color-grey-400: #b8b8b8;--color-grey-500: #9e9e9e;--color-grey-600: #7e7e7e;--color-grey-700: #626262;--color-grey-800: #515151;--color-grey-900: #3b3b3b;--color-grey-1000: #2b2b2b;--color-grey-1100: #1f1f1f;--color-grey-1200: #161616;--color-green-50: #eaf6eb;--color-green-100: #cceacc;--color-green-200: #a8dda9;--color-green-300: #7ed184;--color-green-400: #57c55f;--color-green-500: #2fb93c;--color-green-600: #28a332;--color-green-700: #218c29;--color-green-800: #1a7621;--color-green-900: #14601a;--color-green-1000: #114e15;--color-bright-green-500: #4cd137;--color-dark-green-500: #1e5631;--color-yellow-green-500: #9acd32;--color-blue-50: #e3f2fd;--color-blue-100: #bbdefb;--color-blue-200: #90caf9;--color-blue-300: #64b5f6;--color-blue-400: #42a5f5;--color-blue-500: #1e88e5;--color-blue-600: #1976d2;--color-blue-700: #1565c0;--color-orange-500: #ff6f00;--color-red-500: #e53935;--color-red-700: #b71c1c;--support-pink-1: #f8bbd0;--support-purple-1: #b39ddb;--support-teal-1: #4db6ac;--support-blue-1: #64b5f6;--app-surface-base: var(--color-white);--app-surface-raised: var(--color-grey-50);--app-surface-subtle: var(--color-grey-100);--app-surface-disabled: var(--color-grey-200);--app-surface-hover: var(--color-grey-100);--app-surface-selected: var(--color-grey-200);--app-surface-neutral-primary: var(--color-grey-100);--app-surface-neutral-inverse-tertiary: var(--color-grey-800);--app-surface-base-inverse: var(--color-black);--app-icon-subtle: #a4a4a4;--app-text-primary: var(--color-grey-900);--app-text-primary-inverse: var(--color-white);--app-text-secondary: var(--color-grey-600);--app-text-disabled: var(--color-grey-400);--app-text-on-primary: var(--color-white);--app-text-body-xxs: 11px;--app-text-body-xs: 12px;--app-text-body-s: 13px;--app-text-body-m: 16px;--app-text-body-l: 20px;--app-text-body-xl: 22px;--app-text-body-xxl: 26px;--app-text-caption: .75rem;--app-text-weight-medium: 500;--app-text-weight-semibold: 650;--app-text-weight-bold: 800;--app-text-weight-black: 900;--app-border-subtle: var(--color-grey-200);--app-border-default: var(--color-grey-300);--app-border-strong: var(--color-grey-600);--app-success-bg: var(--color-green-50);--app-success-text: var(--color-green-700);--app-warning-bg: var(--color-yellow-green-500);--app-warning-text: var(--color-grey-900);--app-error-bg: var(--color-red-100);--app-error-text: var(--color-red-700);--app-info-bg: var(--color-blue-50);--app-info-text: var(--color-blue-700);--app-btn-primary-bg: var(--color-black);--app-btn-primary-hover: #252525;--app-btn-primary-text: var(--color-white);--app-btn-secondary-bg: var(--color-white);--app-btn-secondary-hover: var(--color-white);--app-btn-secondary-text: var(--color-black);--app-btn-accent-bg: #10C504;--app-btn-accent-hover: #2bb135;--app-btn-accent-text: var(--color-black);--app-btn-danger-bg: var(--color-red-500);--app-btn-danger-hover: var(--color-red-700);--app-btn-danger-text: var(--color-white);--app-heading-4xl: 5rem;--app-heading-3xl: 3.4375rem;--app-heading-2xl: 2.625rem;--app-heading-xl: 1.875rem;--app-heading-l: 1.625rem;--app-heading-m: 1.375rem;--app-heading-s: 1.25rem;--app-font-family: "Satoshi", system-ui, sans-serif;--lumo-base-color: var(--app-surface-base);--lumo-body-text-color: var(--app-text-primary);--lumo-secondary-text-color: var(--app-text-secondary);--lumo-primary-color: var(--app-btn-primary-bg);--lumo-primary-text-color: var(--app-btn-primary-text);--lumo-success-color: var(--app-success-text);--lumo-error-color: var(--app-error-text);--lumo-contrast-10pct: var(--app-border-subtle);--lumo-contrast-20pct: var(--app-border-default);--lumo-contrast-50pct: var(--app-border-strong);--lumo-font-family: var(--app-font-family);--lumo-font-size-m: var(--app-text-body-s);--lumo-font-size-s: var(--app-text-body-xs);--lumo-font-size-xs: var(--app-text-body-xxs);--lumo-font-size-l: var(--app-text-body-m);--lumo-font-size-xl: var(--app-text-body-l);--lumo-font-size-xxl: var(--app-text-body-xl);--app-menu-bg: var(--app-surface-base);--app-submenu-bg: var(--app-surface-base);--app-menu-box-shadow: 0 3px 6px 0 rgba(0,0,0,.1), 0 5px 15px 0 rgba(0,0,0,.1);--app-btn-radius: 12px;--grey-3: #DDDDDD;--grey-9: #2d2d2d;--spacing-100: 8px;--navigation-item-selected: #414141;--navigation-item-hover: #414141;--navigation-spacing: 8px;--navigation-background: var(var(--grey-9))}body,html{font-size:var(--app-text-body-xss);font-family:var(--app-font-family)}#menubar{background-color:var(--app-menu-bg);padding-left:var(--spacing-100);padding-right:var(--spacing-100)}.navigation{background-color:var(--navigation-background);color:var(--app-surface-base);padding-left:var(--spacing-100);padding-right:var(--spacing-100);border-top-right-radius:var(--app-btn-radius);border-bottom-right-radius:var(--app-btn-radius)}.menubutton,vaadin-side-nav-item::part(content){background-color:var(--app-menu-bg);color:var(--app-surface-neutral-inverse-tertiary);font-size:14px!important;border-radius:var(--app-btn-radius)}.itemselected{font-weight:bolder}.menubutton:hover,vaadin-side-nav-item[current]::part(content):hover,vaadin-side-nav-item::part(content):hover{background-color:var(--app-surface-neutral-primary)}.menubuttonselected,vaadin-side-nav-item[current]::part(content){background-color:var(--app-surface-base-inverse);color:var(--app-text-primary-inverse);box-shadow:var(--app-menu-box-shadow)}.menubuttonselected:hover{background-color:var(--app-surface-neutral-primary)!important;color:var(--app-text-primary)!important;box-shadow:var(--app-menu-box-shadow)!important}.simplebox{box-shadow:0 3px 6px #0000001a,0 5px 15px #0000001a;background-color:#fff}.simplebox thead th{background-color:var(--app-surface-subtle)!important}.generalbutton{background-color:var(--app-btn-primary-bg);color:var(--app-btn-primary-text)}.generalbutton[disabled]{background-color:var(--app-btn-primary-bg-disabled)!important;color:#e6f9b447}.accentbutton{background-color:var(--app-btn-primary-bg);color:var(--app-btn-primary-text)}.accentbutton:hover{background-color:#2bb135;color:var(--app-btn-primary-text)}.accentbutton[disabled]{background-color:#789!important;color:#e6f9b447}.secondarybutton{background-color:var(--app-btn-primary-bg);color:var(--app-btn-primary-text)}.secondarybutton[disabled]{background-color:#789!important;color:#e6f9b447}.primarybutton{background-color:var(--app-btn-primary-bg);color:var(--app-btn-primary-text)}.primarybutton:hover{background-color:#252525;color:var(--app-btn-primary-text)}.primarybutton[disabled]{background-color:#789!important;color:#e6f9b447}.largebutton{height:54px;font-size:var(--lumo-font-size-l)}.mediumbutton{height:48px;font-size:var(--lumo-font-size-m)}.smallbutton{height:38px;font-size:var(--lumo-font-size-s)}.xsmallbutton{height:30px;font-size:var(--lumo-font-size-xs)}.submenubar{background-color:var(--app-submenu-bg);color:var(--app-surface-neutral-inverse-tertiary)!important;align-items:center}.submenubutton{background-color:var(--app-submenu-bg)!important;color:var(--app-surface-neutral-inverse-tertiary)!important;font-size:14px!important;border-radius:var(--app-btn-radius)}.submenubutton:hover{background-color:var(--app-surface-neutral-primary)!important;color:var(--app-surface-neutral-inverse-tertiary)!important}.submenubuttonselected{background-color:var(--app-surface-base-inverse)!important;color:var(--app-text-primary-inverse)!important}.simpleboxlight{box-shadow:0 3px 6px #0000001a,0 5px 15px #0000001a;background-color:#fff}.simpleboxgraph{background-color:var(--app-surface-base);border:1px dotted var(--app-border-default)}.closebutton{color:#000!important}.cxgridactive{color:green}.rnd{padding:0 3px;width:100%;border-radius:5px;text-align:center}.smallgrid .v-grid-body .v-grid-cell{line-height:15px!important;font-size:10px!important;padding:2px}.graphinfopanel{color:#fff;background-color:var(--lumo-base-color)}.v-reconnect-dialog{visibility:visible;border:1px solid rgb(24,25,26);background-color:#708090;color:#d3d3d3;box-shadow:.2em .2em .2em #0006;border-radius:4px}.smalllogotopclient{background-repeat:no-repeat;background-position:right;width:100%;height:40px;margin-right:50px;float:right}.kpi-dashboard-text-area::part(value){overflow:auto}vaadin-dialog-overlay::part(header){font-size:var(--app-heading-l);font-weight:var(--app-text-weight-bold)}vaadin-grid::part(header-cell){font-size:var(--app-text-body-s);font-weight:var(--app-text-weight-semibold)}vaadin-grid::part(body-cell){font-size:var(--app-text-body-s)}vaadin-button{font-size:var(--app-text-body-s);font-weight:var(--app-text-weight-semibold);border-radius:var(--app-btn-radius)}vaadin-text-field::part(label){font-size:var(--app-text-caption);font-weight:var(--app-text-weight-medium)}vaadin-checkbox::part(checkbox){border:1px solid var(--color-grey-500);background-color:#fff}vaadin-checkbox[checked]::part(checkbox){background-color:#10c504;border-color:#10c504}vaadin-checkbox[checked]:hover::part(checkbox){background-color:#2bb135;border-color:#2bb135}vaadin-radio-button::part(radio){border-color:#10c504}vaadin-radio-button:hover::part(radio){border-color:var(--color-grey-500)}vaadin-radio-button[checked]::part(radio){border-color:#10c504}vaadin-radio-button::part(dot){border-color:#10c504}@media (max-width: 768px){:root{--app-heading-4xl: 3.625rem;--app-heading-3xl: 3rem;--app-heading-2xl: 2.125rem;--app-heading-xl: 1.5rem;--app-heading-l: 1.5rem;--app-heading-m: 1.375rem;--app-heading-s: 1.125rem }}
