html{--lumo-font-family: "Segoe UI",Candara,"Bitstream Vera Sans","DejaVu Sans","Bitstream Vera Sans","Trebuchet MS",Verdana,"Verdana Ref",sans-serif;--lumo-base-color: #fff;--lumo-body-color: var(--lumo-primary-color);--lumo-tint-5pct: hsla(0,0%,100%,0.3);--lumo-tint-10pct: hsla(0,0%,100%,0.37);--lumo-tint-20pct: hsla(0,0%,100%,0.44);--lumo-tint-30pct: hsla(0,0%,100%,0.5);--lumo-tint-40pct: hsla(0,0%,100%,0.57);--lumo-tint-50pct: hsla(0,0%,100%,0.64);--lumo-tint-60pct: hsla(0,0%,100%,0.7);--lumo-tint-70pct: hsla(0,0%,100%,0.77);--lumo-tint-80pct: hsla(0,0%,100%,0.84);--lumo-tint-90pct: hsla(0,0%,100%,0.9);--lumo-tint: #fff;--lumo-shade-5pct: hsla(214,61%,25%,0.05);--lumo-shade-10pct: hsla(214,57%,24%,0.1);--lumo-shade-20pct: hsla(214,53%,23%,0.16);--lumo-shade-30pct: hsla(214,50%,22%,0.26);--lumo-shade-40pct: hsla(214,47%,21%,0.38);--lumo-shade-50pct: hsla(214,45%,20%,0.52);--lumo-shade-60pct: hsla(214,43%,19%,0.6);--lumo-shade-70pct: hsla(214,42%,18%,0.69);--lumo-shade-80pct: hsla(214,41%,17%,0.83);--lumo-shade-90pct: hsla(214,40%,16%,0.94);--lumo-shade: hsl(214,35%,15%);--lumo-contrast-5pct: var(--lumo-shade-5pct);--lumo-contrast-10pct: var(--lumo-shade-10pct);--lumo-contrast-20pct: var(--lumo-shade-20pct);--lumo-contrast-30pct: var(--lumo-shade-30pct);--lumo-contrast-40pct: var(--lumo-shade-40pct);--lumo-contrast-50pct: var(--lumo-shade-50pct);--lumo-contrast-60pct: var(--lumo-shade-60pct);--lumo-contrast-70pct: var(--lumo-shade-70pct);--lumo-contrast-80pct: var(--lumo-shade-80pct);--lumo-contrast-90pct: var(--lumo-shade-90pct);--lumo-contrast: var(--lumo-shade);--lumo-header-text-color: var(--lumo-contrast);--lumo-body-text-color: var(--lumo-contrast-90pct);--lumo-secondary-text-color: var(--lumo-contrast-70pct);--lumo-tertiary-text-color: var(--lumo-contrast-50pct);--lumo-disabled-text-color: var(--lumo-contrast-30pct);--lumo-primary-color: hsl(213,56%,45%);--lumo-primary-color-80pct: rgba(50,108,179,0.8);--lumo-primary-color-50pct: rgba(50,108,179,0.5);--lumo-primary-color-10pct: rgba(50,108,179,0.1);--lumo-primary-text-color: rgb(50,108,179);--lumo-primary-contrast-color: #fff;--lumo-error-color: hsl(3,85%,48%);--lumo-error-color-50pct: hsla(3,85%,49%,0.5);--lumo-error-color-10pct: hsla(3,85%,49%,0.1);--lumo-error-text-color: hsl(3,89%,42%);--lumo-error-contrast-color: #fff;--lumo-success-color: hsl(145,72%,30%);--lumo-success-color-50pct: hsla(145,72%,31%,0.5);--lumo-success-color-10pct: hsla(145,72%,31%,0.1);--lumo-success-text-color: hsl(145,85%,25%);--lumo-success-contrast-color: #fff;--lumo-warning-color: hsl(42,66%,55%);--lumo-warning-color-50pct: hsla(42,66%,55%,0.5);--lumo-warning-color-10pct: hsla(42,66%,55%,0.1);--lumo-warning-text-color: hsl(42,66%,55%);--lumo-warning-contrast-color: #fff;--warning-bg: #FFECB3;--error-bg: #FFCCBC;--success-bg: #C8E6C9}.h-no-margin{margin: 0}.centered-content{margin: 0 auto;max-width: 500px}.login-box{padding: 0 !important;margin-top: 3rem;background-color: #fff;border-radius: 1rem;overflow: hidden;box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.login-box header{margin: 0;padding: 0;height: 200px;width: 100%;border-radius: 1rem;border-top-left-radius: 1rem;border-top-right-radius: 1rem;background: rgb(34,72,119);background: linear-gradient(90deg,rgba(34,72,119,1) 0%,rgba(50,108,179,1) 72%,rgba(68,128,202,1) 100%);display: flex;flex-direction: column}.login-box .logo{height: 100%;width: 100%;margin: 1rem;margin-bottom: 0;background-image: url('images/rzv_sw_neg.png');background-size: contain;background-position: left;background-repeat: no-repeat}.login-box .logo .kerckhoff{height: 100%;width: 100%;margin: 1rem;margin-bottom: 0;background-image: url('images/logo_kerckhoff.png');background-size: contain;background-position: left;background-repeat: no-repeat}.login-box main{padding: 1rem;width: calc(100% - 2rem)}.login-box h1{color: white;font-size: 2rem;padding: 1rem;margin-top: auto !important;font-weight: lighter}.login footer{text-align: center;padding-bottom: 0.5rem}vaadin-app-layout::part(navbar){min-height: 0}.content{padding-bottom: 1em}.drawer-layout{overflow: hidden;background-color: #fff}.drawer-item{}.grid-dl-icon{color: var(--lumo-primary-color-50pct);cursor: pointer}.grid-dl-icon:hover{color: var(--lumo-primary-color)}.rzv-logo{background-image: url('images/rzv_claim_rgb.png');background-size: contain;background-position: center;background-repeat: no-repeat;margin-top: 8px;width: 100%;height: 55px;box-sizing: border-box}.row{border-top: 1px solid var(--lumo-primary-color-10pct)}.row:nth-child(odd){background: var(--lumo-shade-10pct)}.row:hover,.row:focus{background: var(--lumo-primary-color-10pct)}.row:focus{outline: var(--lumo-shade-50pct) outset 2px}.row:nth-child(even){}.doc-grid-active{border: 2px solid green}.holder-placeholder{background: var(--lumo-shade-10pct);padding: 1rem;display: flex;justify-content: center}.holder-placeholder:hover,.row:focus{background: var(--lumo-primary-color-10pct)}.holder-content{background: var(--lumo-shade-10pct);display: flex;justify-content: center}.holder-content:hover,.row:focus{background: var(--lumo-primary-color-10pct)}@-webkit-keyframes rotating{from{-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}to{-webkit-transform: rotate(-360deg);-o-transform: rotate(-360deg);transform: rotate(-360deg)}}@keyframes rotating{from{-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}to{-ms-transform: rotate(-360deg);-moz-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-o-transform: rotate(-360deg);transform: rotate(-360deg)}}.icon-rotating{-webkit-animation: rotating 2s linear infinite;-moz-animation: rotating 2s linear infinite;-ms-animation: rotating 2s linear infinite;-o-animation: rotating 2s linear infinite;animation: rotating 2s linear infinite}.detail-card{background-color: #fff;border-radius: 4px;box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);vaadin-details-summary{cursor: pointer;background-color: #fff}vaadin-details-summary[opened]{background-color: #E1E4E9}vaadin-details-summary[disabled]{}vaadin-details::part(content){}}.detail-card.danger{background-color: #ffb8b8;vaadin-details-summary{color: var(--lumo-body-text-color);background: repeating-linear-gradient(45deg,rgba(255,0,0,0),rgba(255,0,0,0) 10px,#ffffff 10px,#ffffff 20px)}vaadin-details-summary[opened]{}vaadin-details-summary[disabled]{}vaadin-details::part(content){}}.view-header-tabs{vaadin-tab{color: var(--lumo-tint-40pct)}vaadin-tab[active]{color: var(--lumo-primary-contrast-color)}vaadin-tab[selected]{color: var(--lumo-primary-contrast-color)}vaadin-tab:hover{color: var(--lumo-primary-contrast-color)}vaadin-tab::before{background-color: #fff}}.qn-template-children{border-left: 4px solid #fff;padding-left: 1rem;padding-right: 1rem;margin-left: 1rem}.qn-item-card{--qn-item-border: 3px solid #fff;isolation: isolate;&::before{content: "";border-top: var(--qn-item-border);display: block;position: relative;left: -1rem;top: 1rem;width: 100%;z-index: -1}vaadin-details-summary{cursor: pointer;padding-left: 1rem;background-color: #E1E4E9}.qn-item-card-content{background-color: #fff;border-radius: 0 0 4px 4px}.qn-item-card-children{border-left: var(--qn-item-border);margin-left: 1rem}.qn-item-card-children-border{content: "";border-left: var(--qn-item-border);display: block;position: relative;height: calc(100% - 2rem)}vaadin-details-summary[opened]{background-color: #E1E4E9;border-radius: 4px 4px 0 0}vaadin-details-summary[disabled]{}&::part(content){padding: 0}vaadin-menu-bar{margin-right: 0.5rem}vaadin-menu-bar-button{margin-top: 0;margin-bottom: 0}}.view-header-tabs::part(content){background-color: #fff;border-radius: 4px;box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}twin-col-select{}twin-col-select .value{}twin-col-select .options{}twin-col-select vaadin-button{}twin-col-select .twincolselect-item{padding-left: 0.5rem}twin-col-select .twincolselect-item:nth-child(odd){background-color: var(--lumo-primary-color-10pct);padding-left: 0.5rem}twin-col-select .twincolselect-item[checked]{background-color: var(--lumo-primary-color-50pct)}twin-col-select .twincolselect-item[checked]:nth-child(odd){background-color: var(--lumo-primary-color-50pct)}twin-col-select{--lumo-primary-color: transparent;--lumo-contrast-10pct: transparent}twin-col-select label{}vaadin-side-nav{}vaadin-side-nav-item{font-size: 1rem;font-weight: 400}vaadin-side-nav-item>[slot="prefix"]{}.loader{width: 50px;aspect-ratio: 1;display: grid;border: 4px solid #0000;border-radius: 50%;border-right-color: var(--lumo-primary-color-80pct);animation: l15 1s infinite linear}.loader::before,.loader::after{content: "";grid-area: 1/1;margin: 2px;border: inherit;border-radius: 50%;animation: l15 2s infinite}.loader::after{margin: 8px;animation-duration: 3s}@keyframes l15{100%{transform: rotate(1turn)}}.loader24{height: 1rem;aspect-ratio: 1;border-radius: 50%;border: 3px solid #0000;border-right-color: var(--lumo-primary-color);position: relative;animation: l24 1s infinite linear}.loader24:before,.loader24:after{content: "";position: absolute;inset: -3px;border-radius: 50%;border: inherit;animation: inherit;animation-duration: 2s}.loader24:after{animation-duration: 4s}@keyframes l24{100%{transform: rotate(1turn)}}.loader13{--spinner-color: white;width: 1rem;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(farthest-side,var(--spinner-color) 94%,#0000) top/2px 2px no-repeat,conic-gradient(#0000 30%,var(--spinner-color));-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 0);animation: l13 1s infinite linear}@keyframes l13{100%{transform: rotate(1turn)}}.loading-button{overflow: hidden}.loading-button>*{z-index: 2}.loading-button[disabled]{color: white}.loading-button::before{--spinner-color: var(--lumo-primary-color);--spinner-color2: #74a5e8;content: "";position: absolute;z-index: 1;top: 0;left: -100%;width: 300%;height: 100%;background: var(--spinner-color2) repeating-linear-gradient( 60deg,transparent,transparent 10px,var(--spinner-color) 10px,var(--spinner-color) 20px );animation: loading-button-animation 1s infinite linear}@keyframes loading-button-animation{0%{transform: translateX(25px)}100%{transform: translateX(-20px)}}vaadin-menu-bar-item{vaadin-icon{width: var(--lumo-icon-size-m);height: var(--lumo-icon-size-m);margin-right: 4px}}.menu-footer{width: 100%;text-align: center;font-size: 0.8rem;font-weight: 400}vaadin-grid::part(empty-state){text-align: center}.observation-scroller::-webkit-scrollbar{height: 15px;width: 15px;background: var(--lumo-contrast-30pct);-webkit-border-radius: 3ex}.observation-scroller::-webkit-scrollbar-thumb{background: var(--lumo-contrast-70pct);-webkit-border-radius: 3ex}.observation-scroller::-webkit-scrollbar-corner{background: transparent}.daily-observations{display: flex;gap: 0;width: 100%;.definition:nth-child(odd of .definition),.observation:nth-child(odd of .observation){background-color: #eaf0f7}.definition:nth-child(even of .definition),.observation:nth-child(even of .observation){background-color: #bfd0e8}.observation-column{min-width: 8rem;flex-grow: 1}.definition-column{position: sticky;left: 0}.definition-column vaadin-icon{margin-right: 0.2rem}.definition{padding-right: 1rem;padding-left: 0.5rem;font-weight: 500;min-width: 8rem;border-right: 1px solid var(--lumo-primary-color-10pct);border-left: 1px solid var(--lumo-primary-color-10pct)}.observation-date{padding-left: 1rem;padding-right: 1rem}.observation{padding-left: 0.5rem;white-space: nowrap;overflow: hidden;cursor: pointer;text-overflow: ellipsis;border-right: 1px solid var(--lumo-primary-color-10pct)}.observation:hover{background-color: var(--lumo-primary-color);color: white}.observation-date{border-left: 1px solid var(--lumo-base-color)}.definition-title,.observation-date{position: sticky;top: 0}.definition-title,.observation-date{text-align: center;align-content: center;font-weight: bold;color: white;background-color: var(--lumo-primary-color);height: 3rem}.definition,.observation{text-align: start;align-content: center;height: 3rem}.definition-group,.observation-group{text-align: start;align-content: center;height: 3rem;border-bottom: 1px solid var(--lumo-primary-color)}.definition-group{padding-left: 0.5rem;font-weight: bold;min-width: 8rem}}.week-control{--week-control-height: 2.5rem;position: sticky;color: white;top: 0;height: var(--week-control-height);background-color: var(--lumo-primary-color);z-index: 10;border-bottom: 1px solid white;text-align: center;.week-minus-button,.week-plus-button{margin-right: 1rem;margin-left: 1rem;cursor: pointer}}.weekly-observations{display: flex;flex-direction: column;--week-control-height: 2.5rem;.definition-title,.observation-date{position: sticky;top: var(--week-control-height)}}.column-table{display: flex;gap: 0;width: 100%;.definition:nth-child(odd of .definition),.data:nth-child(odd of .data){background-color: #eaf0f7}.definition:nth-child(even of .definition),.data:nth-child(even of .data){background-color: var(--lumo-base-color)}.data-column{min-width: 8rem;flex-grow: 1}.definition-column{position: sticky;left: 0}.definition-column vaadin-icon{margin-right: 0.2rem}.definition{padding-right: 1rem;padding-left: 0.5rem;font-weight: 500;min-width: 8rem;border-right: 1px solid var(--lumo-primary-color-10pct);border-left: 1px solid var(--lumo-primary-color-10pct)}.data-header{padding-left: 1rem;padding-right: 1rem}.data{padding-left: 0.25rem;padding-right: 0.25rem;white-space: nowrap;overflow: hidden;cursor: pointer;text-overflow: ellipsis;border-right: 1px solid var(--lumo-primary-color-10pct)}.clickable.data:hover{background-color: var(--lumo-primary-color);color: white}.data-header{border-left: 1px solid var(--lumo-base-color)}.definition-header,.data-header{position: sticky;top: 0}.definition-header,.data-header{text-align: center;align-content: center;font-weight: bold;color: white;background-color: var(--lumo-primary-color);height: 3rem}.definition,.data{text-align: start;align-content: center;height: 3rem}.definition-sub-header,.data-sub-header{text-align: start;align-content: center;height: 3rem;border-bottom: 1px solid var(--lumo-primary-color)}.definition-sub-header{padding-left: 0.5rem;font-weight: bold;min-width: 8rem}}.iconfield-entry{padding: 0;margin: 0;vaadin-icon{margin-right: 0.5rem}}.iconfield-item{padding: 0.1rem;height: auto;min-height: 0}.case-type-header{font-weight: 400;font-size: 1.2rem}.case-type-container{display: flex;flex-direction: column;gap: 1rem;.case-type-content{display: flex;flex-direction: column;gap: 0.5rem;min-height: 4rem}.case-type-entry{padding: 1rem;border: 1px dashed var(--lumo-contrast-40pct);border-radius: var(--lumo-border-radius-l);display: flex;flex-direction: row;align-items: center;gap: 0.5rem}.case-type-name{font-weight: 500;font-size: 1.2rem}.case-type-icon{height: 100%;width: 4rem;color: var(--lumo-contrast-40pct)}.case-type-entry:hover{border: 1px dashed var(--lumo-primary-color-80pct);background-color: var(--lumo-primary-color-10pct);cursor: pointer;.case-type-icon{color: var(--lumo-primary-color-80pct)}}}.mkis-dashboard{vaadin-dashboard-widget{transition: all 0.15s ease}vaadin-dashboard-widget::part(header){background-color: var(--header-color,var(--lumo-primary-color-10pct));color: var(--header-text-color);border-radius: var(--vaadin-dashboard-widget-border-radius,var(--lumo-border-radius-l));border-bottom-right-radius: 0;border-bottom-left-radius: 0}vaadin-dashboard-widget::part(content){margin: 0rem;background-color: var(--content-color)}.pflege-dashboard-widget::part(content){div{display: flex;flex-direction: row;gap: 0.5rem}}vaadin-dashboard-widget:hover{box-shadow: var(--lumo-box-shadow-s);box-shadow-color: var(--lumo-primary-text-color);&::part(content){color: black}}.content-padding::part(content){padding: 1rem 1rem}}.form-label-right{vaadin-form-item::part(label){display: flex;justify-content: flex-end;align-self: start;margin-top: 0.5rem;margin-bottom: 0.5rem}vaadin-form-item{align-items: center}vaadin-form-item:last-of-type{border-bottom: none}}.preformated-text{white-space: pre}.preformated-text-wrap{white-space: pre-wrap}vaadin-grid::part(preformated-text){white-space: pre}vaadin-grid::part(preformated-text-wrap){white-space: pre-wrap}@media (width <= 1650px){vaadin-app-layout>.content{transition: padding-left 0.2s;padding-left: 0.5rem;padding-right: 0.5rem}vaadin-app-layout[drawer-opened]>.content{padding-right: 0.5rem;padding-left: 0.5rem}}@media (1650px < width <= 1900px){vaadin-app-layout[drawer-opened]>.content{padding-right: 0.5rem;padding-left: 0.5rem}}@media (width>1600px){vaadin-app-layout>.content{transition: padding-left 0.2s;padding-left: calc((100vw - 100%))}}@media (width>1900px){vaadin-app-layout[drawer-opened]>.content{padding-left: calc((100vw - 100%) - var(--_vaadin-app-layout-drawer-width))}}.accordion-full{vaadin-accordion-panel[opened]{height: 100%}vaadin-accordion-panel::part(content){height: 100%;div{height: 100%}}}vaadin-grid::part(match){background: rgba(122,201,122,0.2)}vaadin-grid::part(exact-match){background: rgba(122,201,122,0.2);font-weight: bold}.config-entry{border: 1px dashed var(--lumo-contrast-40pct);border-radius: var(--lumo-border-radius-l)}.config-entry:hover{border: 1px dashed var(--lumo-primary-color-80pct);background-color: var(--lumo-primary-color-50pct);cursor: pointer}.standard-dashboard{vaadin-dashboard-widget{transition: all 0.15s ease;&::part(header){background-color: var(--lumo-primary-color-10pct);color: var(--header-text-color);border-radius: var(--lumo-border-radius-l);border-bottom-right-radius: 0;border-bottom-left-radius: 0}&::part(content){margin: 0}&:hover{box-shadow: var(--lumo-box-shadow-s);box-shadow-color: var(--lumo-primary-text-color)}}.content-padding::part(content){padding: 1rem 1rem}.warning{--stripe-color: #FFECB3;&::part(header){background: repeating-linear-gradient(45deg,var(--stripe-color),var(--stripe-color) 10px,#ffffff 10px,#ffffff 20px)}}.success{--stripe-color: #C8E6C9;&::part(header){background: repeating-linear-gradient(45deg,var(--stripe-color),var(--stripe-color) 10px,#ffffff 10px,#ffffff 20px)}}.error{--stripe-color: #FFCCBC;&::part(header){background: repeating-linear-gradient(45deg,var(--stripe-color),var(--stripe-color) 10px,#ffffff 10px,#ffffff 20px)}}}.text-divider{font-weight: 600;color: var(--lumo-primary-color);margin-bottom: var(--lumo-space-s);padding-left: var(--lumo-space-s);border-bottom: 3px dashed var(--lumo-primary-color-80pct)}vaadin-dialog::part(header){padding: var(--lumo-space-s) var(--lumo-space-m)}.contrast-header-dialog::part(header){padding: var(--lumo-space-s) var(--lumo-space-m);border-bottom: 1px solid var(--lumo-primary-color-80pct)}.compact-dialog::part(header){padding: var(--lumo-space-xs)}