vaadin-combo-box-overlay vaadin-combo-box-item{font-size:var(--lumo-font-size-xs)}vaadin-combo-box::part(input-field){font-size:var(--lumo-font-size-xxs)}vaadin-combo-box::part(label){font-size:var(--lumo-font-size-xxs)}vaadin-date-picker-overlay vaadin-month-calendar::part(month-header){font-size:var(--lumo-font-size-m)}vaadin-date-picker::part(input-field){font-size:var(--lumo-font-size-s)}vaadin-grid::part(body-cell){font-size:var(--lumo-font-size-s)}vaadin-grid::part(even-row-cell){background-color:#e6e3e329}vaadin-grid::part(header-cell){--lumo-font-size-s:var(--lumo-font-size-xs)}vaadin-radio-group vaadin-radio-button{--vaadin-radio-button-size:var(--lumo-font-size-s)}vaadin-radio-group vaadin-radio-button[checked]::part(radio){background-color:#0462db}vaadin-radio-group.manage-users-view-radio-group-1 vaadin-radio-button{--vaadin-radio-button-size:var(--lumo-font-size-xxs)}vaadin-radio-group.manage-users-view-radio-group-1 vaadin-radio-button[checked]::part(radio){background-color:#0dc204}vaadin-radio-group.manage-users-view-radio-group-1::part(helper-text){font-size:var(--lumo-font-size-xxs)}vaadin-radio-group.manage-users-view-radio-group-1::part(label){font-size:var(--lumo-font-size-xxs)}vaadin-radio-group::part(label){font-size:var(--lumo-font-size-xxs)}vaadin-scroller.main-layout-scroller-1{background-color:#fff}vaadin-select vaadin-select-value-button>vaadin-select-item{font-size:var(--lumo-font-size-xxs)}vaadin-select-overlay vaadin-select-item{font-size:var(--lumo-font-size-s)}vaadin-select::part(label){font-size:var(--lumo-font-size-xs)}vaadin-side-nav-item>[slot=prefix]{font-size:var(--lumo-font-size-xxs)}vaadin-side-nav-item[active]::part(item){font-size:var(--lumo-font-size-xxs)}vaadin-side-nav-item[active]::part(toggle-button):before{font-size:var(--lumo-font-size-xxs)}vaadin-text-field::part(input-field){font-size:var(--lumo-font-size-xs)}html{--container-color: rgb(238, 243, 255)}body{background-color:var(--container-color)}.signout-menu-bar{border:1px solid rgb(244,244,244);width:100%;border-radius:5px;background-color:#fff}.signout-menu-item{cursor:pointer;gap:10px}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{padding:0}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box;background-color:#4293f6}[slot=drawer]:is(header,footer):is(:empty){display:none}.app-name-text{text-align:center;color:#fff;font-size:18px}.view-attendance-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.view-attendance-view .filter-layout .double-width{grid-column-end:span 2}.view-attendance-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.view-attendance-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.view-attendance-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.view-attendance-view .mobile-filters{display:none;position:relative}.view-attendance-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}.table-layout{padding:0}.take-attendance-view-select-2::part(input-field),.take-attendance-view-select-1::part(input-field){font-size:small}.buttons-layout{margin-top:10px;width:100%}.header-layout{border-bottom:1px solid rgb(218,218,218);align-items:baseline;flex-wrap:wrap;width:100%}.save-button{margin:10px;background-color:#36b036;color:#fff;font-style:normal;font-size:small;cursor:pointer;width:auto}.attendance-table-title{background-color:#f4f4f4;width:100%;padding:20px 0;text-align:center;color:#52627c;font-weight:600;font-size:medium}.generate-button{width:120px;cursor:pointer;box-shadow:none}.view-attendance-filter-container{display:flex;align-items:center;justify-content:space-between}.view-attendance-menuBar{align-items:center;box-shadow:none}.view-attendance-menuBar vaadin-menu-bar-button{font-size:50px}.menubar-item{font-size:12px;color:#0840b1;cursor:pointer;box-shadow:none}.pdfButton:hover{transition:.3s;color:#006eff}.csvButton:hover{transition:.3s;color:#08b996}@media screen and (max-width: 760px){.view-attendance-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.view-attendance-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.view-attendance-view .filter-layout>*{grid-column-end:span 2}.view-attendance-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.view-attendance-view .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.view-attendance-view .mobile-filters:hover{color:var(--lumo-body-text-color)}.header-layout{flex-direction:column;gap:0;width:100%}.header-layout vaadin-combo-box,vaadin-date-picker,.filter-field{width:100%}}.table-layout{border:1px solid rgb(238,232,232);padding:10px;border-radius:10px}.main-container{background-color:#fff}.filter-text-field::part(input-field){font-size:small}.filter-text-field{width:100%;margin-bottom:10px}.view-attendance-filter-container{width:100%}.attendance-date-picker-container{align-items:baseline;justify-content:center}.attendance-date-picker-container vaadin-date-picker{font-size:12px;width:120px}@media screen and (max-width:600px){.take-attendance-combobox{width:100%;margin-top:-10px}.filter-text-field{width:100%}.filter-button{width:100%;font-size:11px}.attendance-date-picker-container{width:100%;flex-wrap:wrap}}.container{background-color:#fffcfc;border-radius:5px;box-sizing:border-box}.header-container{border-bottom:1px solid lightgray;padding:20px 10px;width:100%;align-items:center;box-sizing:border-box;justify-content:space-between}.header-filter-container{display:flex;margin:0;align-items:baseline;justify-content:flex-start;gap:10px}.student-dialog vaadin-horizontal-layout{border-bottom:1px solid rgb(230,230,230);padding:5px 0}.student-form-layout{max-width:600px}.close-dialog-icon{font-size:large;color:#fa0000;cursor:pointer}.filter-field,.filter-selector{width:30%;font-size:small;margin:5px}.filter-field::part(input-field){border:1px solid rgb(184,184,187)}.action-button{font-size:12px;color:#444;padding:7px;border-radius:50%}.action-button:hover{transition:.3s;background-color:#f0f0f0;cursor:pointer}.filter-selector::part(input-field){font-size:small}.form-header-div{border-bottom:1px solid lightgray;padding-bottom:10px;margin-bottom:5px}.form-header-div h5{color:#1e90ff}.form-layout vaadin-text-field::part(input-field),vaadin-select::part(text-field){font-size:small}.form-layout{margin:10px;border:1px solid lightgray;padding:10px;border-radius:10px}.table-counter{background-color:#f0f0f0;padding:10px}.attendance-header-layout{background-color:#fff;align-items:baseline;border-radius:5px;gap:10px;width:100%;flex-wrap:wrap;padding:10px}.default-button{font-size:12px!important}.items-layout{box-sizing:border-box;display:flex}.item-picker{box-sizing:border-box}.updateFormLayout-layout{border:1px solid rgb(201,201,201)!important;border-radius:5px!important;padding:15px}.updateFormLayout-header-div{background-color:#e4e4e45a;padding:10px;box-sizing:border-box;border-radius:2px}.back-button{background:dodgerblue;outline:none;color:#fff}.back-button:hover{cursor:pointer;opacity:.9}.add-student-body-container{border:1px solid #ddd;border-radius:5px;gap:10px;padding:10px;box-sizing:border-box}.add-student-inner-layout{background:#fff;margin:auto;box-sizing:border-box;border:1px solid #ddd;border-radius:9px}.student-grid{padding:10px;border:1px solid red}@media screen and (max-width: 600px){.header-container{flex-direction:column;align-items:flex-start;justify-content:flex-start;max-width:100%}.header-filter-container{flex-direction:column}.header-filter-container,.filter-field,.filter-selector{width:100%}.filter-field{margin-left:0}.header-filter-container vaadin-button{width:50%;align-self:center}.radio-buttons::part(group-field){flex-direction:column;width:100%;font-size:small;margin-left:20px}.attendance-header-layout vaadin-combobox,.generate-button{width:100%}.items-layout,.leve-and-section-container,.add-student-body-container{flex-direction:column;width:100%}.item-picker,.default-button{width:100%}.add-student-inner-layout{min-width:100%}}.manage-users-view ol{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.manage-users-view li{transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:background-color,box-shadow}.manage-users-view li:hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s)}.user-view-dialog-layout{border:1px solid rgb(212,212,212);border-radius:5px;box-sizing:border-box;padding:5px 20px 20px}.user-view-add-dialog::part(content){width:400px;box-sizing:border-box}@media screen and (max-width:600px){.user-view-add-dialog::part(content){max-width:100%}}.set-up-view{display:block;height:100%}.set-up-view vaadin-grid{height:100%;line-height:var(--lumo-line-height-m)}.set-up-view vaadin-grid,.set-up-view vaadin-grid-cell-content{background-color:var(--lumo-contrast-10pct)}.set-up-view .card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius);box-shadow:var(--lumo-box-shadow-xs);padding:calc(var(--lumo-space-s) * 1.5) var(--lumo-space-m)}.set-up-view img{border-radius:50%;flex-shrink:0;height:var(--lumo-size-m);margin-right:calc(var(--lumo-space-s) * 1.5);width:var(--lumo-size-m)}.set-up-view .header{align-items:baseline}.set-up-view .name{font-size:var(--lumo-font-size-s);font-weight:700;margin-right:var(--lumo-space-s)}.set-up-view .date{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs)}.set-up-view .post{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin-bottom:var(--lumo-space-s);white-space:normal}.set-up-view .actions{align-items:center}.set-up-view .icon{color:var(--lumo-tertiary-text-color);height:calc(var(--lumo-icon-size-s) * .8);margin-right:var(--lumo-space-s);width:calc(var(--lumo-icon-size-s) * .8)}.set-up-view .likes,.set-up-view .comments,.set-up-view .shares{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs);margin-right:var(--lumo-space-l)}.dashboard-header-container{background-color:#fff;width:100%;padding:20px;border-radius:5px;box-shadow:1px 1px 1px 1px #e3e3e3;align-items:baseline;justify-content:space-between}.dashboard-header-text{color:#066f7f}.dashboard-form-layout{background-color:#fff;border-radius:10px;padding:50px 20px;border:1px solid #ddd}.dashboard-form-layout div{margin:10px;border:1px solid #ddd;text-align:center;padding:10px 0;border-radius:5px;background-color:#eeeeee41}.dashboard-form-layout div span{font-weight:500;color:#066f7f}.dashboard-form-layout div h5{color:#0151ac;font-size:23px}.dashboard-container{text-align:center;box-sizing:border-box;background-color:#fff;border-radius:5px;padding:20px}.dashboard-hlayout{border:1px solid #ddd;margin:auto;padding:30px;text-align:center;height:100vh}.dashboard-div{text-align:center;box-sizing:border-box;width:100%}.dashboard-div h1{color:#066f7f;font-weight:700;text-align:center;font-size:80px;padding:20px 0}.dashboard-div h6{text-transform:lowercase;font-style:italic;color:#456289;font-size:16px;width:100%;padding:10px;border-radius:5px;box-sizing:border-box;text-align:center}.rep-dashboard-layout{background:#fff;box-sizing:border-box;border-radius:5px;border:1px solid #dddd;height:100%}.menu-card-component img{width:80px}.rep-dashboard-menu-layout{box-sizing:border-box;gap:10px;padding:20px}.rep-dashboard-title-div{box-sizing:border-box}.signout-link{text-decoration:none;background:#ff0000;text-align:center;max-width:fit-content;padding:5px;border-radius:5px;color:#fff}.rep-dashboard-header-container{background:#ffff;padding:0 20px;box-sizing:border-box;align-items:center}.rep-dashboard-sheet-title{text-align:center}.menu-card-component{border:1px solid #ddd;border-radius:10px;margin:auto;box-sizing:border-box}.menu-card-component h3{color:#066f7f}.menu-card-component:hover{transform:scale(1.02);transition:.3s ease;border:1px solid #066f7f;cursor:pointer;box-shadow:2px 2px 5px solid #ddd}@media screen and (max-width: 768px){.dashboard-div h1{font-size:40px;box-sizing:border-box}.signout-link{font-size:small}.dashboard-div h6{font-size:12px}.dashboard-container,.rep-dashboard-layout{height:100vh}.rep-dashboard-title-div{min-width:80%;padding:0}.rep-dashboard-menu-layout{flex-direction:column}.rep-dashboard-sheet-title{font-size:larger}}.activity-button{font-size:small;cursor:pointer}.activity-button:hover{background-color:#e3e3e3;transition:.2s}.activity-formlayout{padding-right:15px;padding-left:15px;padding-bottom:10px;border:1px solid #eee;background-color:#fff;margin:-10px 0}.activity-inner-formlayout{box-sizing:border-box;padding:0}.activity-inner-teaderText{background-color:#08aba3;width:100%;text-align:center;padding:10px 0;color:#fff}.score-field[focused]::part(input-field){background-color:#c6ffc6;color:green;transition:.2s}.disable-button{opacity:.5;background-color:#adadad;color:#606060}.filter-activity-field::part(input-field){border:1px solid #adadad;font-size:small}.filter-activity-field{width:100%;margin-bottom:-1%}.activity-table{box-sizing:border-box}.grid-layout{border:1px solid rgb(224,224,224)}.activity-view-formlayout{box-sizing:border-box}.activity-view-update-button{background-color:#fff;border:none;color:green;cursor:pointer;font-size:x-small;box-sizing:content-box}.activity-view-update-button:hover{background-color:#e6ffe6;transition:.3s}.activity-view-dialog{max-width:100%}.activity-view-dialog-grid{box-sizing:border-box;max-height:300px}.activity-view-dialog-grid::part(footer){background-color:red}.activity-view-dialog-vlayout{gap:10px;background-color:#f7f7f7;box-sizing:content-box;padding:10px;border-radius:5px;margin-bottom:10px;width:600px}.semester-picker{margin-top:-10px}.activity-view-dialog-vlayout vaadin-text-field{width:100%}.toggle-button{visibility:hidden}.show-content{visibility:visible}.hide-content{visibility:hidden}.activity-view-list-view{border:1px solid rgb(185,185,185);border-radius:5px;height:250px;margin-top:-10px;width:100%}.list-view-container{border:1px solid rgb(222,222,222);border-radius:5px;padding-top:0;box-sizing:border-box}.list-view-container .vaadin-combo-box-container{background-color:red}.date-activity-container{gap:5px;box-sizing:border-box}.class-level-container{display:flex;align-items:center;justify-content:flex-start;gap:5px;box-sizing:border-box}.class-level-container .item-selector{max-width:31%}.date-picker::part(label){font-size:smaller}.date-picker,.activity-selector{width:46%}.course-selector{width:75%;margin-right:5px}@media screen and (max-width:600px){.dashboard-header-text{font:size 14px}.activity-inner-formlayout{margin-bottom:10px}.toggle-button{visibility:visible}.grid-layout{margin-top:20px}.activity-view-dialog{max-width:100%}.date-activity-container{display:flex;flex-direction:column;width:100%;justify-content:flex-start;align-items:center}.activity-view-dialog-vlayout,.class-level-container{flex-direction:column;max-width:100%;width:100%}.date-picker,.activity-selector,.course-selector,.section-selector,.class-level-container .item-selector{min-width:100%}}.login-layout{margin:auto}.login-main-div{margin:70px auto auto;border:1px solid rgb(234,234,234);width:300px;box-shadow:#63636333 0 2px 8px;border-radius:5px}.login-div{padding:10px}.login-footer-text{font-size:small;text-align:center;margin-top:18px;margin-bottom:-15px;color:#616161}.login-input-div{display:grid;padding:20px;margin-top:10px;margin-bottom:20px}.login-header-div,.login-header-div h3{background-color:#0970d6;color:#fff;text-align:center}.login-error-container{text-align:center;padding:10px;margin:14px 5px 0;background-color:#ffc8c8;border-radius:2px;font-size:small;color:#c70303}.login-input-fields::part(input-field){font-size:small;padding:2px}@media screen and (max-width:760px){.logo-main-div{width:100%;margin:auto}.login-div{margin:auto}}html{--border-color:rgb(225, 222, 222);---header-text-color:dodgerBlue}.status-label{padding:5px;width:100%;font-weight:400;font-size:small}.update-user-formlayout{border:1px solid var(--border-color);box-sizing:border-box;padding:10px;margin:10px auto;width:80%;border-radius:5px}.update-user-formlayout h6{color:var(---header-text-color);border-bottom:1px solid rgb(232,227,227);padding-bottom:10px}.active{color:green}.inactive{color:red}@media screen and (max-width:600px){.update-user-formlayout{width:100%;padding:10px}}.dialog-inner-container{max-width:280px;width:500px}.page-content-container{background-color:#fff;border:1px solid #eee;border-radius:5px}.activity-report-view{box-sizing:border-box;border-radius:5px;box-shadow:#0000000f 0 2px 4px inset;height:100vh}.reports-view-horizontal-layout{box-sizing:border-box;display:grid;grid-template-columns:20% 80%;gap:5px}.reports-view-horizontal-layout vaadin-grid{height:100%}.reports-div{box-sizing:border-box;padding:0 0 20 5px;border-radius:5px}.container-one{border:1px solid #ededed}.item-picker{width:100%;margin-top:-20px}.generate-report-button{min-width:100%;margin-top:-15px}.container-two{border:1px solid #ededed}.filter-field-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.reports-menu-bar{background-color:#f3f3f3;align-items:center;justify-content:space-evenly;width:20%;padding:5px;border-radius:2px;font-size:smaller;font-weight:600}.anchor-link:hover{transition:.3s ease}.pdf-button:hover{color:#079b07}.csv-button:hover{color:orange}@media (max-width: 768px){.reports-view-horizontal-layout{grid-template-columns:1fr}.reports-menu-bar{flex-direction:column}}.list-checker-page{background-color:#fff}.list-checker-layout{background-color:#fff;margin:0;border:1px solid rgb(221,221,221)}.list-checker-layout span{color:#4e6781e8;font-size:small}.list-checker-layout h3{color:#066f7f}.student-check-list-parent-layout{border:1px solid #eeeeee;border-radius:5px;background-color:#fff;padding:0}.input-style::part(input-field){height:40px}.search-layout{margin:5px auto;border-radius:5px;padding:1px;max-width:900px;box-sizing:border-box;align-items:baseline;justify-content:space-between}.search-layout .default-button{background-color:#066f7f;align-self:self-end;padding:20px}.search-layout .input-style::part(input-field){padding:8px;font-size:18px}.student-details-display-layout .status-indicator{width:100%;padding:18px}.student-details-display-layout{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;max-width:80%;margin:auto}.student-details-display-layout vaadin-button{background-color:#066f7f;color:#fff;font-size:smaller}.details-row-layout{border-bottom:2px solid rgb(238,238,238);padding:5px 0}.student-not-found-layout{text-align:center;justify-content:center;box-sizing:border-box;padding:20px;margin:auto;max-width:900px;color:#961010}.student-not-found-layout p{text-align:center;font-size:20px;border-radius:8px;box-sizing:border-box;width:100%;background-color:#f5e7e7;padding:20px}.add-student-button-container .add-student-button{background-color:#066f7f;padding:20px;cursor:pointer}.add-student-button-container{padding-top:10px;box-sizing:border-box;justify-content:center;align-items:center;margin:0 auto;max-width:900px}.add-student-form-layout{max-width:900px;border:1px solid #d0d0d0;align-items:center;padding:10px;border-radius:8px;justify-content:center;margin:5px auto;text-align:center}.add-student-form-layout p{font-size:smaller;color:#454c6094}.add-student-form-layout h3{color:#066f7f}.default-button{padding:20px;background-color:#066f7f;border-radius:8px;color:#fff}.route-closed-layout p{text-wrap:wrap;font-size:20px;max-width:600px;color:#3b4141;margin:auto}.route-closed-layout{background-color:#ffffffc2;box-sizing:border-box;padding:50px;align-items:center;text-align:center;border-radius:10px;margin:50% auto;justify-content:center}.route-closed-layout .default-button{max-width:300px;margin-top:20px}.notification-horizontal-layout span{font-size:smaller}.notification-horizontal-layout{width:400px;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){.search-layout{display:block;padding:10px}.search-layout .default-button{margin-top:10px;min-width:100%}.student-details-display-layout{max-width:100%;text-wrap:wrap}}html{--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2rem;--lumo-size-s: 1.75rem;--lumo-size-xs: 1.5rem;--lumo-font-family: Roboto}