html{--lumo-font-size-m:var(--lumo-font-size-s);--lumo-primary-text-color:hsl(220,100%,37%);--vaadin-input-field-height:30px;--vaadin-input-field-border-width:0px;background-color:#f3f5f7}vaadin-tabs{padding:var(--lumo-space-m)}vaadin-combo-box::part(input-field){font-size:var(--lumo-font-size-s);height:var(--lumo-size-s);padding-inline:var(--lumo-space-xs)}vaadin-combo-box::part(label){font-size:var(--lumo-font-size-xxs)}vaadin-combo-box.m-s{margin:4px;padding:4px}vaadin-date-picker::part(input-field){font-size:var(--lumo-font-size-s);height:var(--lumo-size-s);padding-inline:var(--lumo-space-xs)}vaadin-date-picker::part(label){font-size:var(--lumo-font-size-xxs)}vaadin-grid{border-width:0px}vaadin-grid-cell-content{margin:0;padding:2px}vaadin-grid::part(header-cell){--lumo-font-size-s:var(--lumo-font-size-s);font-style:italic}vaadin-password-field::part(label){font-size:var(--lumo-font-size-xxs)}vaadin-password-field.m-s{margin:4px;padding:4px}vaadin-text-area::part(label){font-size:var(--lumo-font-size-xxs)}vaadin-text-field.m-s{margin:4px;padding:4px}vaadin-text-field::part(input-field){font-size:var(--lumo-font-size-s);height:var(--lumo-size-s);padding-inline:var(--lumo-space-xs)}vaadin-text-field::part(label){font-size:var(--lumo-font-size-xxs)}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{padding:150}[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}.my-app-bar{color:#fff}.my-app-bar .app-bar-menu-icon svg{fill:#fff}.custom-error{--lumo-error-color: #FF0000;--lumo-primary-text-color: #FF0000}.custom-error-textfield{border-color:red}.v-loading-indicator{position:fixed;inset:0;pointer-events:auto;z-index:2147483647}.v-loading-indicator:before{width:15px;height:15px;position:absolute;top:50%;left:100%;margin:-10px 0 0 -10px;border-radius:100%;content:"";background-color:orange}.mitarbeiterübersicht-view{display:flex;flex-direction:column;height:100%}.mitarbeiterübersicht-view vaadin-split-layout{width:100%;height:100%}.mitarbeiterübersicht-view vaadin-grid{height:100%}.mitarbeiterübersicht-view .editor-layout{display:flex;flex-direction:column;width:400px}.mitarbeiterübersicht-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.mitarbeiterübersicht-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.mitarbeiterübersicht-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)}.mitarbeiterübersicht-view .grid-wrapper{width:100%}.monatsübersicht-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.monatsübersicht-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.monatsübersicht-view .preview-container{display:contents}.monatsübersicht-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.monatsübersicht-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.monatsübersicht-view[dragging] .layout:not([style*="gap:"]){gap:8px}.monatsübersicht-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.monatsübersicht-view .cover-overlay{position:absolute;border-radius:1px}.monatsübersicht-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.monatsübersicht-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.monatsübersicht-view .overlays,.monatsübersicht-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.monatsübersicht-view:not([dragging]) .drop-zones{pointer-events:none}.monatsübersicht-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.monatsübersicht-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.monatsübersicht-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.monatsübersicht-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.monatsübersicht-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.monatsübersicht-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.monatsübersicht-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.monatsübersicht-view[readonly] .drop-zones,.monatsübersicht-view[readonly] .overlays,.monatsübersicht-view[inline-editing] .drop-zones,.monatsübersicht-view[inline-editing] .overlays{display:none}.monatsübersicht-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.monatsübersicht-view[dragging] vaadin-form-layout{padding:8px}.monatsübersicht-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.monatsübersicht-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.jahresübersicht-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.jahresübersicht-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.jahresübersicht-view .preview-container{display:contents}.jahresübersicht-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.jahresübersicht-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.jahresübersicht-view[dragging] .layout:not([style*="gap:"]){gap:8px}.jahresübersicht-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.jahresübersicht-view .cover-overlay{position:absolute;border-radius:1px}.jahresübersicht-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.jahresübersicht-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.jahresübersicht-view .overlays,.jahresübersicht-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.jahresübersicht-view:not([dragging]) .drop-zones{pointer-events:none}.jahresübersicht-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.jahresübersicht-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.jahresübersicht-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.jahresübersicht-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.drop-zone[empty-layout]{z-index:-1}.jahresübersicht-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.jahresübersicht-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.jahresübersicht-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.jahresübersicht-view[readonly] .drop-zones,.jahresübersicht-view[readonly] .overlays,.jahresübersicht-view[inline-editing] .drop-zones,.jahresübersicht-view[inline-editing] .overlays{display:none}.jahresübersicht-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.jahresübersicht-view[dragging] vaadin-form-layout{padding:8px}.jahresübersicht-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.jahresübersicht-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}