vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{padding:0}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}vaadin-grid,vaadin-upload,vaadin-checkbox,vaadin-combo-box,vaadin-text-area,vaadin-text-field,vaadin-date-picker,vaadin-time-picker,vaadin-email-field,vaadin-custom-field,vaadin-number-field,vaadin-integer-field,vaadin-password-field,vaadin-multi-select-combo-box{padding:.5rem .1rem .1rem;font-size:var(--lumo-font-size-s);--lumo-text-field-size: var(--lumo-size-s)}vaadin-menu-bar.separate-buttons::part(container){gap:var(--lumo-space-xs)}vaadin-menu-bar.separate-buttons vaadin-menu-bar-button{border-radius:var(--lumo-border-radius-m)}vaadin-login-overlay-wrapper::part(brand){padding:0!important}vaadin-login-overlay-wrapper::part(description){margin:10px!important}vaadin-login-form-wrapper::part(footer){font-weight:600}vaadin-tabs{background:var(--lumo-contrast-10pct);border-radius:calc(var(--lumo-border-radius-s) + 3px);min-height:var(--lumo-size-m);box-shadow:none}vaadin-tabs::part(tabs){padding:3px;min-height:inherit;box-sizing:border-box;margin:.3rem}vaadin-tabsheet{box-sizing:border-box}vaadin-tabsheet::part(tabs-container){box-shadow:none;padding:0 0 1rem}vaadin-tabsheet::part(content){padding:0;padding-bottom:var(--view-content-inset-bottom)}vaadin-tabsheet>vaadin-tabs{margin:0}vaadin-tabsheet[theme~=bordered]{border-color:var(--lumo-contrast-10pct);border-top-left-radius:calc(var(--lumo-border-radius-s) + var(--lumo-space-s));border-top-right-radius:calc(var(--lumo-border-radius-s) + var(--lumo-space-s))}vaadin-tabsheet[overflow~=top]::part(content){border-top:1px solid var(--lumo-contrast-10pct)}vaadin-tabsheet:not([theme~=bordered])[overflow~=bottom]::part(content){border-bottom:1px solid var(--lumo-contrast-10pct)}vaadin-tab:before,vaadin-tab:after{display:none}vaadin-tab{font-weight:600;border-radius:var(--lumo-border-radius-m);transition:color .16s,background-color .16s,box-shadow 60ms,transform .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;padding:var(--lumo-space-xs) var(--lumo-space-m)}vaadin-tab[selected]{color:var(--lumo-primary-color-50pct);-webkit-backdrop-filter:brightness(1.06)}vaadin-tab[active]{transform:scale(.98);transition-duration:50ms}vaadin-tab[selected]:not([focus-ring]){box-shadow:0 0 0 1px var(--lumo-shade-5pct),0 1px 1px 0 var(--lumo-shade-5pct)}.brand-view{display:flex;flex-direction:column;height:100%}.brand-view vaadin-split-layout{width:100%;height:100%}.brand-view vaadin-grid{height:100%}.brand-view .editor-layout{display:flex;flex-direction:column;width:600px}.brand-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.brand-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.brand-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.brand-view .grid-wrapper{width:100%}.device-view{display:flex;flex-direction:column;height:100%}.device-view vaadin-split-layout{width:100%;height:100%}.device-view vaadin-grid{height:100%}.device-view .editor-layout{display:flex;flex-direction:column;width:400px}.device-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.device-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.device-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.device-view .grid-wrapper{width:100%}.user-view{display:flex;flex-direction:column;height:100%}.user-view vaadin-split-layout{width:100%;height:100%}.user-view vaadin-grid{height:100%}.user-view .editor-layout{display:flex;flex-direction:column;width:400px}.user-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.user-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.user-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.user-view .grid-wrapper{width:100%}vaadin-login-overlay-wrapper::part(overlay),.singup-view{background-image:url(/images/login-bg.png);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}vaadin-login-form-wrapper vaadin-button{width:15rem;margin:var(--lumo-space-s) auto}vaadin-login-overlay-wrapper::part(brand){background:#fff!important}vaadin-login-overlay-wrapper::part(description){display:none}vaadin-login-overlay-wrapper::part(card){width:30rem;border-radius:2.5rem}vaadin-login-form-wrapper::part(form){padding-top:0;padding-bottom:0;background:#fff}@media only screen and (max-width: 1023px) and (orientation: landscape){vaadin-login-overlay-wrapper::part(card){border-radius:0}}:root{--alph-displacement-color: #327BC4;--alph-font-weight: 800;--alph-min-width: 100px;--alph-max-height: 35px;--alph-padding: 8px }.button-layout{margin-top:var(--lumo-space-s)}[theme~=btn][theme~=primary]{font-weight:var(--alph-font-weight);min-width:var(--alph-min-width);max-height:var(--alph-max-height);padding:var(--alph-padding)}[theme~=btn][theme~=primary][theme~=save]{background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}[theme~=btn][theme~=primary][theme~=new]{background-color:var(--lumo-primary-contrast-color);color:var(--lumo-primary-text-color)}[theme~=btn][theme~=primary][theme~=delete]{background-color:var(--lumo-error-color);color:var(--lumo-primary-contrast-color)}[theme~=btn][theme~=primary][theme~=print]{background-color:var(--lumo-contrast);color:var(--lumo-primary-contrast-color)}[theme~=btn][theme~=primary][theme~=find]{background-color:var(--lumo-success-color);color:var(--lumo-primary-contrast-color)}[theme~=btn][theme~=primary][theme~=cancel]{background-color:var(--lumo-primary-contrast-color);color:var(--lumo-error-color)}[theme~=btn][theme~=primary][theme~=displacement]{background-color:var(--lumo-secondary-text-color);color:var(--lumo-primary-contrast-color)}[theme~=btn][theme~=primary][disabled]{background-color:var(--lumo-contrast-30pct);color:var(--lumo-base-color);pointer-events:none}@media screen and (max-width: 800px){[theme~=btn][theme~=primary][theme~=find]{margin-inline-end:unset!important}}vaadin-checkbox[theme~=toggle-button]{margin:0;padding:0}vaadin-checkbox[theme~=toggle-button]::part(checkbox),vaadin-checkbox[theme~=toggle-button]>input{grid-column:1}vaadin-checkbox-group[theme~=toggle-button]>vaadin-checkbox::part(checkbox),vaadin-checkbox[theme~=toggle-button]::part(checkbox){width:calc(3em - 12px);height:1.5em;border-radius:.75em;background-color:var(--lumo-contrast-40pct);margin:0;cursor:pointer;padding-bottom:.2em}vaadin-checkbox-group[theme~=toggle-button]>vaadin-checkbox::part(checkbox):after,vaadin-checkbox[theme~=toggle-button]::part(checkbox):after{width:calc(1.2em - 4px);height:calc(1.2em - 4px);border-radius:50%;background-color:var(--lumo-primary-contrast-color);border:none;top:2px;left:2px;transform:none;opacity:1;transition:transform .2s ease}vaadin-checkbox-group[theme~=toggle-button]>vaadin-checkbox[disabled]::part(checkbox):after,vaadin-checkbox[theme~=toggle-button][disabled]::part(checkbox):after{color:transparent!important}vaadin-checkbox-group[theme~=toggle-button]>vaadin-checkbox[checked]::part(checkbox):after,vaadin-checkbox[theme~=toggle-button][checked]::part(checkbox):after{transform:translate(calc(100% - 8px))}vaadin-checkbox-group[theme~=toggle-button]>vaadin-checkbox[checked]::part(checkbox),vaadin-checkbox[theme~=toggle-button][checked]::part(checkbox){background-color:var(--lumo-primary-color)}vaadin-checkbox-group[theme~=toggle-button]>vaadin-checkbox[checked][disabled]::part(checkbox),vaadin-checkbox[theme~=toggle-button][checked][disabled]::part(checkbox){background-color:var(--lumo-primary-color);opacity:.3}.change-password{display:flex;align-items:center;justify-content:center}section{max-width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);margin:var(--lumo-space-s);height:auto;width:calc(var(--lumo-size-m) * 10);background:var(--lumo-base-color) linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct))}section #brand{box-sizing:border-box;overflow:hidden;flex-grow:1;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--lumo-space-l) var(--lumo-space-xl) var(--lumo-space-l) var(--lumo-space-l);background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);min-height:calc(var(--lumo-size-m) * 5)}section #brand h1{color:inherit;margin:0;font-size:var(--lumo-font-size-xxxl)}section #brand p{line-height:var(--lumo-line-height-s);color:var(--lumo-tint-70pct);margin-bottom:0;display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0}section #form{padding:var(--lumo-space-l);flex:1;display:flex;flex-direction:column;box-sizing:border-box}section #form h2{margin-top:calc(var(--lumo-font-size-xxxl) - var(--lumo-font-size-xxl));color:var(--lumo-header-text-color);line-height:var(--lumo-line-height-xs);margin-block:0;display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700}:host([theme~="menu-vertical"]) [part=container]{flex-direction:column}html{--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1;--lumo-space-xl: 1.875rem;--lumo-space-l: 1.25rem;--lumo-space-m: .625rem;--lumo-space-s: .3125rem;--lumo-space-xs: .1875rem;--lumo-base-color: #F5F5F5;--lumo-body-text-color: #192739f0;--lumo-contrast: #192434;--lumo-contrast-10pct: #1a38601a;--lumo-contrast-20pct: #1c375a29;--lumo-contrast-30pct: #1c345442;--lumo-contrast-40pct: #1c324f61;--lumo-contrast-50pct: #1c304a85;--lumo-contrast-5pct: #193b670d;--lumo-contrast-60pct: #1c2e4599;--lumo-contrast-70pct: #1b2b41b0;--lumo-contrast-80pct: #1a293dd4;--lumo-contrast-90pct: #18273af0;--lumo-disabled-text-color: #1c345442;--lumo-error-color: #d95231;--lumo-error-color-10pct: #d952311a;--lumo-error-color-50pct: #d9523180;--lumo-error-contrast-color: #ffffff;--lumo-error-text-color: #921f18;--lumo-heading-text-color: #192434;--lumo-primary-color: #4a9a96;--lumo-primary-color-10pct: #4a9a9621;--lumo-primary-color-50pct: #4a9a96c2;--lumo-primary-contrast-color: #ffffff;--lumo-primary-text-color: #378184;--lumo-secondary-text-color: #1b2b41b0;--lumo-success-color: #158444;--lumo-success-color-10pct: #1688461a;--lumo-success-color-50pct: #16884680;--lumo-success-contrast-color: #ffffff;--lumo-success-text-color: #0a7637;--lumo-tertiary-text-color: #1c304a85;--lumo-user-color-0: #df0b92;--lumo-user-color-1: #650acc;--lumo-user-color-2: #097faa;--lumo-user-color-3: #ad6200;--lumo-user-color-4: #bf16f3;--lumo-user-color-5: #084391;--lumo-user-color-6: #078836;--lumo-warning-color: #ffcc00;--lumo-warning-color-10pct: #ffcc0040;--lumo-warning-text-color: #985211;--lumo-warnng-contrast-color: #182739f0;--lumo-border-radius-s: .25rem;--lumo-border-radius-m: .5rem;--lumo-border-radius-l: 1rem;--vaadin-input-field-background: #FFF;--vaadin-input-field-hover-highlight: var(--lumo-contrast-30pct);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--lumo-contrast-30pct);--vaadin-button-background: #FFF;--vaadin-button-border: 1px solid var(--lumo-primary-color-50pct);--light-background-color: #FFF;--lumo-space-xxl: 48px;--alph-color-locked-user: rgba(192, 57, 43, 1);--alph-color-unlocked-user: rgba(46, 204, 113, 1);--alph-color-deleted-user: rgba(192, 57, 43, 1);--alph-color-not-deleted-user: rgba(52, 152, 219, 1);--alph-color-change-imminent-user: rgba(230, 126, 34, 1);--alph-color-no-change-user: rgba(52, 152, 219, 1)}[theme~=dark]{--accent-s: 80%;--accent-l: 47%;--base-l: 6%;--base-s: 22%;--grad1: linear-gradient(to bottom right, hsl(var(--base-h) var(--base-s) calc(var(--base-l) + 3%)) 20%, hsl(var(--base-h) var(--base-s) calc(var(--base-l) + 0%)) 50%, hsl(calc(var(--base-h) - 10) calc(var(--base-s) * 1.2) var(--base-l)) 100%);--grad2: radial-gradient(50% 80% at 25% 70%, hsl(calc(var(--base-h) - 10) calc(var(--base-s) * 1.5) calc(var(--base-l) + 10%) / .4) 0%, transparent 100%);--grad3: radial-gradient(83% 132% at 76% 20%, transparent 84%, hsl(var(--base-h) var(--base-s) calc(var(--base-l) - 6%) / .8) 100%);--lumo-base-color: hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 5%), 8%) / 1);--lumo-base-color-90pct: hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 5%), 8%) / .9);--lumo-base-color-80pct: hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 5%), 8%) / .8);--lumo-base-color-70pct: hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 5%), 8%) / .7);--lumo-base-color-60pct: hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 5%), 8%) / .6);--accent-h: 210;--accent-10pct: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .18);--accent-text: hsl(calc(var(--accent-h) - 3) calc(var(--accent-s) * 1.25) calc(var(--accent-l) * 1.3));--vaadin-focus-ring-color: hsl(var(--accent-h) calc(var(--accent-s) * 1.25) calc(var(--accent-l) * 1.3) / .65);--lumo-primary-contrast-color: var(--lumo-base-color);--lumo-primary-color: var(--lumo-contrast-90pct);--lumo-primary-color-50pct: var(--lumo-contrast-70pct);--lumo-primary-color-10pct: var(--lumo-contrast-10pct);--lumo-primary-text-color: var(--lumo-body-text-color);--lumo-error-text-color: hsl(342 85% 70%);--lumo-error-color: hsl(342 68% 51%);--lumo-error-color-10pct: hsl(342 68% 61% / .16);--lumo-error-color-50pct: hsl(342 68% 61% / .65);--lumo-success-text-color: hsl(160 88% 52%);--lumo-success-color: hsl(160 78% 31%);--lumo-success-color-10pct: hsl(160 78% 37% / .18);--lumo-success-color-50pct: hsl(160 78% 37% / .65);--lumo-shade-2pct: hsl(var(--base-h) calc(var(--base-s) * .1) 0% / .08);--lumo-shade-5pct: hsl(var(--base-h) calc(var(--base-s) * .1) 0% / .1);--lumo-shade-10pct: hsl(var(--base-h) calc(var(--base-s) * .1) 1% / .2);--lumo-shade-20pct: hsl(var(--base-h) calc(var(--base-s) * .1) 1% / .3);--lumo-shade-30pct: hsl(var(--base-h) calc(var(--base-s) * .1) 3% / .4);--lumo-shade-40pct: hsl(var(--base-h) calc(var(--base-s) * .1) 4% / .5);--lumo-shade-50pct: hsl(var(--base-h) calc(var(--base-s) * .1) 5% / .6);--lumo-shade-60pct: hsl(var(--base-h) calc(var(--base-s) * .1) 5% / .7);--lumo-shade-70pct: hsl(var(--base-h) calc(var(--base-s) * .11) 5% / .8);--lumo-shade-80pct: hsl(var(--base-h) calc(var(--base-s) * .12) 5% / .9);--lumo-shade-90pct: hsl(var(--base-h) calc(var(--base-s) * .13) 5% / .95);--lumo-shade: hsl(var(--base-h) calc(var(--base-s) * .1) 5%);--lumo-tint-5pct: hsl(var(--base-h) calc(var(--base-s) / 2) 65% / .06);--lumo-tint-10pct: hsl(var(--base-h) calc(var(--base-s) / 2) 66% / .12);--lumo-tint-20pct: hsl(var(--base-h) calc(var(--base-s) / 2) 67% / .18);--lumo-tint-30pct: hsl(var(--base-h) calc(var(--base-s) / 2) 69% / .29);--lumo-tint-40pct: hsl(var(--base-h) calc(var(--base-s) / 2) 71% / .4);--lumo-tint-50pct: hsl(var(--base-h) calc(var(--base-s) / 2) 74% / .51);--lumo-tint-60pct: hsl(var(--base-h) calc(var(--base-s) / 2) 80% / .62);--lumo-tint-70pct: hsl(var(--base-h) calc(var(--base-s) / 2) 83% / .75);--lumo-tint-80pct: hsl(var(--base-h) calc(var(--base-s) / 2) 87% / .9);--lumo-tint-90pct: hsl(var(--base-h) calc(var(--base-s) / 2) 94% / .96);--lumo-tint: hsl(var(--base-h) calc(var(--base-s) / 2) 99%);--view-glow: radial-gradient(circle at 25% 0%, hsl(0 0% calc(30% + var(--base-l) * 4) / .1), transparent 50%);--view-background: var(--view-glow), hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 7%), 8%) / .7);--view-background-clip: border-box;--view-border-color: var(--lumo-contrast-10pct) var(--lumo-contrast-5pct) var(--lumo-contrast-5pct);--alph-color-locked-user: rgba(231, 76, 60, 1);--alph-color-unlocked-user: rgba(39, 174, 96, 1);--alph-color-deleted-user: rgba(231, 76, 60, 1);--alph-color-not-deleted-user: rgba(41, 128, 185, 1);--alph-color-change-imminent-user: rgba(211, 84, 0, 1);--alph-color-no-change-user: rgba(41, 128, 185, 1)}.card-background-color{background-color:var(--light-background-color)}vaadin-button{width:8.75rem}header{background-color:var(--light-background-color)}header nav a[highlight]{background-color:#fff0;color:var(--lumo-primary-color)}header nav a:hover{--lumo-header-text-color: var(--lumo-primary-color-50pct)}header nav a[highlight] span{font-weight:600}vaadin-upload::part(primary-buttons){display:flex;align-items:center;justify-content:center;height:100%}vaadin-avatar{border-radius:2rem;border-color:var(--lumo-user-color-3)}.content-max-width{max-width:862px}.column-gap{column-gap:62px}.mt-xxl{margin-top:var(--lumo-space-xxl)}@media (min-width: 800px){.two-columns-when-over-800px{grid-column:span 2}}@media (min-width: 800px){.column-max-width-when-over-800px{max-width:400px}}@media (min-width: 600px){.flex-over-600px{display:flex}}@media screen and (max-width: 1400px){.kiosk-notification-actions{flex-wrap:wrap}}