.cancel-btn-style{background-color:var(--cancel-button-color);color:#fff;cursor:pointer;font-size:small;text-align:center}.confirm-button{cursor:pointer;font-size:12px;padding:14px}.confirm-dialog::part(header){padding:0}.confirm-dialog::part(message){font-size:larger!important;margin-top:10px}.default-btn-style{background-color:var(--layout-color);color:var(--text-color);cursor:pointer;font-size:small;text-align:center}.dialog-header-container{color:#fff!important;font-size:large;font-weight:600;padding:10px}.dialog-icon::part(icon),.dialog-icon{height:20px;width:20px}.dialog-layout{margin:0;padding:4px;width:100%}.dialog-message-container{font-size:15px;line-height:20px;margin:20px 0 0;text-align:center}.error-page-banner-title:before{background:#6b7280;bottom:20px;content:"";height:10px;left:0;opacity:.2;position:absolute;transform:skew(-45deg);width:100%}.error-page-body-container{align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:auto}.error-page-body-container .error-page-banner-title{color:#374151;font-size:150px;font-weight:700;line-height:1;margin:0;position:relative;text-align:center;width:100%}.error-page-mini-title{color:#4b5563;font-size:24px;margin:5px 0}.error-page-span-text{color:#6b7280}.header-container{background-color:var(--layout-color);border-radius:5px;border:1px solid #eee;box-shadow:0 2px 3px #0000001a;box-sizing:border-box;color:var(--text-color);padding:25px;width:100%}.header-text{color:#fff}.input-field-style{width:100%}.input-field-style::part(input-field){background-color:var(--input-field-color);border:1px solid #d3d3d3;font-size:small}.input-field-style[focused]::part(input-field){border-width:1.1px;border:1px solid #222323}.label-style::part(label){color:var(--save-button-color);font-size:12px}.main-layout-app-layout-1{background-color:var(--page-background-color)}.main-layout-app-layout-1::part(drawer){width:230px}.main-layout-app-layout-1::part(navbar){background-color:var(--layout-color)}.master-checkbox{align-self:right;border-bottom:1px solid #d3d3d3;box-sizing:border-box;color:#0c75de;font-weight:500;margin:5px 20px -30px;padding-bottom:5px;width:96%}.notification-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;overflow:hidden;width:100%}.page-header-style{background-color:var(--layout-color);color:var(--text-color);font-size:large}.save-btn-style{background-color:#25042e;color:var(--text-color);cursor:pointer;font-size:small}.save-btn-style:hover{background-color:#631878;transition:.3s linear}.save-button{color:#fff}.view-title{color:var(--text-color)}html{--lumo-font-size-l:1rem;--lumo-font-size-m:.875rem;--lumo-font-size-s:.8125rem;--lumo-font-size-xl:1.125rem;--lumo-font-size-xs:.75rem;--lumo-font-size-xxl:1.375rem;--lumo-font-size-xxs:.6875rem;--lumo-font-size-xxxl:1.75rem;--lumo-primary-color-10pct:rgba(0,213,245,.1);--lumo-primary-color-50pct:rgba(0,213,245,.5);--lumo-primary-color:rgba(0,213,245,1)}vaadin-drawer-toggle{color:#f0f8ff}:root{--page-background-color: #FFF9F6;--layout-color: #1A7F8C;--save-button-color:#390A46;--cancel-button-color:#CE3B3B;--input-field-color:#EFF2FD;--header-layout-color:#EFF2FD;--text-color:#FFF9F6;--layout-header-color:rgb(244, 142, 91);--component-shadow:0 2px 3px rgba(0,0,0, .1);--content-text-color: #64748b}.disable-button{opacity:50%}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s);background-color:var(white);color:var(--text-color)}[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;background-color:var(--layout-color);height:50px;color:#fff}[slot=drawer]:is(header,footer):is(:empty){display:none}.app-logo{width:5px}.logo-and-header-div{align-items:center;justify-content:flex-start;width:100%;margin:0;display:flex}.view-title{font-size:large}.side-nav{width:100%;margin:-5px 0}.side-nav vaadin-side-nav-item{font-size:14px;color:var(--layout-color)}.side-nav vaadin-side-nav-item:hover::part(link){transition:.5s ease;scale:1.03;background-color:#a1dbc953;border-radius:5px;color:var(--layout-color)}vaadin-side-nav-item[current]::part(link){background-color:#0d7a88;color:var(--text-color)}.current-user-label,.profile-layout vaadin-icon{color:var(--layout-color)}.user-menu-bar{width:100%;border:1px solid #fff;padding:0 5px;background-color:#fff;border-radius:5px;margin:0 -10px}.notification-icon-container{margin-right:30px;color:var(--text-color);border:1px solid rgb(255,255,255);padding:3px;border-radius:50%;font-size:12px}.notification-icon-container:hover{cursor:pointer;background-color:#fff!important;transition:.3s;color:#0d7a88}.notification-content-div h5{padding:10px 0;margin-bottom:5px;color:var(--layout-color)}.popup-image-and-content-div{gap:10px;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(138,136,136);margin:5px 0;padding:5px}.notification-content{font-size:smaller;font-family:roboto}.popover-header-layout{border-bottom:2px solid rgb(159,156,156);padding:auto 10px;justify-items:center;align-items:center}.popover-header-layout .notification-router-link{background-color:#0d7a88;padding:5px;color:#fff;font-size:smaller;border-radius:5px}.popup-content-container{display:flex;flex-direction:column;align-items:flex-start;padding:10px;gap:5px;border:1px solid rgb(230,230,230);margin:5px 0;border-radius:5px}.popover-component::part(content){max-height:500px}.popup-content-container:hover{border:1px solid #5f5f5f}.tottle-container{width:100%;display:flex;justify-content:flex-start;align-items:center}.side-nav-container{height:100%;box-sizing:border-box;align-items:center;padding:0;margin:0 0 10px}.dashboard-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}.dashboard-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)}.dashboard-view .preview-container{display:contents}.dashboard-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.dashboard-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.dashboard-view[dragging] .layout:not([style*="gap:"]){gap:8px}.dashboard-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.dashboard-view .cover-overlay{position:absolute;border-radius:1px}.dashboard-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.dashboard-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)}.dashboard-view .overlays,.dashboard-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.dashboard-view:not([dragging]) .drop-zones{pointer-events:none}.dashboard-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.dashboard-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)}.dashboard-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))}.dashboard-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)}.dashboard-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}.dashboard-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.dashboard-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.dashboard-view[readonly] .drop-zones,.dashboard-view[readonly] .overlays,.dashboard-view[inline-editing] .drop-zones,.dashboard-view[inline-editing] .overlays{display:none}.dashboard-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.dashboard-view[dragging] vaadin-form-layout{padding:8px}.dashboard-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.dashboard-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.dashboard-card{background-color:#fff;padding:15px;box-sizing:border-box;border-left:5px solid #1a7f9e;margin:10px;border-radius:5px;transition:transform .2s;box-shadow:0 2px 3px #0000001a}.dashboard-card:hover{transform:translateY(-2px);border-left:5px solid #e24c26}.sms-container{background-color:#d9fff9;border-left:5px solid #75cbc4}.sms-container h4,.sms-container span{color:#087970}.card-header-label{color:var(--content-text-color);margin:5px 0;font-weight:500;font-size:.9rem}.card-value-label{color:var(--layout-color);font-weight:700;font-size:20px}.sms-and-refresh-btn{display:flex;justify-content:space-between;align-items:center;margin:-5px 0}.sms-and-refresh-btn vaadin-button:hover{cursor:pointer;opacity:.7}.sms-and-refresh-btn .card-value-label{font-size:18px}.dashboard-table-sections{width:100%;background-color:#fff;margin-bottom:10px;box-sizing:border-box;border:1px solid #eee;border-radius:5px;box-shadow:0 2px 3px #0000001a}.table-section-header{font-size:medium;border-bottom:1px solid #cbcbcb;width:100%;margin-bottom:5px;padding-bottom:5px;color:var(--content-text-color)}.dashboard-table-div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-footer{background-color:#fff;width:100%;position:sticky;top:0}.dashboard-tables{height:350px}.dashboard-tables::part(cell){padding:5px 0;border-right:.5px solid #cbcbcb}.dashboard-tables::part(header-cell){background-color:#3a6d9c;color:#fff;font-weight:500}@media screen and (max-width: 480px){.dashboard-table-div{grid-template-columns:auto}}.lesson-plan-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}.lesson-plan-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)}.lesson-plan-view .preview-container{display:contents}.lesson-plan-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.lesson-plan-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.lesson-plan-view[dragging] .layout:not([style*="gap:"]){gap:8px}.lesson-plan-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.lesson-plan-view .cover-overlay{position:absolute;border-radius:1px}.lesson-plan-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.lesson-plan-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)}.lesson-plan-view .overlays,.lesson-plan-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.lesson-plan-view:not([dragging]) .drop-zones{pointer-events:none}.lesson-plan-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.lesson-plan-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)}.lesson-plan-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))}.lesson-plan-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)}.lesson-plan-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}.lesson-plan-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.lesson-plan-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.lesson-plan-view[readonly] .drop-zones,.lesson-plan-view[readonly] .overlays,.lesson-plan-view[inline-editing] .drop-zones,.lesson-plan-view[inline-editing] .overlays{display:none}.lesson-plan-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.lesson-plan-view[dragging] vaadin-form-layout{padding:8px}.lesson-plan-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.lesson-plan-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.lesson-plan-body-container{padding:20px;border:1px solid #ddd;background-color:#fff;box-sizing:border-box;border-radius:5px;box-shadow:var(--component-shadow)}.lessons-dialog::part(header){background-color:var(--layout-color);padding:5px 20px}.lessons-dialog h5{width:100%;text-align:left;color:#fff;box-sizing:border-box;margin:auto;text-transform:uppercase}.lessons-dialog{width:80%}.plan-container{margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lesson-grid-and-filter-container{display:grid;grid-template-columns:85% 14%;gap:10px;box-sizing:border-box}.close-button{color:#fff;cursor:pointer;border:1px solid #ffffff6c;border-radius:60%;font-size:small;padding:1px}.dialog-header-container{display:flex;justify-content:space-between;width:100%}.lessons-table::part(footer-cell){background-color:#f1f1f1}.schools-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}.schools-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)}.schools-view .preview-container{display:contents}.schools-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.schools-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.schools-view[dragging] .layout:not([style*="gap:"]){gap:8px}.schools-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.schools-view .cover-overlay{position:absolute;border-radius:1px}.schools-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.schools-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)}.schools-view .overlays,.schools-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.schools-view:not([dragging]) .drop-zones{pointer-events:none}.schools-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.schools-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)}.schools-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))}.schools-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)}.schools-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}.schools-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.schools-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.schools-view[readonly] .drop-zones,.schools-view[readonly] .overlays,.schools-view[inline-editing] .drop-zones,.schools-view[inline-editing] .overlays{display:none}.schools-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.schools-view[dragging] vaadin-form-layout{padding:8px}.schools-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.schools-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.schools-view{padding:10px}.schools-dashboard-header-layout{background-color:#fff;border:1px solid #eee;border-radius:5px;align-items:center;padding:10px}.schools-dashboard-header-layout h4{color:var(--layout-color)}.add-school-button{font-size:11px}.schools-formlayout{margin:10px auto;background-color:#fff;padding:20px;border:1px solid #e1e1e1;border-radius:10px;display:grid;grid-template-columns:15% 84%}.schools-table::part(header-cell){background-color:var(--layout-color);color:var(--page-background-color);font-size:small}.school-summary-section{border:1px solid #e8e8e8;border-radius:5px;height:100%}.school-table-section{border:1px solid rgb(247,247,247);margin:auto;padding:0}.sch-dashboard-img{width:42px;margin-bottom:-5px}.card-div{border:1px solid rgb(231,231,231);width:100%;padding:10px;box-sizing:border-box;text-align:center;box-shadow:var(--component-shadow);border-radius:9px}.card-div .card-header-label{font-size:smaller}.card-div .card-value-label{color:var(--layout-color);font-size:medium}.card-div h6{font-size:medium;color:var(--layout-color)}.edit-school-form-layout{border:1px solid #c5c5c5;box-sizing:border-box;padding:10px;border-radius:5px;gap:10px;margin:10px 5px;flex-direction:column}@media (max-width: 500px){.schools-formlayout{display:flex;flex-direction:column}.school-summary-section{display:flex}}.add-school-form-layout{padding:20px;background-color:#fff;box-sizing:border-box;border:1px solid #dedede;border-radius:5px}.add-school-view{box-sizing:border-box;background-color:var(--page-background-color)}.add-school-layout{background-color:#fff!important;justify-content:space-between;align-items:center;box-sizing:border-box;padding:10px;border:1px solid #eee}.schools-header-text{color:var(--layout-color);text-transform:UPPERCASE;font-size:14px}.add-school-button .default-btn-style{font-size:10px!important}.enrollment-number-text{color:var(--content-text-color)}.enrollment-title{color:#585858}.enrollment-div{display:flex;box-sizing:border-box;padding:20px;border-radius:5px;border:1px solid rgb(222,222,222);background-color:#e6e9ea}.checkbox-style{padding:5px 0}.checkbox-style::part(label){font-size:small;font-weight:500;color:var(--layout-color)}.print-btn{margin-bottom:10px}.fee-type-and-value-div{display:grid;grid-template-columns:60% 38%;align-items:baseline;justify-content:flex-start;flex-grow:1;gap:5px}.item-selector,.fee-cost-display{width:100%}.add-school-buttonbar{border-top:1px solid #ccc;margin:10px auto;padding:5px;gap:10px}.fee-cost-display::part(input-field){background:#ebffe2;color:#009d22;font-weight:700}.participants-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}.participants-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)}.participants-view .preview-container{display:contents}.participants-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.participants-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.participants-view[dragging] .layout:not([style*="gap:"]){gap:8px}.participants-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.participants-view .cover-overlay{position:absolute;border-radius:1px}.participants-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.participants-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)}.participants-view .overlays,.participants-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.participants-view:not([dragging]) .drop-zones{pointer-events:none}.participants-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.participants-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)}.participants-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))}.participants-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)}.participants-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}.participants-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.participants-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.participants-view[readonly] .drop-zones,.participants-view[readonly] .overlays,.participants-view[inline-editing] .drop-zones,.participants-view[inline-editing] .overlays{display:none}.participants-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.participants-view[dragging] vaadin-form-layout{padding:8px}.participants-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.participants-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.participant-header-layout{width:100%;align-items:center;background-color:#fff;padding:10px;box-sizing:border-box;border:1px solid #e6e6e6;border-radius:5px}.participant-formlayout{box-sizing:border-box;background-color:#fff;padding:20px;border:1px solid #eee;border-radius:10px;display:grid;grid-template-columns:15% 83%}.participants-layout{background-color:#fff;border-radius:5px;padding:10px;box-sizing:border-box;border:1px solid #bdbdbd;justify-content:space-between;align-items:center;width:100%}.page-header-text{color:var(--layout-color);text-transform:UPPERCASE}.view-participant-button{font-size:11px}.participants-form-layout-container{box-sizing:border-box;background-color:#fff;padding:20px;border-radius:5px;border:1px solid #ddd;gap:10px;display:grid;width:100%;text-align:center}.add-participant-form-layout{border:1px solid #ddd;padding:10px;border-radius:5px;box-sizing:border-box}.upload-image-container{border:1px solid #ddd;border-radius:5px;width:100%;box-sizing:border-box;text-align:center}.passport-image-style{width:180px;height:180px}.passport-container .enrolment-container{margin-bottom:10px}.fee-type-and-value-container{align-items:center;justify-content:baseline!important;display:grid;grid-template-columns:60% 38%;box-sizing:border-box;gap:5px}.fee-type-and-value-container .fee-value::part(input-field){background:#ebffe2;color:#009d22;font-weight:700}.guardian-section-title{margin-top:30px;padding:15px 0;background-color:#e6e9ea;color:var(--content-text-color);border-radius:2px}.enrolment-container{background-color:#e6e9ea;justify-content:center;display:flex;padding:15px;column-gap:10px;box-sizing:border-box;border-radius:2px;color:var(--content-text-color)}.enrolment-container .enrollment-number-text,.enrollment-title{color:var(--content-text-color)}.passport-container{width:40%}.button-container{gap:5px;border-top:1px solid #eee;margin-top:10px}.button-container .label-style{color:var(--text-color)}.item-edit-button{font-size:13px;width:100%;color:var(--layout-color);background-color:transparent;cursor:pointer}.item-view-button{font-size:13px;color:#1e90ff}.item-view-button:hover{cursor:pointer;transition:.4s ease;background-color:dodgerblue .5}.item-edit-button:hover{cursor:pointer;transition:.4s ease;background-color:#d2f1ed}.participant-table-flex-layout{padding:5px;gap:8px;justify-content:flex-start;box-sizing:border-box;align-items:center}.participant-table-flex-layout span{color:#5c5959}.participant-table-item-div{width:100%}.participant-table-menu-bar{cursor:pointer}.participant-dialog-header-layout{width:100%}.participant-dialog-header-layout h5{color:var(--layout-color);font-size:large}.participant-edit-dialog::part(header){background-color:#fff}.participant-edit-dialog::part(content){width:1200px;padding:0}.participant-dialog-close-btn{color:#5c5959;border-radius:100%;border:1px solid #ffffff;font-size:small;padding:10px;text-align:center}.participant-dialog-close-btn:hover{border:1px solid #a0a0a0;cursor:pointer}.participant-dialog-profile-layout{flex-direction:column;border:1px solid #e5e5e5;border-radius:5px;padding:10px;box-sizing:border-box;box-shadow:var(--component-shadow);background-color:#fff;position:sticky;width:100%;top:1rem;align-items:center;justify-content:center}.participant-dialog-content-layout{gap:10px;display:grid;grid-template-columns:20% 78%;margin:auto;box-sizing:border-box;align-items:center;align-items:self-start;width:100%;background-color:var(--page-background-color)}.participant-dialog-picture{width:180px;height:180px;border-radius:10px;padding:5px;border:1px solid #eee}.participant-edit-form-layout{border:1px solid rgb(237,237,237);align-items:center;padding:10px 20px;border-radius:5px;margin:auto;background-color:#fff}.form-header-label{margin:10px 0;border-bottom:1px solid #93b2b4;padding:10px;box-sizing:border-box;border-radius:2px;color:var(--layout-color);background-color:#e5e5e5}.flex-buttons-container{column-gap:10px;display:flex;justify-content:space-between}.participant-dialog-header-container{justify-content:space-between;align-items:center;display:flex}.participant-dialog-header-container span{font-size:12px;margin:10px 0}.participant-sheet-upload-layout{border:1px solid rgb(231,231,231);border-radius:5px;display:block;background-color:transparent;height:100vh;box-sizing:border-box}.dialog-close-btn{border:1px solid #ddd;border-radius:100%;padding:5px;cursor:pointer;color:#000;font-size:14px}.upload-section-container{border:1px solid #ddd;margin-bottom:10px;padding:1px 10px;box-sizing:border-box;border-radius:5px}.participant-upload-dialog::part(backdrop){filter:blur(34%);background-color:#dfdfdf}.table-sample-download-btn{font-size:12px;margin-right:10px;text-decoration:none;color:var(--layout-color);cursor:pointer}.participant-upload-grid{max-height:500px}.bulk-upload-btn{background-color:transparent;color:var(--layout-color);border:1px solid var(--layout-color);padding:1px}.upload-participant-header-title{color:var(--content-text-color)}@media (max-width: 500px){.participant-formlayout{display:flex;flex-direction:column;height:100vh}.school-summary-section{display:flex}.participants-form-layout-container{flex-wrap:wrap}.upload-image-container{display:flex;gap:10px;width:100%;align-items:center;justify-content:center}.passport-container{width:100%}.participant-dialog-content-layout{display:flex;flex-direction:column}.participant-dialog-profile-layout{flex-basis:100%;position:static}.participant-edit-dialog::part(content){margin:auto;max-width:100%}}.instructors-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}.instructors-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)}.instructors-view .preview-container{display:contents}.instructors-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.instructors-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.instructors-view[dragging] .layout:not([style*="gap:"]){gap:8px}.instructors-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.instructors-view .cover-overlay{position:absolute;border-radius:1px}.instructors-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.instructors-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)}.instructors-view .overlays,.instructors-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.instructors-view:not([dragging]) .drop-zones{pointer-events:none}.instructors-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.instructors-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)}.instructors-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))}.instructors-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)}.instructors-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}.instructors-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.instructors-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.instructors-view[readonly] .drop-zones,.instructors-view[readonly] .overlays,.instructors-view[inline-editing] .drop-zones,.instructors-view[inline-editing] .overlays{display:none}.instructors-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.instructors-view[dragging] vaadin-form-layout{padding:8px}.instructors-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.instructors-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.instructors-view-header-container{background-color:#fff;padding:10px;box-sizing:border-box;border-radius:5px;border:1px solid #d8d8d8}.instructor-header-text{color:var(--layout-text)}.instructors-view-header-container .default-btn-style{font-size:11px}.instructors-view-content{background-color:#fff;padding:0;border-radius:5px;width:100%}.filter-field{width:100%;margin-bottom:-10px}.filter-container{align-items:baseline;justify-content:space-between;width:100%;gap:10px;display:flex}.filter-container .label-style{padding:0;margin-top:5px}.instructor-form-layout{background-color:#fff;padding:15px;border-radius:5px;border:1px solid #ddd;margin:auto}.instructor-form-header-text{background-color:var(--layout-color);color:var(--text-color);padding:20px 10px;border-radius:5px;box-sizing:border-box}.buttons-layout{margin-top:15px;border-top:1px solid #e4e4e4;padding-top:10px}.buttons-layout .default-btn-style{margin-right:10px}.passport-image-container{border:1px solid rgb(230,230,230);border-radius:5px;align-items:center;justify-content:baseline;padding:5px;text-align:center;max-width:220px;background-color:#fff}.instructor-flex-layout{box-sizing:border-box;padding:20px;border-radius:5px;border:1px solid #ece8e8;gap:10px;align-items:flex-start;justify-content:first baseline}.instructor-edit-dialog::part(content){box-sizing:border-box}.instructor-dialog-content{border:1px solid rgb(242,242,242);box-sizing:border-box;padding:10px;background-color:#fff}@media screen and (max-width: 500px){.filter-container,.instructor-flex-layout,.passport-image-container{flex-direction:column}.filter-container .label-style{width:100%}.passport-image-container{max-width:100%}}.payments-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}.payments-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)}.payments-view .preview-container{display:contents}.payments-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.payments-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.payments-view[dragging] .layout:not([style*="gap:"]){gap:8px}.payments-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.payments-view .cover-overlay{position:absolute;border-radius:1px}.payments-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.payments-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)}.payments-view .overlays,.payments-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.payments-view:not([dragging]) .drop-zones{pointer-events:none}.payments-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.payments-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)}.payments-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))}.payments-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)}.payments-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}.payments-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.payments-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.payments-view[readonly] .drop-zones,.payments-view[readonly] .overlays,.payments-view[inline-editing] .drop-zones,.payments-view[inline-editing] .overlays{display:none}.payments-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.payments-view[dragging] vaadin-form-layout{padding:8px}.payments-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.payments-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.payment-details-container,.collection-point-container{background-color:#fff;border:1px solid #e5e5e5;border-radius:5px;max-width:80%;margin:auto;box-shadow:var(--component-shadow)}.collection-point-container .invoice-details-title-text{border-bottom:1px solid rgb(196,196,196);width:100%;padding-bottom:5px}.invoice-display-title-and-edit-container{display:flex;width:100%;border-bottom:1px solid #b8b8b8;align-items:center;justify-content:baseline;padding-bottom:5px}.invoice-details-title-text{color:var(--layout-color);font-size:large;align-items:start}.invoice-details-edit-button{border-radius:5px;color:#0031d2;margin-left:5px;font-size:medium}.invoice-details-edit-button:hover{color:#041466;cursor:pointer}.payment-invoice-display-field{background-color:#eff4ff;padding:20px;width:100%;box-sizing:border-box;border-radius:5px;align-items:center}.payment-invoice-display-field::part(input-field){font-size:larger;text-align:left;color:var(--layout-color)}.invoice-item-container{border-bottom:1px solid rgb(235,235,235);box-sizing:border-box;padding:8px;display:grid;grid-template-columns:35% 64%;gap:5px;align-items:baseline}.invoice-item-label{color:#525252;font-size:14px;font-style:italic}.invoice-value{color:var(--layout-color);align-items:center;justify-content:flex-start;width:100%}.invoice-status-value{color:#ce0404}.payment-history-container{background-color:#fff;box-sizing:border-box;border:1px solid #ddde;border-radius:5px}.item-export-btn{color:var(--layout-color);background-color:transparent;cursor:pointer}.receipt-amount-text{font-size:small;font-weight:500;color:#d60000;text-align:center;justify-content:center}.pdf-print-button{font-size:small;width:5%;justify-content:stretch;border-radius:1px;align-self:center;text-align:center;box-sizing:border-box;padding:10px 1px;margin-top:-10px}.paid-invoices-header-container{box-sizing:border-box}.paid-invoices-header-container .label-style{margin-bottom:5px!important}.cleared-invoices-container{box-sizing:border-box}.name-and-id-container{display:flex;flex-direction:column;gap:5px}.name-and-id-container:first-child{font-size:14px;color:#454545;font-weight:600}.name-and-id-container .payer-id-text{color:#828282;font-size:12px;font-weight:500}@media screen and (max-width: 500px){.payment-details-container{max-width:100%}.invoice-item-container{grid-template-columns:1fr}.invoice-value{margin:0}.collection-point-container{max-width:100%}}.accounting-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}.accounting-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)}.accounting-view .preview-container{display:contents}.accounting-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.accounting-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.accounting-view[dragging] .layout:not([style*="gap:"]){gap:8px}.accounting-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.accounting-view .cover-overlay{position:absolute;border-radius:1px}.accounting-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.accounting-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)}.accounting-view .overlays,.accounting-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.accounting-view:not([dragging]) .drop-zones{pointer-events:none}.accounting-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.accounting-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)}.accounting-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))}.accounting-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)}.accounting-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}.accounting-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.accounting-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.accounting-view[readonly] .drop-zones,.accounting-view[readonly] .overlays,.accounting-view[inline-editing] .drop-zones,.accounting-view[inline-editing] .overlays{display:none}.accounting-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.accounting-view[dragging] vaadin-form-layout{padding:8px}.accounting-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.accounting-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.fee-type-body{box-sizing:border-box;display:grid;grid-template-columns:20% 79%}.fee-type-form-container{border:1px solid rgb(239,239,239);padding:10px;box-sizing:border-box;background-color:#fff!important;border-radius:5px}.fee-type-form-title{color:#fff;background-color:var(--layout-color);padding:10px;width:100%;box-sizing:border-box}.fees-grid::part(header-cell){background-color:var(--layout-color);color:var(--text-color)}.fees-grid{height:100%}.fee-type-header-container{padding:15px;width:100%;box-sizing:border-box;border-radius:5px;background-color:#fff;box-shadow:var(--component-shadow)}.fee-type-header-container .schools-header-text{color:var(--save-button-color)}.ruler{background-color:#cecece}.item-delete-button{font-size:12px;color:red;background-color:transparent;cursor:pointer}.item-delete-button:hover{background-color:#ffe6e6;transition:.3s ease;padding:1px}.fee-type-grid-item-detailed-layout{border:1px solid rgb(214,214,214);padding:10px 20px;box-sizing:border-box;border-radius:5px;margin:auto}.table-details-header-text{text-transform:uppercase;border-bottom:1px solid #ccc;padding:10px 0;color:var(--content-text-color)}.generate-invoice-tabs-container{border:1px solid #cdcdcd;background-color:#fff;border-radius:5px;padding:5px;box-sizing:border-box;margin:auto}.generate-invoice-tabs-container[selected]{background-color:red!important}.invoice-tab,.invoice-tab-title{color:var(--layout-color);font-size:12px;cursor:pointer}.invoice-tab{padding:0 20px}.invoice-tab[selected],.invoice-tab:before{transition:.3s ease-in-out;background-color:#eaeaea;border-radius:3px 3px 0 0}.invoice-tab-content-title{color:#5a5a5a;border-bottom:1px solid #eee;width:100%;font-weight:600;font-size:14px;background-color:#e3e3e3;padding:10px;text-align:center}.checkbox-and-list-container{border:1px solid rgb(229,229,229);box-sizing:border-box;padding:8px;border-radius:5px;margin:10px auto;width:100%}.participant-invoice-inner-formLayout{justify-content:baseline;align-items:center}.student-list-box{width:100%;border:1px solid rgb(196,196,224);border:none;height:200px}.list-checkbox::part(label){color:#313131;font-size:14px}.list-checkbox::part(checkbox):after{background-color:#000;border-radius:5px}.list-checkbox[active]::part(checkbox){background-color:#000;border-radius:5px}.read-only-field::part(input-field){background-color:#e9ffe9;font-weight:600;color:green}.filter-container .filter-field{width:90%}.filter-container .limit-selector{width:10%}.account-dashboard-layout{border:1px solid rgb(224,224,224);padding:10px;background-color:#fff;border-radius:5px;box-sizing:border-box;text-align:center}.participant-header-text{color:var(--content-text-color);width:100%;border-bottom:1px solid #cdcdcd;padding:10px;margin-bottom:10px;font-size:medium}.account-dashboard-container{padding:20px 10px;background-color:#f1faff;box-sizing:border-box;border:1px solid #eee;border-radius:5px;margin:5px auto;text-align:center;flex-wrap:wrap}.account-dashboard-container .item-value-text{color:#5a5a5a}.account-dashboard-container:hover{transition:.3s ease;scale:1.02}.account-dashboard-container .item-value-text{font-size:20px;color:var(--layout-color);margin-top:10px}.account-div-container{background-color:#339ca3;color:#fff}.account-div-container .item-value-text{color:#fff}@media screen and (max-width: 500px){.fee-type-body{box-sizing:border-box;display:flex;flex-direction:column}.fees-grid{padding:200px 0}.button-container{box-sizing:border-box;flex-direction:column}.filter-container{flex-direction:column;align-items:baseline;justify-content:baseline}.filter-container .limit-selector,.filter-container .filter-field{width:100%}}.reports-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}.reports-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)}.reports-view .preview-container{display:contents}.reports-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.reports-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.reports-view[dragging] .layout:not([style*="gap:"]){gap:8px}.reports-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.reports-view .cover-overlay{position:absolute;border-radius:1px}.reports-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.reports-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)}.reports-view .overlays,.reports-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.reports-view:not([dragging]) .drop-zones{pointer-events:none}.reports-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.reports-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)}.reports-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))}.reports-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)}.reports-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}.reports-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.reports-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.reports-view[readonly] .drop-zones,.reports-view[readonly] .overlays,.reports-view[inline-editing] .drop-zones,.reports-view[inline-editing] .overlays{display:none}.reports-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.reports-view[dragging] vaadin-form-layout{padding:8px}.reports-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.reports-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.reports-menu-bar{background-color:transparent}.view-invoice-container{background:#fff;border:1px solid #eee;border-radius:2px;box-sizing:border-box;height:100vh}.reports-inner-links{color:var(--layout-color);margin:5px;cursor:pointer}.active-link{color:#fff;background-color:var(--layout-color);border:1px solid none}.system-configuration-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}.system-configuration-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)}.system-configuration-view .preview-container{display:contents}.system-configuration-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.system-configuration-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.system-configuration-view[dragging] .layout:not([style*="gap:"]){gap:8px}.system-configuration-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.system-configuration-view .cover-overlay{position:absolute;border-radius:1px}.system-configuration-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.system-configuration-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)}.system-configuration-view .overlays,.system-configuration-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.system-configuration-view:not([dragging]) .drop-zones{pointer-events:none}.system-configuration-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.system-configuration-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)}.system-configuration-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))}.system-configuration-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}.system-configuration-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}.system-configuration-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.system-configuration-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.system-configuration-view[readonly] .drop-zones,.system-configuration-view[readonly] .overlays,.system-configuration-view[inline-editing] .drop-zones,.system-configuration-view[inline-editing] .overlays{display:none}.system-configuration-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.system-configuration-view[dragging] vaadin-form-layout{padding:8px}.system-configuration-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.system-configuration-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.content-page{background-color:var(--page-background-color);width:100%;box-sizing:border-box}.section-container{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #1a19191a;border:1px solid #ccc;box-sizing:border-box;padding:10px}.roles-header-text{width:100%;padding:20px 0;border-radius:5px;text-align:center;color:var(--content-text-color);background-color:#ededed71}.role-header-container{width:100%;padding:0 20px;margin-bottom:10px;box-sizing:border-box}.role-selector::part(input-field){border-radius:5px;padding:5px;border:1px solid #ddd}.role-selector{width:100%}.roles-form-layout{margin:20px}.checkbox-style{margin:2px;color:#5a5a5a;cursor:pointer}.checkbox-style::part(checkbox):after{background-color:var(--layout-color);border-radius:5px}.roles-button-container{display:flex;box-sizing:border-box;align-items:center;justify-content:flex-end;padding:10px;width:100%}.content-layout{background-color:#fff;border-radius:5px;border:1px solid #eee;display:flex;flex-direction:column;padding:20px}.content-layout .input-field-style{width:100%}.content-layout .default-btn-style{margin-top:20px;width:100%}.inner-header-text{font-size:24px;font-weight:500;color:#4a4848;margin-bottom:10px;width:100%}.image-and-signature-container{border:1px solid #e6e6e6;justify-content:space-between;border-radius:10px;margin-top:8px;padding:10px;gap:10px;box-sizing:border-box}.settings-logo-image-container{border:1px solid #eee;display:flex;width:100%;align-items:center;justify-content:center}.settings-signature-container{border:1px solid #eee;display:flex;width:100%;padding:10px;align-items:center}.app-logo{width:100px;border:1px solid rgb(225,225,225);border-radius:5px;margin:5px}.system-config-logo-text{font-size:12px;color:#7e7e7e}.session-expired-view{box-sizing:border-box}.session-expired-view::part(backdrop){background-color:#f9fbff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.session-expired-container{max-width:350px}.session-expired-title{margin:0;font-size:var(--lumo-font-size-xl);color:var(--lumo-header-text-color)}.session-expired-message{color:var(--lumo-secondary-text-color);text-align:center}.session-expired-button{background-color:var(--layout-color);color:var(--lumo-primary-contrast-color);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);cursor:pointer}@media screen and (max-width: 760px){.image-and-signature-container{flex-direction:column}}@media screen and (max-width: 740px){.chat-view{flex-direction:column-reverse}.chat-view aside{width:100%!important;flex-direction:row}.chat-view aside header{display:none}.chat-view aside vaadin-tabs{flex:1 1 auto;overflow:auto}.chat-view aside vaadin-tabs vaadin-tab.justify-between{justify-content:flex-start}}.page-layout{background-color:var(--layout-color);height:100vh;width:100%}.login-layout{background-color:#fff;border-radius:10px;margin:auto;padding:20px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;max-width:30%;box-shadow:0 4px 6px #0000001a}.login-title-div{display:flex;align-items:center;justify-content:center;padding:5px;margin:0;gap:10px}.logo-icon{width:50px}.login-header-title{color:var(--save-button-color)}.sign-in-span{color:var(--layout-color);border-bottom:1px solid rgb(227,227,227);margin:-5px 0;text-align:center;font-weight:500}.login-title-div,.sign-in-span,.login-layout .input-field-style,.login-layout .default-btn-style{width:100%}.forgot-password-link{font-size:small;color:var(--layout-color)}.login-layout .input-field-style{margin:-10px}.login-layout .input-field-style::part(input-field){font-size:small;color:#000}.error-indicator{font-size:small;color:red!important;background-color:#ffe1e0!important;text-align:center;border-radius:5px!important;padding:5px}@media (max-width: 760px){.page-layout{padding:20px;height:100vh}.login-layout{max-width:100%}.login-title-div{flex-direction:column;text-align:center}}.notification-layout{padding:0;box-sizing:border-box}.notification-header-style{padding:10px}.notification-section-container{box-sizing:border-box;text-align:center}.inner-layout{box-sizing:border-box;padding:20px}.notification-icon{color:#13869a;background:#edf8ff;padding:5px;border-radius:50%;font-size:20px}.notification-content-container{width:100%;border:1px solid rgb(235,235,235);padding:5px 20px;border-radius:5px;align-items:center;box-sizing:border-box;border-left:5px solid var(--layout-color)}.notification-content-container:hover{background-color:#f5f5f5;cursor:pointer;transition:.3s linear;scale:1.01}.notification-read-btn{color:var(--layout-color);justify-content:flex-end;border:1px solid #ddd}.notification-read-btn:hover{background-color:#eee;cursor:pointer;transition:.3s linear;scale:.95}.notification-body-container{display:flex;flex-direction:column;padding:5px;margin-left:10px}.content-and-icon{display:flex;align-items:center;justify-content:flex-start;width:100%}.notification-message{color:var(--layout-color);padding:10px 0;font-weight:500}.notification-date-time{font-size:small;color:#ba4444}.notification-details-layout{background-color:#fff;border:1px solid #eee;box-sizing:border-box;border-radius:10px}.notification-shortcode-container{display:flex;flex-direction:column;border:1px solid #ffffff;width:100%;padding:20px;box-sizing:border-box;border-radius:5px;font-weight:600;background-color:#eff9ff;text-align:center}.notification-variable-desc-text{color:#999;font-weight:400;padding:6px 0}.notification-details-header-text{font-size:small}.notification-details{background-color:var(--layout-color);border:1px solid #d4d4d4;border-radius:0 0 5px 5px}.notification-details:hover{cursor:pointer;transition:.3s ease}.detains-inner-layout .input-field-style,.detains-inner-layout .default-btn-style{width:100%}.details-inner-layout .checkbox-style{align-self:flex-end}.notification-details::part(content){background-color:#fff}.notification-details-header-text{color:var(--text-color)}.notification-details::part(toggle){transition:.4s ease-in}@media screen and (max-width: 760px){.stock-adjustment-grid-editor-layout{flex-direction:column;row-gap:1px}.stock-adjustment-grid-editor-layout .inner-component{width:100%}.notification-icon{visibility:hidden}}.expenditure-page-header-style{background-color:#fff;width:100%;justify-content:space-between;align-items:center;padding:10px;border-radius:5px;border:1px solid #eee}.expenditure-filter-section{justify-content:space-between;align-items:center;width:100%;background-color:#fff;border-radius:5px;border:1px solid rgb(240,240,240);box-sizing:border-box;padding:10px}.expenditure-second-container,.expenditure-first-container{margin:auto;box-sizing:border-box}.expenditure-first-container span{font-size:small;color:#333}.expenditure-first-container h5{font-size:20px;color:var(--layout-color);margin-top:5px}.expenditure-second-container{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;align-items:baseline}.expenditure-first-container{padding:10px;background-color:#eff7fb;border-radius:5px;border:1px solid #eee}.expenditure-grid-layout{background-color:#fff}.add-expenditure-dialog{max-width:70%;box-sizing:border-box}.add-expenditure-form-layout{width:100%;border:1px solid #dcd9d996;padding:10px;box-sizing:border-box;margin:10px 0;border-radius:5px}.add-expenditure-dialog::part(header){padding:0;background-color:#f3f3f3}.add-expenditure-layout h4{font-size:large;color:var(--layout-color)}.add-expenditure-layout{width:100%;padding:20px}.dialog-close-button{font-size:10px;font-weight:100;cursor:pointer;position:relative;color:red}@media screen and (max-width: 760px){.expenditure-second-container{grid-template-columns:auto}.add-expenditure-dialog{max-width:100%}}.store-header-layout{background-color:#fff;padding:20px;border:1px solid #eee;border-radius:5px}.store-header-text{color:var(--layout-color)}.store-add-item-formlayout{background-color:#fff;box-shadow:var(--component-shadow);padding:30px 20px}.store-table-section .store-item-filter-container{box-sizing:border-box}.store-table-section{background-color:#fff;border-radius:5px;box-sizing:border-box;box-shadow:var(--component-shadow)}.store-table-section .notification-read-btn{font-size:smaller;cursor:pointer}.item-quantity-status{font-weight:500;font-size:14px;box-sizing:border-box}.suppliers-page-content-layout{background-color:#fff;padding:20px;border-radius:5px;box-sizing:border-box;box-shadow:var(--component-shadow)}.supplier-form-layout{margin:auto;border-radius:5px;box-sizing:border-box;border:1px solid #eee;background-color:#fafafa}.supplier-form-layout h4{border-bottom:1px solid #dedddd;padding-bottom:5px;color:#636363;width:100%}.supplier-form-layout .input-field-style{width:100%}.stock-adjustment-layout{background-color:#fff;padding:20px;border-radius:5px;box-sizing:border-box;box-shadow:var(--component-shadow)}.adjustment-view-filter-section{border:1px solid #eee;border-radius:5px;padding:5px;box-sizing:border-box}.adjustment-view-filter-section .limit-selector{width:90%}.sales-body-content{margin-top:-10px}.sales-view-form-layout{flex-basis:30%;border:1px solid #ddd;background-color:#fff;box-shadow:var(--component-shadow);padding:10px;border-radius:5px}.display-total-value-input::part(input-field){align-self:flex-start;background-color:#e8ffe8;color:#00aa2d;font-weight:900;font-size:larger;margin-right:10px}.sales-view-grid-and-button-layout{background-color:#fff;box-shadow:var(--component-shadow)}.sales-id-text{color:var(--layout-color);font-weight:500;padding:5px;border-bottom:1px solid #ddd;box-sizing:border-box}.buttons-container{align-items:baseline}#transaction-id-field::part(input-field){color:#333}.stock-adjustment-grid-editor-layout{border:1px solid rgb(211,211,211);border-radius:5px;box-sizing:border-box;padding:10px;margin:10px 0;gap:10px;align-items:baseline;justify-content:center;background-color:#fff;display:grid;grid-template-columns:repeat(4,1fr)}.stock-adjustment-table::part(footer-cell){background-color:#ededed}.stock-adjustment-grid-editor-layout .details-header-text{grid-column:span 4}.adjustment-view-filter-section .limit-selector{box-sizing:border-box;margin-top:10px;width:100%}.details-header-text{border-bottom:1px solid #d1d1d1;font-weight:500;color:var(--content-text-color);border-radius:3px;width:100%;margin:0;padding:10px;box-sizing:border-box;flex-basis:100%}.item-list-form-editor-layout{padding:20px;border:1px solid rgb(217,217,217);border-radius:5px;margin:10px auto;width:90%;background-color:#fff}.item-list-form-editor-layout h6{border-bottom:1px solid #e8e8e8;color:var(--content-text-color);padding:10px;border-radius:5px;box-sizing:border-box}.item-list-form-editor-layout div{border-top:1px solid rgb(231,231,231);margin-top:8px;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;padding:5px}.lesson-form-editor-layout{display:grid;box-sizing:border-box;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(50px,auto);align-items:baseline;column-gap:20px}.lesson-form-editor-layout .item-list-inner-form-header-text{grid-column:span 4;border-bottom:1px solid #ddd;padding-bottom:10px;color:var(--content-text-color)}.lesson-form-editor-layout .center-selector,.instructor-selector{grid-column:span 2}.lesson-form-editor-layout .lesson-comments-field{grid-column:span 3}.lesson-form-editor-layout .lesson-update-button{grid-column:span 4;cursor:pointer}.sales-history-content-layout{background-color:#fff;border:1px solid #ddd;border-radius:4px}.sales-filter-container{display:grid;width:100%;gap:10px!important;box-sizing:border-box;grid-template-columns:90% 9%}.sold-items-child-grid-container{background-color:#fff;border-radius:3px;border:1px solid rgb(145,142,142);margin:10px 0}.sold-item-child-grid-header-text{border-bottom:1px solid #ddd;padding:15px;box-sizing:border-box;color:var(--layout-color);font-weight:600;text-align:left;width:100%;background-color:#e1e8f3ac;border-radius:2px}.view-button{color:var(--layout-color);background-color:transparent;cursor:pointer;padding:5px 0;border-radius:100%}.view-button:hover{border:1px solid rgb(167,167,167)}@media screen and (max-width:760px){.adjustment-view-filter-section,.sales-filter-container{width:100%;display:flex;flex-direction:column;flex-wrap:wrap}.adjustment-view-filter-section .limit-selector{width:100%}.supplier-form-layout{min-width:100%;margin-bottom:20px}.sales-body-content{flex-direction:column}.sales-view-form-layout{flex-basis:100%}.display-total-value-input,#transaction-id-field{width:100%;flex-basis:100%}.stock-adjustment-grid-editor-layout{display:flex;flex-direction:column}.lessons-dialog{margin:auto;width:90%}.plan-container,.lesson-grid-and-filter-container{grid-template-columns:repeat(1,1fr)}.lesson-form-editor-layout{display:flex;flex-direction:column}.lesson-form-editor-layout *{width:100%}}.user-profile-inner-body-section{box-sizing:border-box;gap:10px!important}.user-profile-info-section{padding:0}.user-profile-aside-section{flex-basis:30%;position:sticky;top:2rem;align-self:start;background-color:#fff;border-radius:10px;border:1px solid #eaeaea;align-items:center;height:300px;box-shadow:var(--component-shadow)}.user-profile-form-layout{background-color:#fff;padding:20px;border:1px solid #ebebeb;border-radius:8px;margin:0}.user-profile-form-layout .profile-button{margin-top:20px}.user-profile-avatar{width:70px;padding:15px;background-color:var(--content-text-color);margin:20px 10px;border-radius:50%}.edit-button-style{color:#fff;background-color:red;font-size:smaller}.edit-button-style:hover{background-color:#ce0505;cursor:pointer;transition:.3s}.user-profile-name-text{font-weight:700;color:var(--layout-color);margin-bottom:10px;font-size:large}.user-profile-role-text{font-weight:500;font-size:14px;color:#949494;margin-bottom:10px}.user-profile-section-title{margin-bottom:10px;color:var(--content-text-color)}.add-user-header-section{box-sizing:border-box;padding:15px}.users-table-layout{width:100%;background-color:#fff;box-sizing:border-box;padding:20px;border-radius:10px;border:1px solid #ccc}.add-user-body-content-section{box-sizing:border-box;gap:10px}.add-user-form-layout{background-color:#fff;border:1px solid #ccc;padding:20px;border-radius:8px;box-shadow:var(--component-shadow);flex-basis:30%;transition:.5s ease-in-out}.add-user-username-column{gap:5px;margin:5px;align-items:center;justify-content:flex-start}.add-user-username-column h6{color:#434343;margin-bottom:8px;font-size:13px}.add-user-username-column span{color:#858585}.users-view-add-user-btn{align-self:flex-end;width:100px;margin-top:20px}.logs-card-layout{background-color:#fff;border-radius:5px;border:1px solid #ddd}.logs-card-flexlayout{border:1px solid rgb(223,223,223);border-radius:7px;width:100%;padding:10px;box-sizing:border-box;background-color:#fff}.logs-card-flexlayout:hover{transition:.4s ease-in;scale:1.01}.filter-field-container .filter-field{width:500px}.form-header-text{color:var(--layout-color);border-bottom:1px solid #ddd;padding-bottom:5px}.disable-field::part(input-field){background-color:#dadada;color:#434343;font-size:medium}@media screen and (max-width: 500px){.user-profile-inner-body-section,.add-user-body-content-section{flex-direction:column}.user-profile-aside-section{flex-basis:100%;position:static!important}}.reset-view-component-layout{margin:auto;border:1px solid rgb(201,201,201);align-items:center;max-width:350px;padding:30px;background-color:#fff;border-radius:10px}.reset-view-opt-layout{line-height:-10px}.reset-icon{background-color:var(--layout-color);width:40px;border-radius:30%;padding:10px;margin-bottom:5px}.reset-view-header-text{font-size:large;color:var(--content-text-color);font-weight:600}.reset-view-sub-text{color:#848282;text-align:center}.reset-view-stepper{background-color:#000;color:#fff;font-size:16px;padding:5px;border-radius:50%;height:20px;width:20px;text-align:center;font-weight:600}.reset-view-email-field{width:100%}.reset-view-header-div{align-items:center;display:flex;flex-direction:column}.reset-timer{color:red;font-size:large;text-align:center;font-weight:500;width:50px;height:50px;padding:5px;margin:-5px}.reset-view-resend-link{color:var(--layout-color);padding:-4px 1px;text-align:center;border-radius:5px;font-size:smaller}.reset-view-resend-link:hover{background-color:#eee;transition:.3s;cursor:pointer}.password-and-resetbutton-container{width:100%}.password-and-resetbutton-container .default-btn-style{width:100%;margin-top:10px}.reset-view-back-and-resend-container{display:flex;align-items:center;justify-content:space-between;width:100%}.reset-view-opt-field::part(input-field){font-size:25px;padding:5px;text-align:center;border-radius:25px}.reset-view-opt-field,.reset-view-input-field{width:100%}.table-item-div{padding:8px}.table-item-div span{font-size:small;color:gray}.table-item-div h5{color:var(--layout-color)}.invoice-button{width:100%;margin:5px 0;cursor:pointer;font-size:smaller;display:flex;justify-content:start;align-self:center}.invoice-menu-bar::part(label){font-size:smaller;color:var(--layout-color)}.invoice-menu-bar[expanded]{max-width:50px}.invoice-menu-bar::part(content){padding:50px}.invoice-edit-dialog::part(content){max-width:1100px}.invoice-delete-button{display:flex;align-items:center;padding-left:5px}.invoice-edit-layout{background-color:#fff;border:1px solid #eee;box-shadow:var(--component-shadow);padding:20px;border-radius:5px;margin:10px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(30%,1fr));gap:10px;align-items:baseline;box-sizing:border-box;width:100%}.invoice-edit-layout .edit-invoice-container-title,.edit-invoice-comments-field{grid-column:span 3}.invoice-edit-cards-layout{background-color:#fff;border:1px solid #eee;box-shadow:var(--component-shadow);padding:20px;border-radius:5px;margin:10px 0}.edit-invoice-dialog-header-container{width:100%}.edit-invoice-dialog-header-container .dialog-header-text{color:var(--layout-color);font-size:larger}.edit-invoice-container-title{color:var(--layout-color)!important;font-size:medium;margin-bottom:10px;width:100%;background-color:#edf8fd;padding:10px;box-sizing:border-box;border-radius:5px}.table-footer-style{text-align:center;color:var(--layout-color);font-weight:500}.invoice-school-list-table{height:250px!important;box-sizing:border-box}.invoice-school-list-table .student-list-box{height:90%;box-sizing:border-box;margin-top:10px}.invoice-school-list-table h5{padding:10px;width:100%;color:var(--layout-color);background-color:#f5f7ff;box-sizing:border-box;border-radius:1px}.page-title-label{color:var(--layout-color);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #d1cfcf}.gradeAndStudentContainer{border:1px solid #ddd;margin-top:10px;border-radius:5px}@media screen and (max-width:500px){.invoice-edit-layout .edit-invoice-container-title,.edit-invoice-comments-field{grid-column:auto}.invoice-edit-layout{grid-template-columns:1fr;gap:0}}.exams-view-filter-container{background-color:#fff;border-radius:5px;box-sizing:border-box;width:100%}.exams-view-page-layout{background-color:#fff;box-sizing:border-box;min-height:100vh;border:1px solid #ddd;border-radius:5px}.dialog-header-style{align-items:center;box-sizing:border-box}.dialog-header-style span{font-size:14px;text-align:center;width:30px;border-radius:100%;box-sizing:border-box;font-weight:500}.dialog-header-style span:hover{background-color:#ededed;transition:.3ms ease}.dialog-box-style::part(header){background-color:red}.dialog-box-style::part(content){width:700px}.exams-dialog-content-layout{border:1px solid #e9d7d7;border-radius:5px;margin:10px;padding:10px}.menu-item-btn{cursor:pointer;font-size:medium}.delete-item-btn{color:red;padding:5px}.publish-btn{color:green}.publish-btn:hover,.delete-item-btn:hover{opacity:.8}.update-exams-form-layout{border:1px solid #c5c5c5;border-radius:5px;padding:10px;background-color:#fff;margin:10px}.update-exams-form-layout .checkbox-style{border:1px solid #d6d6d6;width:100%;box-sizing:border-box;margin-right:20px;border-radius:4px;padding:5px}.exams-edit-header-text{color:var(--content-text-color)}.exams-dialog-content-layout vaadin-button{cursor:pointer!important}.update-result-header-layout{background-color:#fff;border:1px solid #c5c5c5;border-radius:5px;box-sizing:border-box;padding:20px;flex-direction:column}.update-result-header-layout .update-exam-section1{font-weight:500}.menu-item-button{background-color:transparent!important}.marks-field::part(input-field){font-size:medium;font-weight:600}.update-result-header-layout .update-exam-section1{color:var(--content-text-color);font-style:italic}.update-result-header-layout .exam-title{color:var(--layout-color);margin-bottom:10px;border-bottom:1px solid #c5c5c5;padding:10px 0}.exam-result-header-container{line-height:15px;box-sizing:border-box!important;padding:10px;border-radius:5px;box-shadow:var(--component-shadow);background:#fff}.exam-result-header-container p{color:var(--content-text-color);font-weight:500}.exam-result-header-container .exam-title{color:var(--layout-color);border-bottom:1px solid #c5c5c5;padding-bottom:5px;font-size:20px}.exams-result-body-section .default-btn-style{align-self:center}.exam-header-section{border:1px solid rgb(232,232,232)!important;padding:10px;box-sizing:border-box;border-radius:5px;width:100%}.exam-result-header-container .section2{display:block}.section2 .exam-title{margin-bottom:10px}.exams-result-body-section{background-color:#fff;border:1px solid #eee;box-sizing:border-box}.exam-result-filter-container .exam-title{color:var(--content-text-color)}.exam-result-filter-container{border:1px solid #eee;border-radius:5px}.exam-result-filter-container .section1{line-height:10px}.results-input-container{gap:10px!important}.results-input-container .results-input-fields::part(input-field){width:100%;color:red!important}.result-input-total-score::part(input-field){color:#e80909;font-weight:600}.exams-result-body-section .schools-table{padding:20% 0;box-sizing:border-box;color:var(--content-text-color);background-color:#fff;margin:10px 0}.exams-result-body-section .remarks-section{display:flex;align-items:baseline;gap:10px;box-sizing:border-box}.update-exams-body-container{padding:20px;box-sizing:border-box;background-color:#fff;border:1px solid #ddd;border-radius:5px;height:100vh!important}.update-exams-body-container vaadin-grid::part(header-cell){background-color:var(--layout-color);color:#fff}.update-exams-body-container vaadin-grid{margin-top:10px}.update-result-form{border:1px solid #ddd;margin:10px 0;border-radius:5px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.update-result-form vaadin-button{align-self:flex-end;grid-column:span 3}.update-result-form .teacher-field,.school-field,.page-header-text{grid-column:span 3}.participants-layout p{color:var(--content-text-color)}.exam-report-list-box{border:1px solid rgb(218,218,218);border-radius:5px;box-shadow:var(--component-shadow);padding:10px;height:100%;box-sizing:border-box;color:var(--content-text-color)}.exam-report-list-box h5{color:var(--layout-color)}.exam-report-list-box[active]{background:red}.exams-view-page-layout{height:100%;padding:10px}.exams-report-layout{border:1px solid #d9d6d6;margin:0;width:100%;background-color:#fff;border-radius:5px;display:grid;grid-template-columns:25% auto;gap:10px;box-sizing:border-box}.exams-list-container{padding:10px;border-radius:5px;border:1px solid #ddd;box-sizing:border-box;background-color:#dbefff7e}.exams-list-container:hover{scale:1.02;transition:.3s ease;cursor:pointer}.export-buttons-layout{border:1px solid rgb(221,221,221);padding:10px;box-sizing:border-box;border-radius:5px;justify-content:end;margin-top:-20px}.item-update-button{background-color:transparent;color:var(--layout-color);border-radius:100%;font-size:x-small!important;padding:6px}.item-update-button:hover{color:#17b7ac;transition:.3s ease;font-size:x-small;cursor:pointer}.export-link{color:var(--layout-color);font-size:12px;display:inline-block;transition:.3s ease;padding:3px;border-radius:5px;border:1px solid #ddd;background-color:transparent;text-decoration:none}.export-link:hover{background-color:var(--layout-color);color:#fff;font-size:12px;transition:.3s ease;padding:3px;border-radius:5px}.grade-point-content-container{margin:auto;height:480px;max-width:800px;background-color:#fff;border:1px solid #eee;border-radius:5px}.grade-input-flex-layout{box-sizing:border-box;border:1px solid #ddd;align-items:baseline;padding:10px}.grade-input-flex-layout vaadin-button{background-color:red;font-size:10px}.grading-header-container{width:100%;padding:10px;background-color:#efefef;box-sizing:border-box;border-radius:5px;border:1px solid #d2d2d2}.grading-header-container .page-header-style{background-color:transparent;color:var(--layout-color)}@media screen and (max-width:760px){.dialog-box-style::part(content){width:350px}.exam-result-header-container{grid-template-columns:1fr}.exams-result-body-section .remarks-section{flex-direction:column}.update-result-form,.exams-report-layout{display:flex;flex-direction:column}.grade-input-flex-layout{flex-direction:column;width:100%}.grade-renderer-field{min-width:100%;margin:-10px}}.message-box-view{height:100%;gap:10px;padding:10px;box-sizing:border-box}.communication-hub-header{background-color:#fff;border:1px solid #ddd;box-sizing:border-box;padding:1.5%;border-radius:5px;align-items:center;display:flex;justify-content:space-between}.sms-balance-box{padding:5px 10px;background-color:var(--layout-color);border-radius:8px;display:flex;align-items:center;gap:5px}.sms-balance-box .reload-button{font-size:10px;border:1px solid #fff;color:#fff;border-radius:20%;cursor:pointer;padding:0 -29px;height:20px;margin-left:10px}.sms-balance-box .reload-button:hover{font-size:10px;background-color:#fff;color:var(--layout-color);border-radius:20%;cursor:pointer;padding:0 -29px;height:20px}.sms-balance-box span{font-size:small;font-weight:700;color:#fff}.communication-hub-header h3{color:var(--content-text-color);text-align:left}.communication-hub-card{background-color:#fff;border:1px solid #ddd;border-radius:5px}.communication-hub-card h3{color:var(--content-text-color);border-bottom:1px solid #d9d8d8;padding-bottom:5px}.messages-parent-tabs .message-tabs{text-decoration:none;color:var(--content-text-color);font-size:smaller;cursor:pointer}.messages-parent-tabs{width:100%;padding:5px}.messages-parent-tabs .message-tabs[selected]{background-color:var(--content-text-color);color:#fff;border-radius:5px;padding:5px 10px}.message-field::part(input-field){font-size:medium;font-weight:400}.message-content-box{border-radius:5px;box-shadow:var(--component-shadow);box-sizing:border-box;border:1px solid #d9d8d8}.message-content-box h4{background-color:var(--content-text-color);padding:15px;color:#fff;width:100%;box-sizing:border-box;border-radius:5px;font-size:19px;margin-bottom:10px}.message-virtual-list-card{border:1px solid #ddd;border-radius:9px;margin:5px;box-sizing:border-box;max-width:96%}.message-virtual-list-card .resend-button{background-color:transparent;border:1px solid red;font-size:12px;padding:0;height:30px;color:red}.message-virtual-list-card .resend-button:hover{background-color:#ff0000c0;transition:.1s ease-out;color:#fff}.message-virtual-list-card:hover{border:3px solid var(--content-text-color);transition:.1s ease-out}.message-virtual-list{max-height:530px;box-sizing:border-box}.message-virtual-list-card .msg-section1-box{justify-content:space-between;width:100%}.message-virtual-list-card .msg-section1-box h4{color:var(--content-text-color)}.message-virtual-list-card .msg-section2-box{justify-content:space-between;width:100%;color:#848282}.message-virtual-list-card .msg-section3-box{justify-content:space-between;width:100%}.message-virtual-list-card .msg-section3-box span:first-child{width:80%}.message-virtual-list-card .msg-content{background-color:#efefef7e;padding:5px;border-radius:5px;color:var(--content-text-color);box-sizing:border-box}@media screen and (max-width: 760px){.message-box-view,.sms-balance-box,.message-virtual-list-card .msg-section3-box{flex-direction:column}}html{--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1}