.DateField{display:flex;max-width:250px;gap:5px}.DataPage.Page>.ExportsTable{display:flex;flex-direction:column;width:100%;max-width:80rem}.DataPage.Page>.ExportsTable>.ExportRow{display:grid;justify-content:space-between;padding:15px;margin-bottom:10px;align-items:center;background-color:#f5f5f5;border-radius:6px}.DataPage.Page>.ExportsTable>.ExportRow .description{grid-column:1/4;grid-row:1}.DataPage.Page>.ExportsTable>.ExportRow .filters{grid-column:2/4;grid-row:1;display:flex;gap:16px;align-items:center;justify-content:center}.DataPage.Page>.ExportsTable>.ExportRow button{grid-column:3/4;grid-row:1}.course-select-scroll{height:410px;overflow-y:scroll;margin-top:8px}.course-select-scroll .EditableTable .RowActions{display:none}.ListRefField{margin-top:15px}.ListRefField .MuiChip-root{margin:4px}.ListRefField .text{display:inline}.SelectDialog .select-scroll .Table{padding:15px 5px 20px;min-width:350px;height:400px;overflow-y:scroll}.SelectDialog .select-scroll .RowActions{display:none}.ConstraintField{flex:1 1 0%}.GroupCard{vertical-align:top;margin:12px 0 0 12px;display:inline-block;position:relative}.GroupCard .GroupCardInside{width:400px;height:338px;padding:13px 15px;vertical-align:top;display:inline-block;position:relative}.GroupCard .GroupCardInside h1{overflow:hidden;cursor:pointer;text-transform:uppercase;font-size:24px}.GroupCard .footer{position:absolute;bottom:0;width:400px;height:55px;margin-left:-15px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:flex;padding:8px 20px;justify-content:space-between}.GroupCard .footer .Field *{color:#fff!important}@media (max-width: 520px){.GroupCard{margin-left:0}.GroupCard,.GroupCard .footer,.GroupCard .MuiBadge-root{max-width:100%}}.GroupCard .caption{padding-bottom:5px;margin-top:-2px}.GroupCard .description{max-height:145px;overflow:hidden}.FolderTabs .MuiTab-root{color:#890b20;font-weight:700}.FolderTabs .MuiTab-root.Mui-selected{color:#fff;background:#c4112f}.FolderTabs .MuiTabs-indicator{display:none}.FolderTabs .MuiTabs-scroller{border-bottom:2px solid #c4112f}.FolderTabs{border-radius:5px;box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f}.GroupOverview .PeriodFilter,.GroupOverview .JaarFilter{flex:1 1 0%}.Login{position:absolute;top:max(250px,50vh);left:50vw;transform:translate(-50%,-50%);grid-column-start:1;grid-column-end:3}.schoolBlock,.schoolYear{flex:1 1 0%}.Portfolio .ExpandedEvaluation{padding-left:15px;padding-right:15px}.Portfolio .ExpandedEvaluation{display:flex}.Portfolio .ExpandedEvaluation td:nth-child(1){vertical-align:top;flex:1 1 0}.Portfolio .ExpandedEvaluation td:nth-child(2){vertical-align:top;flex:5 1 0}.Portfolio .EvaluationRow{display:flex}.Portfolio .EvaluationRow td:nth-child(1){text-align:left;flex:3 1 0}.Portfolio .EvaluationRow td:nth-child(2){text-align:left;flex:2 1 0}.Portfolio .EvaluationRow td:nth-child(3){text-align:right;flex:1 1 0}.Portfolio .EvaluationRow td:nth-child(4){text-align:right;flex:.5 1 0}.Portfolio .DisplayTable .DisplayTable__container{display:table}.Portfolio .GroupHeader{width:97.5%}.UserList .TableHeader{position:relative;margin-top:16px}.UserList .TableRow,.UserList .TableHeader{padding:.5rem;margin-bottom:.5rem}.UserList .DisplayTable__container{padding:0 .5rem .5rem}.UserList .TableRow>*>*,.UserList .TableHeader>*>*{margin:.5rem}.UserList .RowSelect{margin:-.25rem .5rem}.UserList .TableHeader .id{display:none}.UserList .TableRow .RowActions{display:flex;flex-direction:row;gap:4px}.UserList .name input{text-transform:uppercase}.UserList .student .name input{color:var(--mui-palette-primary-main)}.UserList .teacher .name input{color:var(--mui-palette-secondary-main)}.UserList .TableRow.Field>*{color:#000000de}.UserList .TableRow.name>div{color:var(--mui-palette-primary-main)}.UserList .name{order:1}.UserList .role{order:2;flex:0 0 5rem}.UserList .level{order:3;flex:0 0 9rem}.UserList .year{order:4;flex:0 0 5rem}.UserList .profile:not(button){order:5}.UserList .school{order:6}.UserList .preferredEmail{order:7}.UserList .phoneNumber{order:8;flex:0 0 180px}.UserList .RowActions,.UserList .HeaderActions{order:9;flex:0 0 14.5rem}.DisplayTable.EnrollmentTable .EnrollmentRow.TableRow{width:100%;height:auto;margin-bottom:15px;box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;display:block}.DisplayTable.EnrollmentTable .EnrollmentRow .EnrollmentActions{display:grid;padding:5px}.DisplayTable.EnrollmentTable .EnrollmentRow .ExtendedUserViewField{display:flex;align-items:center;border-bottom:1px solid #e0e0e0}.EnrollmentRow:hover{box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f}.EnrollmentRow>.UserRow.TableRow{box-shadow:none;margin-bottom:0}.EnrollmentTable.DisplayTable .GroupHeader{margin-bottom:5px;font-size:1.2em}.EnrollmentRow>button{margin-left:20px;margin-bottom:20px}.DisplayTable.EnrollmentTable .EnrollmentRow .EnrollmentActions{grid-template-columns:min-content 1fr 155px 1fr min-content;padding-left:15px;padding-right:15px;align-items:center}.TableRow.EnrollmentRow .EnrollmentActions>div{display:flex;flex-direction:column;justify-content:space-around;border-bottom:none;padding-top:5px;padding-bottom:10px}.EnrollmentActions button{margin:5px;padding:0;justify-content:left;display:block;width:auto}.EnrollmentActions .LineContainer{justify-self:stretch}.EnrollmentActions .Line{display:block;border-color:#bdbdbd;border-top-style:solid;border-top-width:1px;margin-right:15px}.TableRow.EnrollmentRow .EnrollmentActions label{display:block}.EvaluationTab td{padding:10px}.EvaluationTab{padding-bottom:80px}.EvaluationGroupHeader{margin-top:15px}.EvaluationGroupHeader h6{margin-left:40px;display:inline}.EvaluationGroupHeader button{float:right;margin-right:80px}.DisplayTable.LessonTable .TableToolbar{margin-bottom:0}.LessonTable .TableRow{box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;margin-bottom:20px;padding:8px}.LessonTable .DraggableRow .TableCell[draggable]{padding:16px}@media (max-width: 680px){.LessonTable .TableCell{display:flex;flex-direction:column;width:100%;margin-bottom:10px}}.LessonTable.disable-drag .DraggableRow>:nth-child(1){display:none}.LessonTable .TableRow .LessonField,.LessonTable .TableRow .LinkedLessonField{padding:8px 16px 24px;display:grid;grid-template-columns:1fr 2fr 2fr;grid-template-rows:auto;gap:0 8px}.LessonTable .topic .MuiInputBase-input{max-height:103px;overflow-y:auto!important;scrollbar-width:thin}.LessonTable .startTime,.LessonTable .endTime,.LessonTable .date{grid-column:1/ 1;grid-row:2 / 2}.LessonTable .date .MuiInput-root{z-index:3}.LessonTable .startTime{z-index:2}.LessonTable.disable-drag .startTime,.LessonTable.disable-drag .endTime,.LessonTable:not(.editable) .startTime,.LessonTable:not(.editable) .endTime{max-width:50px;opacity:.64}.LessonTable.disable-drag .endTime,.LessonTable:not(.editable) .endTime{padding-left:50px;min-width:100px;position:relative}.LessonTable.disable-drag .endTime:before,.LessonTable:not(.editable) .endTime:before{content:" - ";position:absolute;bottom:7px;left:41px}.LessonTable:not(.disable-drag).editable .date{margin-top:-20px}.LessonTable:not(.disable-drag).editable .startTime{max-width:max(75px,calc(50% - 5px))}.LessonTable:not(.disable-drag).editable .endTime,.LessonTable:not(.disable-drag).editable .endTime label{padding-left:max(80px,50%)}.LessonTable:not(.disable-drag).editable .startTime,.LessonTable:not(.disable-drag).editable .endTime{margin-top:10px}.LessonTable:not(.disable-drag).editable .startTime label:not([data-shrink=true]),.LessonTable:not(.disable-drag).editable .endTime label:not([data-shrink=true]){display:block}.LessonTable .location{grid-column:2;grid-row:1}.LessonTable .kind,.LessonTable .recommend{grid-column:3}.LessonTable .kind{grid-row:1}.LessonTable .topic{grid-column:1 / 4;grid-row:3}.LessonTable .isoWeek,.EditDialog .LessonField .isoWeek,.LessonTable .year,.EditDialog .LessonField .year{display:none}.OrderedTable.LessonTable .TableRow>*>*{margin:0;width:100%}.EditableTable.LessonTable .TableRow .RowActions{flex:0 0}.LessonTable div[draggable]{order:-2}.LessonTable .listIndex{text-transform:uppercase;font-size:.875rem;display:flex;flex-direction:row;align-items:baseline;order:-1}.LessonTable .listIndex:before{content:"Bijeenkomst ";margin-right:6px;color:var(--mui-palette-primary-main)}.LessonTable .listIndex .MuiInput-root{color:var(--mui-palette-primary-main)}.LessonTable .TableRow .room label,.LessonTable .TableRow .topic label,.LessonTable .TableRow .kind label,.LessonTable .TableRow .location label,.LessonTable .TableRow .recommend label{display:block;color:var(--mui-palette-text-disabled)}.LessonTable .TableRow .Field .MuiInput-root{margin-top:16px}.LessonTable .recommend>p{margin-top:16px}.LessonTable .MuiSelect-select>div{display:flex;flex-direction:row;flex-wrap:wrap}.LessonTable .MuiSelect-select>div>h6,.LessonTable .MuiSelect-select>div>p{max-width:100%}.LessonTable .MuiSelect-select>div>p:before{content:" - ";margin-left:5px}.Agenda>div{position:relative}.Agenda .ToolBar{display:flex}.Agenda .ToolBar h6{flex:9 1 auto;line-height:1.15}.Agenda .ToolBar .Field{flex:1}.Agenda .GroupHeader{width:100%;font-size:1.1rem;margin:15px 20px -15px}.Agenda .RowActions,.Agenda .HeaderActions{flex:0}.Agenda .TableHeader>*>*{margin-bottom:10px}.Agenda .TableHeader span{font-size:.8rem}.Agenda .DisplayTable .DisplayTable__pagination{display:none}.Agenda .signupRow{display:flex;align-items:center}.Agenda .signupRow>div,.Agenda .signupRow>label{flex:1}.Agenda .signUp{flex:2}.Agenda .BackButton>svg,.Agenda .ForwardButton>svg{width:.5em}.Agenda .SignupLesson>*{margin:16px}.SignUpsTab .TableRow .RowActions,.SignUpsTab .TableHeader .HeaderActions,.SignUpsTab .DisplayTable .DisplayTable__pagination{display:none}.SignUpsTab .BackButton>svg,.SignUpsTab .ForwardButton>svg{width:.5em}.ToolBar{display:flex;gap:10px;background-color:var(--mui-palette-background-paper);color:var(--mui-palette-text-primary);-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;border-radius:4px;box-shadow:var(--mui-shadows-2);background-image:var(--mui-overlays-2)}.ToolBar h6{flex:9 1 auto;line-height:1.15}.ToolBar .Field{flex:1}.SignUpsTab .TableRow>.PresenceRow{display:flex;width:100%}.SignUpsTab .TableRow .PresenceRow>.UnionField{margin-right:0}.SignUpsTab .TableRow .PresenceRow .SignupField{display:flex;flex-direction:row;flex:3 3}.SignUpsTab .TableRow .PresenceRow .SignupField .signupRow{display:flex;flex-direction:row;width:100%;gap:16px}.SignUpsTab .TableRow .SignupField .signupRow>*{flex:1 1;gap:16px}.GroupPage>.groupActions{min-height:75px}.GroupPage>.groupActions>.MuiButton-root{margin:20px}.GroupPage .GroupField>label{display:none}.GroupPage .GroupField{display:grid;grid-template-columns:1fr 1fr 1fr 6fr 2fr;grid-template-rows:auto}.GroupPage.editable .GroupField{gap:8px}@media (max-width: 1080px){.GroupPage .GroupField{grid-template-columns:1fr 1fr 1fr 1fr}}.GroupPage .GroupField>*{grid-column:1 / 5}.GroupPage .GroupField .description{grid-column:1 / 5;grid-row:4}.GroupPage .GroupField .name,.GroupPage .GroupField .type,.GroupPage .GroupField .enrollable{display:none}.GroupPage.editable .GroupField .name{display:block}.GroupPage .GroupField .courses,.GroupPage .GroupField .type{display:none}.GroupPage .GroupField .period,.GroupPage .GroupField .schoolYear,.GroupPage .GroupField .day{grid-row:1 / 1}.GroupPage.editable .GroupField .period,.GroupPage.editable .GroupField .schoolYear,.GroupPage.editable .GroupField .day,.GroupPage .GroupField .moduleKind,.GroupPage .GroupField .closureMethod{grid-row:2 / 2}.GroupPage.editable .GroupField .moduleKind,.GroupPage.editable .GroupField .closureMethod{grid-row:3 / 3}.GroupPage .GroupField .period label,.GroupPage .GroupField .schoolYear label,.GroupPage .GroupField .day label{display:none}.GroupPage .GroupField .targetAudience{grid-row:7 / 7}.GroupPage .GroupField .period,.GroupPage .GroupField .moduleKind{grid-column:1 / 1}.GroupPage .GroupField .day,.GroupPage .GroupField .endTime,.GroupPage .GroupField .closureMethod{grid-column:2 / 2}.GroupPage .GroupField .schoolYear{grid-column:3 / 3}.GroupPage .GroupField .startTime,.GroupPage .GroupField .endTime{grid-row:8 / 8}.GroupPage .GroupField .startTime{grid-column:1 / 1}.GroupPage .GroupField .remarks{grid-column:1 / 5;grid-row:6}.GroupPage .GroupField .forceClose{grid-column:1 / 5;grid-row:9/9}.GroupPage .GroupField .hidden{grid-column:3 / 5;grid-row:9/9}.GroupPage .GroupField .form{grid-row:5}.GroupPage{display:flex;flex-direction:column}.GroupPage>.type{order:-1}.Page.GroupPage>h5{margin:-5px 0}.GroupPage .GroupField .SchoolYearField>div>div,.GroupPage .GroupField .DayField>div>div,.GroupPage .GroupField .BlockField>div>div,.GroupPage .GroupField .RoundField>div>div,.GroupPage .GroupField .PeriodField>div>div{margin-top:0}.GroupPage .teacherNames{margin:10px 0}.GroupPage .setAlias{display:none}.GroupPage:not(.editable) .UserList .RowActions,.GroupPage:not(.editable) .UserList .HeaderActions{flex:0 0 11.5rem}.GroupTable .form,.GroupTable .closureMethod{display:none}.GroupTable .RowActions,.GroupTable .HeaderActions{flex:0 0 180px}.ControlPanel .Content{padding:12px;width:50%}.ControlPanel .TableRow{height:114px}.ControlPanel label{display:none}.ControlPanel .Field{overflow:hidden}.ControlPanel .TableRow .MuiInputBase-root{margin-top:0}.ControlPanel .DisplayTable{margin-bottom:30px}.ControlPanel .abbreviation,.ControlPanel .subject,.ControlPanel .courses,.ControlPanel .name{flex:2}.ControlPanel .SubjectTable .id,.ControlPanel .GroupTable .id{display:none}.CourseTable .id{order:-2}.CourseTable .kind{order:-1}.ControlPanel .HeaderActions,.ControlPanel .RowActions{flex:0 0 180px}.ControlPanel .description,.CourseTable .remarks,.GroupTable .targetAudience,.GroupTable .day,.GroupTable .startTime,.GroupTable .endTime,.GroupTable .remarks,.GroupTable .enrollable,.GroupFieldWrap .type,.GroupFieldWrap .enrollable{display:none}.GroupFieldWrap .name,.GroupFieldWrap .moduleKind{order:-2}.GroupTable .type,.GroupTable .moduleKind,.GroupFieldWrap .period,.GroupFieldWrap .schoolYear,.GroupFieldWrap .day{order:-1}.GroupFieldWrap .GroupField{display:flex;flex-direction:column}@media (max-width: 780px){.ControlPanel .Content{width:100%}.ControlPanel .MuiList-root{display:flex}.ControlPanel .MuiListItemText-root{margin-bottom:0}.ControlPanel .MuiButton-contained{margin-top:16px;margin-left:0}}.Parcours .DisplayTable .Modules span.selected{font-weight:700;color:var(--mui-palette-primary-main)}.Parcours .DisplayTable .Modules span.participating{font-weight:700;color:var(--background-orange)}.Parcours .DisplayTable .Modules p{color:#d3d3d3}.Parcours .courses{flex:8}.Parcours .assessment{flex:2}.Parcours .RowActions,.Parcours .HeaderActions{flex:0 0 0px}.Parcours .MuiPagination-root{display:none}.AverageDisplay{display:flex;padding-right:20px}.AverageDisplay>*{color:#000000de;padding:16px;font-size:.875rem;text-align:left;font-family:Calibri,Roboto,Helvetica,Arial,sans-serif;font-weight:700;line-height:1.5em;letter-spacing:.01071em;vertical-align:middle;flex:1}.AverageDisplay .label{position:relative;text-align:right;flex:5}.AverageDisplay .value{border-bottom:1px solid rgba(224,224,224)}.AverageDisplay .label:after{content:"";position:absolute;bottom:0;width:200px;right:0;height:1px;background-color:#e0e0e0}.Parcours .selectors{display:flex;gap:30px}.Parcours .selectors>*{flex:1 1}.ExamSubjects{text-align:left}.ExamSubjects label{display:none}.ExamSubjects .TableRow .MuiInputBase-root{margin-top:0}.MuiDialog-paperScrollPaper{width:30%;min-width:300px}.ExamSubjects .pta{flex:2}.ExamSubjects .id{display:none}.ExamSubjects .DisplayTable__container{padding:0}.ExamSubjects .RowActions{flex:0 0 120px!important}.ExamSubjects .TableCell.RowActions,.ExamSubjects .TableCell.HeaderActions{padding:0}.ExamSubjects .RowActions,.ExamSubjects .HeaderActions{flex:0 0 120px}.ExamSubjects.EditableTable .TableRow>.unsaved>*{opacity:.5}.Profile .MuiDivider-root{margin:16px 0}.Profile .form-row{display:flex;flex-direction:row}.Profile .form-row .Field{flex:1}.Profile .form-row label{width:300px;max-width:40%}.Profile .DisplayTable .id{display:none}.Profile>button{margin-left:16px}@media (max-width: 600px){.Profile .form-row{flex-direction:column;margin-bottom:10px}.Profile .form-row label{color:#555}.Profile .form-row>div{padding-left:10px}.Profile .MuiInput-input{padding:8px}.Profile button{margin-left:0;margin-top:10px}}.Profile>div{margin-top:1%;margin-left:1%;margin-right:1%;overflow:hidden}.examSubjectListItem{font-size:1.1em;margin:2px;text-align:left}.examSubjectListItem th{font-weight:700;text-align:left}.examSubjectListItem td{margin-left:20px}.Profile .RoleSwitch>div{display:flex;align-items:center;gap:16px}.Profile .RoleSwitch .SelectField{flex:0 0 120px}.PTAList .isDraft,.PTAList .isPersonal,.PTAList .id{display:none}.PTAList .name,.PTAList .subject{flex:3}.PTAList .level,.PTAList .cohortStart,.PTAList .cohortEnd{flex:2}.PTASheet .MuiTableCell-head{font-weight:700;padding-bottom:10px}.PTASheet .weight-field input{text-align:center}.PTASheet .MuiInputBase-input{line-height:1.46429em;height:auto}.PTASheet .pta-actions>*{margin-right:15px;margin-left:5px}.PTASheet .row-actions{min-width:175px}.PTASheet .row-actions>*{opacity:0;transition:opacity .15s ease;padding:10px}.PTASheet .MuiTableRow-root:hover *{opacity:1}.PTASheet .course-search-title{width:400px}.PTASheet .course-search-results{max-height:300px;overflow-y:scroll}.PTASheet .MuiFormGroup-row,.PTASheet .pta-actions{margin:20px 0}.PTASheet .PTAField{display:flex;flex-wrap:wrap;gap:16px}.PTASheet .id,.PTAField>label{display:none}.PTASheet .DraggableRow div[draggable],.PTASheet .Header:before{order:-2}.PTASheet .courses{flex:10}.PTASheet .listIndex{order:-1}.PTASheet .name,.PTASheet .subject,.PTASheet .level{flex:1 1 30%}.PTASheet>*{flex:0 0 20%}.PTASheet .BooleanField{flex:0 0 15%}.UserListPage .Actions{display:flex;gap:16px}.BulkActions .Filters{display:flex;flex-direction:row;flex-wrap:wrap}.BulkActions>button{margin:15px 15px 15px 0}.Filters>.Field{flex:1 1 25%;margin:0 5px}.BulkActions .HeaderActions button{margin-left:-10px;margin-bottom:-10px}.BulkActions .GroupHeader{text-transform:capitalize}.BulkActions .SelectionActions{display:flex;gap:15px;flex-direction:row;align-items:center;margin-bottom:15px}.BulkActions .EditableTable .school,.BulkActions .EditableTable .name{flex:1.5}.BulkActions .EditableTable .level,.BulkActions .EditableTable .year{flex:.5}.BulkActions .EditableTable .TableRow>*>.RowActions{flex:0 0 140px}.ScheduleTable .TableHeader>*>.HeaderActions{max-width:210px}.ScheduleTable .date{max-width:250px}.ScheduleTable .id{display:none}.ScheduleTable .startTime,.ScheduleTable .endTime{max-width:120px}.Schedule{margin:16px;display:flex;align-items:center}.Schedule .StringField{max-width:350px}.Schedule .BooleanField{margin-bottom:0}.ScheduleTable .listIndex{order:-1;max-width:100px}.ScheduleTable .DraggableRow div[draggable],.ScheduleTable .Header:before{order:-2}.LogsPage .Filters{display:flex;flex-direction:column;margin-bottom:32px}.LogsPage .Filters .Filter{display:flex;flex-direction:row;gap:16px;align-items:center}.LogsPage .Filters .Filter .UnionField{max-width:210px;width:100%}.LogsPage .Filters .Filter>button{transform:translateY(25%)}.LogsPage .ConnectionLogTable .JSONField>*{max-height:200px;overflow:hidden scroll}.LogsPage .ConnectionLogTable .JSONField{min-width:320px}.LogsPage .ConnectionLogTable .JSONField>*{scrollbar-width:thin}.LogsPage .ConnectionLogTable .JSONField>*::-webkit-scrollbar{width:8px;background-color:#eee;border-radius:16px}.LogsPage .ConnectionLogTable .JSONField>*::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:16px}.LogsPage .ConnectionLogTable .TableRow .DateField{max-width:none}.LogsPage .DisplayTable .id{display:none}.Constants{display:flex;flex-direction:row;gap:20px}.Constants .Field{flex:1 1 33%}.TaxiRide .stop{display:flex;width:100%;margin-bottom:16px;padding:16px 0;border-bottom:1px solid #ccc}.TaxiRide .stop>div{flex:1 1}.signupsForth .id,.signupsForth .endTime,.signupsBack .id,.signupsBack .endTime{display:none}.signupsForth{margin-bottom:50px;margin-top:20px}*{box-sizing:border-box}.TableToolbar{position:relative}.Groups{padding:10px 5px 5px}.DisplayTable__container{padding:15px 20px 20px;width:100%}.GroupHeader{width:95%;margin:15px auto -15px}.GroupHeader>span{text-transform:capitalize}.RowActions:not(.no-hover)>*{opacity:.5;transition:opacity .15s ease}.TableRow:hover .RowActions>*{opacity:1}.RowActions>svg:hover{background-color:var(--mui-palette-action-hover)}.RowActions>svg{display:inline-flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0px;border:0px none;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;text-align:center;flex:0 0 auto;font-size:1.5rem;padding:8px;border-radius:50%;overflow:visible;color:var(--mui-palette-action-active);width:40px;height:40px;margin:-5px 0}.TableRow,.TableHeader{display:flex;border-bottom:1px solid #e0e0e0;align-items:center}.TableHeader{align-items:end}.TableRow>*,.TableHeader>*{display:contents}.TableRow>*>*,.TableHeader>*>*{flex:1 1;margin:16px;padding:0}.RowActions,.HeaderActions{flex:0 0 210px}.HeaderActions{height:30px}.RowSelect{flex:0 0 25px;margin:6px 16px}.TableRow.TableFilters>div>label{display:none}.TableRow:not(.TableFilters) label{display:none}.TableRow:not(.TableFilters) .MuiInputBase-root{margin-top:0}.DisplayTable__showFilters{padding:0 20px}.TableFilters>*>*{margin-top:10px}.TableRow .TextField{align-self:stretch}.DisplayTable__emptyText{padding-left:15px;padding-top:20px}.VirtualBlock{display:contents;--row-height: 100px}.VirtualBlock__placeholder{height:calc(var(--block-length) * var(--row-height))}.DisplayTable__pagination{float:right}.TableToolbar__search{color:#0000008a;margin-right:5px}.ToolbarActions>button{margin:0 4px}.EditDialog>*>*{display:block;margin-bottom:15px}.DraggableRow.dragging{position:fixed;background-color:#fff;opacity:.7;cursor:grabbing;width:80vw;transform:scale(.9);transition:transform .2s ease}.DraggableRow div[draggable]{cursor:move;padding-right:0;padding-left:0;transition:background-color .15s ease;flex:0 0 50px;align-self:stretch;margin:0}.DraggableRow div[draggable]:hover{box-shadow:-3px 0 2px -3px #0000001f inset;background-color:#f6f6f6}.DraggableRow div[draggable] div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#777}.DraggableRow div[draggable] svg{opacity:0;transition:opacity .15s ease}.DraggableRow:hover div[draggable] svg{opacity:1}.DropArea{height:70px;background-color:#eee;width:100%}.DropArea.hidden,.DragScrollArea.hidden{display:none}.DragScrollArea{position:fixed;width:100vw;left:0;height:max(75px,10vh);z-index:1200}.DragScrollArea.top{top:0}.DragScrollArea.bot{bottom:0}.DropArea>*{opacity:0}.OrderedTable{margin-bottom:100px}.OrderedTable .Header:before{content:"";width:50px;display:block}.OrderedTable .TableHeader:before{content:"";width:50px;display:block;order:-100}.TextField textarea{overflow-y:scroll;scrollbar-width:small}.BooleanField>div{margin-left:-11px;display:inline-flex;align-items:center}.UnionField .MuiSelect-select{-webkit-user-select:text!important;user-select:text!important;cursor:text!important}.UnionField .MuiInputBase-root.Mui-readOnly :focus{background-color:inherit!important}.CategoryField .MuiSelect-select{-webkit-user-select:text!important;user-select:text!important;cursor:text!important}.CategoryField .MuiInputBase-root.Mui-readOnly :focus{background-color:inherit!important}.Tabs{margin-top:20px;margin-bottom:20px;border-radius:5px;box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f}.Tabs .MuiTab-root{color:var(--mui-palette-secondary-light);font-weight:700;border-bottom:2px solid var(--mui-palette-secondary-main);opacity:1}.Tabs .MuiTab-root.Mui-selected{color:#fff;background:var(--mui-palette-secondary-main)}.Tabs .MuiTabs-indicator{display:none}.MobileTabs{display:none;padding:12px 12px 12px 0}.MobileTabs .MuiTypography-root{min-width:100px;text-align:center}.MobileTabs .MuiFormControl-root{flex:1}@media only screen and (max-width: 780px){.MuiTabs-root.Tabs{display:none}.MobileTabs{display:flex}}.ErrorBoundary .codeblock{padding:15px;background-color:#f7e9e9;border-radius:5px;max-width:1000px;color:#222}.ErrorBoundary .error{margin-bottom:5px}.ErrorBoundary .stack{font-family:Consolas;padding-left:20px;margin-top:5px;overflow-x:scroll}.Page{padding-bottom:80px}.Page h5{margin-bottom:15px}.sb-show-main.sb-main-padded,body,#root,.HUD{position:absolute;margin:0;padding:0;width:100%;height:100%}.HUD{display:grid;grid-template-rows:64px 1fr;grid-template-columns:1fr 13fr}.HUD--menuHidden{grid-template-columns:0px 13fr}.HUD__menu{grid-column:1 / span 1;grid-row:2 / span 14;z-index:20}.HUD__menu{position:relative;display:flex;justify-content:space-between;flex-direction:column}.HUD__menu--hidden{display:none}.MenuItem__icon{min-width:56px;flex-shrink:0;display:inline-flex;cursor:pointer;text-align:left}.Page{overflow-y:scroll;padding:30px;grid-row-start:2;grid-column-start:2}.AppHeader{grid-column:1 / span 15;grid-row:1 / span 1}.AppHeader__logo{margin:auto;max-height:40px;cursor:pointer;position:relative}.AppHeader__nav{right:24px;position:absolute;display:flex;align-items:center;gap:8px}.AppHeader__nav button .MuiSvgIcon-root{width:1em;height:1em;font-size:1.5rem}.AppHeader__nav button{color:inherit}.HUD .AppHeader__name{text-transform:none;font-size:1em}@media (max-width: 600px){.HUD{grid-template-rows:56px 1fr}}@media only screen and (max-width: 1350px){.Page{padding:15px}}@media only screen and (max-width: 1200px){.HUD{grid-template-columns:68px 13fr}.HUD--menuHidden{grid-template-columns:0px 13fr}.AppHeader__name,.MenuItem__label{display:none}}.HUD__menuLink{color:inherit;text-decoration:inherit}.SaveBanner{width:100vw;position:fixed;height:70px;bottom:0;left:0;text-align:center;padding:10px 20%;z-index:15;background-color:var(--mui-palette-background-paper);color:var(--mui-palette-text-primary);transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;border:1px solid var(--mui-palette-divider);box-shadow:0 -1px 5px #0003}.SaveBanner button{margin-left:50px;margin-right:50px;display:inline-flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0px;border:0px none;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:.875rem;line-height:1.75;letter-spacing:.02857em;text-transform:uppercase;min-width:64px;padding:6px 16px;border-radius:var(--mui-shape-borderRadius);transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms}.SaveBanner .save:hover{text-decoration:none;background-color:rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-hoverOpacity));border:1px solid var(--mui-palette-primary-main)}.SaveBanner .cancel:hover{text-decoration:none;background-color:rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-hoverOpacity))}.SaveBanner .cancel{color:var(--mui-palette-text-primary)}.SaveBanner .save{border:1px solid rgba(var(--mui-palette-primary-mainChannel) / .5);color:var(--mui-palette-primary-main)}.Notification{opacity:1;transform:none;background:var(--mui-palette-primary-main, #0b6bcb);margin-bottom:4px;transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;box-shadow:var( --mui-shadows-6, 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12) );font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:.875rem;line-height:1.71429em;letter-spacing:.01071em;color:var(--mui-palette-primary-contrastText, #000000);background-color:var(--mui-palette-primary-main, #0b6bcb);display:flex;-webkit-box-align:center;align-items:center;flex-wrap:wrap;padding:6px 16px;border-radius:var(--mui-shape-borderRadius);-webkit-box-flex:1;flex-grow:1;min-width:288px;min-height:56px;position:relative}.Notification.high{background-color:var(--mui-palette-error-main)}.Notification.medium{background-color:#ff8c00}.Notification button{padding:8px 0 8px 8px;margin-right:-5px;background-color:transparent;border:none;border-radius:50%;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}.Notification button svg{width:24px;height:24px;fill:var(--mui-palette-action-active)}.Notification button:hover{background-color:rgba(var(--mui-palette-action-activeChannel) / var(--mui-palette-action-hoverOpacity));cursor:pointer}.NotificationContainer{z-index:var(--mui-zIndex-snackbar);position:fixed;display:flex;-webkit-box-pack:end;justify-content:flex-end;-webkit-box-align:center;align-items:end;bottom:24px;right:24px;left:auto;flex-direction:column}.Notification.low:after{content:"";position:absolute;bottom:0;left:0;height:3px;background-color:#0004;border-bottom-left-radius:var(--mui-shape-borderRadius);border-bottom-right-radius:var(--mui-shape-borderRadius);animation:notification 5s linear}.Notification>span{flex:1}@keyframes notification{0%{width:0%;opacity:0}20%{width:20%;opacity:1}95%{width:95%;opacity:1}to{width:100%;opacity:0}}.UseLoadingDialog{display:flex;gap:20px;align-items:center}.EndpointTab .__getType{display:flex;margin-top:20px;margin-bottom:20px}.EndpointTab .__getType *{flex:1;align-self:center}.CacheTab>*{padding:20px!important}*{box-sizing:border-box;font-family:Calibri,Roboto,Helvetica,Arial,sans-serif}:root{--background-orange: rgb(241, 136, 29);font-size:17.5px}@media (max-width: 2000px){:root{font-size:16px}}@media (max-width: 1600px){:root{font-size:15px}}@media (max-width: 1300px){:root{font-size:14px}}.HUD .AppHeader{background-color:var(--background-orange)}.HUD .AppHeader__logo{background-image:url(../images/logo_qhighschool_white.svg);width:148px;height:50px;max-height:50px;background-size:cover}.right label{left:inherit;right:0;transform-origin:top right}.MuiPaper-elevation2:hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}table{border-spacing:0px 10px}.MuiListSubheader-root{pointer-events:none}.IntegerField.id{display:none}.DisplayTable.MaterialTableRow .TableRow>*>*{font-weight:400}.HUD .ErrorBoundary .MuiTypography-body1{white-space:pre-line;font-size:1rem}.HUD .ErrorBoundary .codeblock{font-size:.75rem;background-color:#fff;color:#894a4a}@font-face{font-family:Calibri;src:url(/assets/Calibri-BffZOM74.eot);src:local("Calibri"),url(/assets/Calibri-BffZOM74.eot?#iefix) format("embedded-opentype"),url(/assets/Calibri-rFpSDvzH.woff2) format("woff2"),url(/assets/Calibri-D9GDxy1-.woff) format("woff"),url(/assets/Calibri-Brbv7n80.ttf) format("truetype"),url(/assets/Calibri-BKJxl51V.svg#Calibri) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Expletus Sans;src:url(/assets/ExpletusSans-Bold-CTTxQHME.eot);src:local("Expletus Sans Bold"),local("ExpletusSans-Bold"),url(/assets/ExpletusSans-Bold-CTTxQHME.eot?#iefix) format("embedded-opentype"),url(/assets/ExpletusSans-Bold-Cbl1At2A.woff2) format("woff2"),url(/assets/ExpletusSans-Bold-4snBvASv.woff) format("woff"),url(/assets/ExpletusSans-Bold-CKSo4Q_1.ttf) format("truetype"),url(/assets/ExpletusSans-Bold-Cuw3jFag.svg#ExpletusSans-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Calibri;src:url(/assets/Calibri-Bold-DzW1Q4gu.eot);src:local("Calibri Bold"),local("Calibri-Bold"),url(/assets/Calibri-Bold-DzW1Q4gu.eot?#iefix) format("embedded-opentype"),url(/assets/Calibri-Bold-BIqSUvk4.woff2) format("woff2"),url(/assets/Calibri-Bold-D9Iwd6Ed.woff) format("woff"),url(/assets/Calibri-Bold-YoOJChGw.ttf) format("truetype"),url(/assets/Calibri-Bold-p4ouHhp5.svg#Calibri-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Calibri;src:url(/assets/Calibri-Light-BsPDAYKz.eot);src:local("Calibri Light"),local("Calibri-Light"),url(/assets/Calibri-Light-BsPDAYKz.eot?#iefix) format("embedded-opentype"),url(/assets/Calibri-Light-BMff3HF9.woff2) format("woff2"),url(/assets/Calibri-Light-B_wiqPOY.woff) format("woff"),url(/assets/Calibri-Light-r6yqnwHh.ttf) format("truetype"),url(/assets/Calibri-Light-ai2j368h.svg#Calibri-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}