/*<style>*/
@font-face {font-family: QuicksandAlternateBlock; src: url('fonts/Quicksand.ttf'); font-display: block;}

html, body {height: 100%; margin: 0px; overflow-y: hidden;}
body.Thinking * {cursor: wait !important;}
small {font-size: 60%;}
.Panel:not(#LoadingBox):not(#IntroductionBox) .Content {max-width: unset; text-align: center;}
.Hidden {display: none;}
.Collapsed {display: none !important;}
.Disabled {opacity: 0.9; pointer-events: none;}
#Home {text-align: center;}
#HomeButton.FadeOut {opacity: 0 !important;}
#HomeButton.FadeOut.FadeIn {opacity: 1 !important;}
.LoadingBox {position: absolute; top: 0px; left: 0px; width: 100%; top: calc(50% - 20px); text-align: center;}
.ZoomedVeryLargeAssessment.Panel .LoadingBox {color: white;}
h3 {margin-bottom: 4px;}
.Hyperlink {text-decoration: underline; color: blue; cursor: pointer;}
.NoScroll {scrollbar-color: black black;}


#TeachersNavigationBar {position: fixed; background-color: white; top: 64px; left: 0px; width: 100%; height: 64px; padding: 14px; box-sizing: border-box; font-family: "open sans", sans-serif; font-size: 10pt; text-align: center; z-index: 3; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);}
	#TeachersNavigationBar {xtop: 0px; xz-index: 203; --left: 310px; xleft: var(--left); xwidth: calc(100% - var(--left)); xbackground: black; xfilter: invert(1); xbox-shadow: none; box-shadow: 0 0 10px rgb(0 0 0 / 1%), 0 4px 16px rgba(0, 0, 0, .08);}
	x.Panel:not(#LoadingBox):not(#IntroductionBox):not(#Home), x#LeftBox {top: 64px !important; height: calc(100% - 64px) !important;}
	#LeftBox {box-shadow: 0 0 10px rgb(0 0 0 / 0.1%), 0 4px 16px rgba(0, 0, 0, 5%);}
#TeachersNavigationBar label {display: inline-block; xmargin-top: -6px; margin-right: 6px; margin-left: 6px !important; vertical-align: middle;}
#TeachersNavigationBar select {border-radius: 4px; max-width: 10%; font-size: 10pt; padding: 6px 6px 6px 6px; background-color: white; margin-top: 3px; margin-bottom: 10px; margin-right: 6px;}
#TeachersNavigationBar select#AssessmentTypePicker, #TeachersNavigationBar select#AssessmentGroupPicker {transition: width 0.5s; width: 150px; max-width: 20%;}
x#TeachersNavigationBar select#AssessmentTypePicker:hover, x#TeachersNavigationBar select#AssessmentGroupPicker:hover {width: 310px;}
#AssessmentDisplayPicker {width: 98px;}
#AssessmentDatePickerStartDate, #AssessmentDatePickerEndDate {padding: 5px; font-size: 10pt; border-radius: 4px; border-width: 1px; width: 97px;}
.Panel:not(#LoadingBox):not(#IntroductionBox):not(#Home) {top: 128px; height: calc(100% - 128px); min-height: initial; padding-top: 10px;}
.Toolbar {min-width: 896px;}
	#AssessmentToolbar {min-width: 1160px; padding: 0px 10px;}
.ToolbarButton {display: inline-block; font-size: 11pt; padding: 10px; cursor: pointer;}
.ToolbarButton img {width: 24px; height: 24px; margin-top: -3px; margin-right: 6px; vertical-align: middle;}
.ToolbarButton:hover {color: var(--themeColor);}
	.LearningConference .ToolbarButton:hover {color: var(--literacyColor);}
	.Toolbar {--invert: invert(1)}
	#BackButton, .LeftLink {--invert: invert(0)}
.ToolbarButton:hover img, .LeftLink:hover .LeftIconImage, .LeftLink.Selected .LeftIconImage {filter: var(--invert) sepia(1) saturate(30) brightness(0.6) hue-rotate(161deg);}
.Mathematics:not(.LearningConference) .ToolbarButton:hover img, .Mathematics:not(.LearningConference) .LeftLink:hover .LeftIconImage, .Mathematics:not(.LearningConference) .LeftLink.Selected .LeftIconImage {filter: var(--invert) sepia(1) saturate(30) brightness(0.5) hue-rotate(276deg);}

.ToolbarButton.Disabled, select.Disabled, input.Disabled {opacity: 0.3;}
#BackButton {position: absolute; left: 10px;}
#BackButton:not(:hover) img {filter: invert(1);}


.GameItem {display: inline-block; --DefaultFontFamily: Anton, impact, arial, sans-serif; --GameItemWidth: 22vw; width: var(--GameItemWidth); height: calc(var(--GameItemWidth) * 0.75); min-width: 200px; min-height: calc(200px * 0.75); margin: 5px; cursor: pointer; vertical-align: top; user-select: none;}
	.GameItem, .TitleScreenTitle {--TitleTextOutline: darkorange; --TitleTextBackground: linear-gradient(to bottom, rgba(255,212,0,1) 0%,rgba(255,202,79,1) 49%,rgba(239,155,0,1) 51%,rgba(255,106,0,1) 100%);}
.GameImage {display: block; width: calc(100% + 2px); height: calc(100% + 2px); background-size: cover; background-repeat: no-repeat; background-color: #2272ff; background-position: center; border: solid 1px transparent; border-radius: 20px;}
.GameItemTitle {pointer-events: none; line-height: 1.1; font-size: calc(var(--GameItemWidth) / 6.9); height: 100%; vertical-align: middle; color: gold; font-family: var(--DefaultFontFamily); display: flex; justify-content: center; align-items: center; border: solid 2px black; border-radius: 20px;}
.GameItemTitle, .TitleScreenTitleText {text-shadow: 1px 1px black, -1px -1px black, 2px 2px black, 3px 3px black, 4px 4px black, 5px 5px black; -webkit-text-stroke-width: 4px; -webkit-text-stroke-color: black;}
.GameItemTitleDecoration {position: absolute; pointer-events: none; color: transparent; display: flex; justify-content: center; align-items: center;}
.GameItemTitleDecoration, .TitleScreenTitleTextDecoration {-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--TitleTextOutline);}
.GameItemTitleDecoration span, .TitleScreenTitleTextDecoration {background: var(--TitleTextBackground); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none;}
.GameItem:hover .GameItemTitle {border-color: gold;}
.GamePadder {display: inline-block; visibility: hidden;}


#EditGroup {text-align: left; --leftBoxWidth: 280px;}
#LeftBox {position: fixed; top: 130px; left: 0px; width: var(--leftBoxWidth); box-sizing: border-box; height: calc(100% - 130px); padding-top: 10px; transform: translateX(-100%); animation: SlideInFromLeft 0.4s cubic-bezier(0.1, 0.7, 0.4, 1.07) forwards; overflow-y: auto; --extraPaddingLeft: 0px;}
	.LeftLoadingBox {position: absolute; width: 100%; top: calc(50% - 10px); text-align: center;}
	details details {--extraPaddingLeft: 26px;}
	.LeftLink {position: relative; padding: 10px 0px 7px 0px; vertical-align: middle; box-sizing: border-box; cursor: pointer;}
	#LeftBox > div.LeftLink {padding-left: calc(26px + var(--extraPaddingLeft));}
	summary.LeftLink {padding-left: calc(10px + var(--extraPaddingLeft));}
	details div.LeftLink {padding-left: calc(52px + var(--extraPaddingLeft));}
		.LeftIcon, .LeftLink:before {display: inline-block; font-size: 19px; width: 24px; height: 24px; line-height: 1; margin-left: 2px; margin-right: 0px; margin-bottom: -2px; vertical-align: baseline;}
		/* .LeftLink:before {content: ""; margin-left: 1px; margin-top: -2px; width: 26px; height: 26px; position: absolute; background-color: #bbecff; border-radius: 8px;}
		.LeftLink:nth-child(1):before {background-color: pink;}
		.LeftLink:nth-child(2):before {background-color: #77DD77;}
		.LeftLink:nth-child(3):before {background-color: #E3E4FA;}
		.LeftLink:nth-child(4):before {background-color: #ffde5b;} */
	.LeftLink.Selected {color: var(--themeColor); font-weight: bold; background-color: #eff3ff;}
		.Mathematics .LeftLink.Selected {background-color: #ffeff2;}
	.LeftLink:hover {color: var(--themeColor);}
	.LeftPadder {display: none; padding-left: 21px;}
	.LeftIconImage {background-size: 18px 18px; background-repeat: no-repeat; background-position: center 15%; color: transparent; filter: invert(1);}
	/* x.LeftLink:hover .LeftIconImage, .LeftLink.Selected .LeftIconImage {filter: sepia(1) saturate(15) brightness(0.5) hue-rotate(290deg);} */
	.ClassroomIcon {background-image: url('graphics/icons/teachers.png');}
	.StudentsIcon {background-image: url('graphics/icons/student.png');}
	.AssessmentIcon {background-image: url('graphics/icons/progress.png');}
	.LearningActivitiesIcon {background-image: url('graphics/icons/learningactivities.png');}
	.SheetIcon {background-image: url('graphics/icons/page.png');}
	.LeftLinkText {display: block; position: relative; --left: 30px; left: var(--left); margin-top: -20px; width: calc(100% - var(--left));}
	summary .LeftLinkText {display: block; position: relative; left: 48px; margin-top: -20px; width: calc(100% - 48px);}

@keyframes SlideInFromLeft {
	0% {transform: translateX(-100%); opacity: 0;}
	100% {transform: translateX(0%); opacity: 1;}
}

#RightBox {position: absolute; top: 0px; left: var(--leftBoxWidth); width: calc(100% - var(--leftBoxWidth)); box-sizing: border-box; min-height: 100%; transition: left 0.5s linear, width 0.5s linear;}
	#RightBox .Section {margin-right: 20px; margin-left: 20px;}
	#RightBox h1 {margin-top: 0px; padding-top: 20px;}
	#RightBox h2 {margin-top: 20px; padding-top: 16px;}
	#RightBox h3 {padding-top: 16px; text-align: left;}

#EditGroup h1, #EditGroup h2 {text-align: center;}
.Section {margin-left: 5%; margin-right: 5%; text-align: left;}

.ListViewItem {z-index: 1; cursor: default; width: calc((100% / 10) - 4px); max-width: 200px;}
	.ListViewItem.Dragging {opacity: 0.9; transform: none;}
	.ListViewItem.Selected {position: relative; z-index: 2;}
	.ListViewItem:hover {position: relative; z-index: 3;}
	.ListViewItem.Opening .ListViewItemImage, .ListViewItem.Opening:before {animation: IconPop 0.6s ease-in forwards;}
#StudentsandGroups .ListViewItem {width: calc((100% / 12) - 4px)}
.Page .ListViewItem {width: 122px;}
.ListViewItemTitle {max-height: 65px; overflow: visible; overflow-wrap: break-word;}
.ListViewItemTitle small {font-size: 100%;}
.ActivityLastUpdatedDate {background: #eaeaea; border: solid 1px #c2c2c2; border-radius: 5px; display: inline-block; padding: 3px; margin-top: 3px; font-size: 9pt;}
.AssessmentImage {background-image: url('graphics/icons/assessment.png'); position: relative;}
	.GroupAssessmentImage {background-image: url('graphics/icons/groupassessment.png');}
	.IndividualAssessmentImage {background-image: url('graphics/icons/individualassessment.png');}
	.ActivitySheetImage {background-image: url('graphics/icons/activitysheet.png');}
	/* .ListViewItem:nth-child(3n+1) .ActivitySheetImage {background-image: url('graphics/icons/activitysheetcolour2.png');}
	.ListViewItem:nth-child(3n+2) .ActivitySheetImage {background-image: url('graphics/icons/activitysheetcolour3.png');} */
	.ListViewItemImageOverlay {display: none; position: absolute; bottom: 0px; right: 0px; width: 16px; height: 16px; background-size: contain; border-radius: 5px;}
		.GroupAssessmentImage .ListViewItemImageOverlay {right: 7px;}
		.IndividualAssessmentImage .ListViewItemImageOverlay {right: 27px;}
		.ActivitySheetImage .ListViewItemImageOverlay {right: 27px; display: none;}
	.MathsOverlay {background-image: url('graphics/mathsicon.png');}
	.StructuredLiteracyOverlay {background-image: url('graphics/literacyicon.png');}
	.EssentialListOverlay {background-image: url('graphics/literacyicon.png');}
	.PhonicsOverlay {background-image: url('graphics/literacyicon.png');}
	.GraphemePhonemeOverlay {background-image: url('graphics/literacyicon.png');}
.FadedAssessmentItem {opacity: 0.2; display: none;}
.ListViewMessage {font-size: 10pt; opacity: 0.5;}
.ListViewItem {position: relative;}
.ListViewItem:not(.AssessmentItem) .ListViewItemImage {transform: scale(0.8);}
.ListViewItem:not(.AssessmentItem):before {position: absolute; content: ""; background-color: var(--circleBackgroundColor); border-radius: 100px; top: 4px; left: calc(50% - 26px); width: 52px; height: 52px; margin: auto; pointer-events: none;}
.ListViewItem:nth-child(15n+1) {x--circleBackgroundColor: #FFB6C1; /* Pastel Pink */}
.ListViewItem:nth-child(15n+2) {x--circleBackgroundColor: #bbecff; /* Pastel Blue */}
.ListViewItem:nth-child(15n+3) {x--circleBackgroundColor: #77DD77; /* Pastel Green */}
.ListViewItem:nth-child(15n+5) {x--circleBackgroundColor: #E3E4FA; /* Pastel Lavender */}
.ListViewItem:nth-child(15n+4) {x--circleBackgroundColor: #ffde5b; /* Pastel Yellow */}
.ListViewItem:nth-child(15n+5) {x--circleBackgroundColor: #B0E0E6; /* Pastel Teal */}
.ListViewItem:nth-child(15n+6) {x--circleBackgroundColor: #ffbd7c; /* Pastel Orange */}
.ListViewItem:nth-child(15n+7) {x--circleBackgroundColor: #AAF0D1; /* Pastel Mint */}
.ListViewItem:nth-child(15n+8) {x--circleBackgroundColor: #D8BFD8; /* Pastel Thistle */}
.ListViewItem:nth-child(15n+9) {x--circleBackgroundColor: #FFDAB9; /* Pastel Peach */}
.ListViewItem:nth-child(15n+10) {x--circleBackgroundColor: #FF7F7F; /* Pastel Red */}
.ListViewItem:nth-child(15n+11) {x--circleBackgroundColor: #c280b0; /* Pastel Purple */}
.ListViewItem:nth-child(15n+12) {x--circleBackgroundColor: #FAD6D6; /* Pastel Rose */}
.ListViewItem:nth-child(15n+13) {x--circleBackgroundColor: #e1547d; /* Pastel Crimson */}
.ListViewItem:nth-child(15n+14) {x--circleBackgroundColor: #b57dbb; /* Pastel Purple */}
#SelectedGroupIcon .ListViewItem:before {--circleBackgroundColor: inherit !important;}
.LearningSummaryItem .ListViewItemImage {margin-left: calc(50% - 25px); width: 50px; border-radius: 100px; background-size: cover;}
.ListViewItem.Archived {display: none;}
.ShowArchivedGroups .ListViewItem.Archived {display: inline-block; opacity: 0.4;}

#Assessment {overflow-x: auto;}
.DefaultPage table, table.DefaultPage {border-collapse: collapse; margin-bottom: 12px; min-width: 100%; overflow-y: hidden;}
.GroupResultsTable {page-break-before: avoid; overflow-y: hidden;  overflow-x: auto; --border: solid 1px var(--border-color); --border-color: #ababab;}
.IndividualResultsTable {page-break-inside: avoid; --border-color: black; --border: solid 1px var(--border-color);}
	.IndividualResultsTable th {background-color: #a9c8ffee;}
.DefaultPage td, .DefaultPage th {border: var(--border);}
.DefaultPage th, #ChangeStudentData th {color: black; padding: 6px 0px; text-align: center; border: solid 1px black;}
	.DefaultPage th:first-child, .DefaultPage th:nth-child(2) {width: 1%;}
	.DefaultPage th.Sortable {cursor: pointer;}
	th.SortAscending {position: relative;}
	th.SortAscending::before, th.SortDescending::before {content: "▾"; color: rgb(44 84 111 / 63%); position: absolute; bottom: -6px; left: 0px; width: 100%; font-size: 20pt; text-align: center; box-sizing: border-box;}
	th.SortDescending::before {content: "▴";}
	.DefaultPage th .VerticalText {display: inline-block; writing-mode: vertical-lr; transform: rotate(180deg); vertical-align: middle;}
	.GroupResultsTable.BasicFacts th .VerticalText {min-height: 86px;}
	.GroupResultsTable th {min-width: 25px; backdrop-filter: blur(1px); background: #a9c8ffee; xbackground: linear-gradient(to bottom, rgb(255 255 255 / 95%) 0%, rgb(234 234 234 / 95%) 100%);}
	.GroupResultsTable th .VerticalText {min-height: 100px; max-height: var(--height, 300px); writing-mode: vertical-rl; font-size: 10pt; overflow: hidden;}
	.GroupResultsTable tr th:first-child, .GroupResultsTable tr td:first-child {position: sticky; left: -10px; z-index: 1; overflow: visible; border-right: none;}
	.GroupResultsTable tr th:nth-child(2), .GroupResultsTable tr td:nth-child(2) {border-left: none;}
	.GroupResultsTable tr:nth-child(odd), .GroupResultsTable tr:nth-child(odd) td:first-child {background-color: #fafafa;} 
		.GroupResultsTable tr td:first-child {background-color: white;}
		.RightBorder {position: absolute; top: 0px; right: 0px; width: 0.5px; height: 100%; background-color: var(--border-color);}
	.GroupResultsTable tr th {position: sticky; top: -10px; z-index: 1; border-bottom: none; z-index: 3;}
	.GroupResultsTable tr:first-child th:first-child {z-index: 5;}
	.GroupResultsTable tbody tr:first-child td {border-top: none;}
	.GroupResultsTable th .Resizer {position: absolute; width: 100%; bottom: 0px; cursor: ns-resize; height: 4px; border-bottom: var(--border); box-shadow: 0px 8px 11px rgba(0,0,0,0.2);}

	.DefaultPage th .VerticalText .SpecialCharacter {display: inline-block; transform: rotate(90deg); margin-top: -4px; margin-bottom: -4px;}
	th {position: relative;}
	th.HighlightedColumn {}
	th.HighlightedColumn::after {pointer-events: none; content: ""; border: solid 2px yellow; position: absolute; height: 100000px; max-height: calc(100vh - 134px); width: calc(100% - 3px); z-index: 1; left: 0px; top: 0px; background: rgba(255,255,255,0.2); box-shadow: 0px 0px 20px rgba(0,0,0,0.5);}
	td.HighlightedRow {position: relative; overflow: visible !important; z-index: 2 !important;}
	.HighlightedRow::after {pointer-events: none; content: ""; border: solid 2px yellow; position: absolute; width: 100000px; max-width: 100vw; height: calc(100% - 3px); z-index: 1; left: 0px; top: 0px; background: rgba(255,255,255,0.2); box-shadow: 0px 0px 20px rgba(0,0,0,0.5);}
	.HiddenColumn:not(:hover) {width: 2px; overflow: hidden;}
	.DefaultPage td {padding: 3px 6px; cursor: default; text-align: left; vertical-align: top;}
	.GroupResultsTable td {vertical-align: middle; overflow: hidden;}
	.GroupResultsTable tr:hover, .GroupResultsTable tr:hover td:first-child {background-color: #dde9fd;}
	.GroupResultsTable tr:hover td:first-child:not(.HighlightedRow):after, .GroupResultsTable tr.Focus td:first-child:not(.HighlightedRow):after {pointer-events: none; content: ""; border: solid 2px #dde9fd; position: absolute; width: 100000px; max-width: calc(100vw - 41px); height: calc(100% - 3px); z-index: 1; left: 0px; top: 0px; background: rgba(255,255,255,0.2);}

	.GroupResultsTable th:hover, .GroupResultsTable tr th:first-child:hover {background: #bdd6ff;}
	.GroupResultsTable td.Correct:hover, .GroupResultsTable td.Incorrect:hover {filter: brightness(0.9); color: white;}

	/* .GroupResultsTable td {background-color: unset !important;} */
	.GroupResultsTable td span {border-radius: 5px; xborder: solid 1px white; display: inline-block; min-width: 20.8px; pointer-events: none;}
	.GroupResultsTable td.Correct span {background-color: limegreen; xborder-color: green; pointer-events: none;}
	.GroupResultsTable td.Incorrect span {background-color: red; xborder-color: darkred; pointer-events: none;}
	.GroupResultsTable td.Unknown span {background-color: yellow; xborder-color: goldenrod; pointer-events: none;}

tr.Expando td:first-child, table:not(.Expandable) tr.Expando td:nth-child(2) {padding: 3px 6px !important; text-align: left !important; white-space: nowrap}

#HighScores td, #RecentEvents td {white-space: nowrap;}
tr.Expando td:not(:first-child), table.Expandable tr.Expando td:nth-child(2), table:not(.Expandable) tr.Expando td:not(:nth-child(2)) {padding: 0px;}
tr.Expando td {cursor: pointer; text-align: center; height: 1px;}
tr.Expando.Focus, tr.Expando.Focus td:first-child {background: #a7c7ff;}
.Expandable tr.Expando.Focus .FactText {display: block;}
.Expandable tr.Expando.Focus td {vertical-align: top;}
tr.Expando.Focus td:not(:first-child):not(:nth-child(2)) {cursor: text; user-select: auto;}
tr.Expando.Focus td .PercentTitle {display: none;}
tr.Expando .Percent {padding-bottom: 1.5px; padding-top: 3.5px; height: 100%;}
tr.Expando.Focus td .Percent {height: unset; padding-top: 1.5px;}
.StructuredLiteracyIndividualResults .Percent, .EssentialListIndividualResults .Percent, .StructuredLiteracySnapshotIndividualResults .Percent, .PhonicsIndividualResults .Percent, .StructuredLiteracy-AdvancedIndividualResults .Percent, .StructuredLiteracy-AdvancedSnapshotIndividualResults .Percent {width: 16.66%; min-width: 16.66%; display: inline-block;}
	.StructuredLiteracySnapshotIndividualResults .Percent {width: 20%; min-width: 20%;}
.FullWidthPercent .Percent {display: block; width: 100% !important;}
.FullWidthPercent td {width: 20%;}
.BasicFactsIndividualResults .FullWidthPercent td {width: 10%;}
.Percent {white-space: nowrap;}
.Percent0 {background: white;}
.Percent10 {background: linear-gradient(to right, limegreen 0%, limegreen 10%, #ffffff 10%, #ffffff 100%);}
.Percent20 {background: linear-gradient(to right, limegreen 0%, limegreen 20%, #ffffff 20%, #ffffff 100%);}
.Percent30 {background: linear-gradient(to right, limegreen 0%, limegreen 30%, #ffffff 30%, #ffffff 100%);}
.Percent40 {background: linear-gradient(to right, limegreen 0%, limegreen 40%, #ffffff 40%, #ffffff 100%);}
.Percent50 {background: linear-gradient(to right, limegreen 0%, limegreen 50%, #ffffff 50%, #ffffff 100%);}
.Percent60 {background: linear-gradient(to right, limegreen 0%, limegreen 60%, #ffffff 60%, #ffffff 100%);}
.Percent70 {background: linear-gradient(to right, limegreen 0%, limegreen 70%, #ffffff 70%, #ffffff 100%);}
.Percent80 {background: linear-gradient(to right, limegreen 0% ,limegreen 80%, #ffffff 80%, #ffffff 100%);}
.Percent90 {background: linear-gradient(to right, limegreen 0%, limegreen 90%, #ffffff 90%, #ffffff 100%);}
.Percent95 {background: linear-gradient(to right, limegreen 0%, limegreen 95%, #ffffff 95%, #ffffff 100%);}
.Percent99 {background: linear-gradient(to right, limegreen 0%, limegreen 99%, #ffffff 99%, #ffffff 100%);}
.PercentPartial {background: yellow; height: 100%;}
.Percent100 {background: limegreen; height: 100%;}
td.Correct {background: limegreen;}
td.Unknown {background: yellow;}
.FactText {display: none;}
.DateText {}
.TableRowUserIcon {display: inline-block; width: 16px; height: 16px; background-size: contain; vertical-align: middle; margin-right: 6px;}


.BasicFactsIndividualResults.IndividualResults .FactText div {padding-left: 3px;}
.BestTime {display: inline-block; min-width: 12px; background-color: #26ae26; color: #b9fbbe; border: solid 1px #186920; border-radius: 10px; font-size: 6pt; text-align: center; padding: 0px 1px; vertical-align: middle; opacity: 1;}

.Page {position: relative; margin: 6px auto 10px auto; width: 784px; min-height: 1180px; border: solid 1px silver; padding: 40px; box-sizing: border-box; content-visibility: visible;}
.ZoomedSmallAssessment #AssessmentPages {position: relative; margin: 6px auto 10px auto; width: 784px; display: inline-block; border: solid 1px silver; padding: 40px; box-sizing: border-box; content-visibility: auto; text-align: left;}
.ZoomedSmallAssessment .Page {display: inline; padding: 0px; border: none;}
.ZoomedVeryLargeAssessment {--veryLargeScale: calc((100vh - 60px) / 100vw); --veryLargeScale1: 1.08;}
.ZoomedVeryLargeAssessment .WorldContentContainer {--scale: var(--veryLargeScale);}
.ZoomedLargeAssessment .WorldContentContainer {--scale: 0.6675;}
.ZoomedSmallAssessment .WorldContentContainer {--scale: 0.1624;}
.ZoomedTinyAssessment .WorldContentContainer {--scale: 0.1287;}
.ZoomedLargeAssessment .Page, .ZoomedSmallAssessment .Page {content-visibility: visible;}
.ZoomedLargeAssessment .Page.Activity, .ZoomedSmallAssessment .Page.Activity {min-height: unset;}
.ZoomedLargeAssessment .Page.Activity:not(:first-child), .ZoomedSmallAssessment .Page.Activity:not(:first-child) {margin-top: 0px; padding-top: 0px; border-top-style: none;}
.ZoomedLargeAssessment .Page.Activity:not(:last-child), .ZoomedSmallAssessment .Page.Activity:not(:last-child) {margin-bottom: 0px; padding-bottom: 0px; border-bottom-style: none;}
.ZoomedLargeAssessment .WorldContentContainer .LearningIntention {font-size: 30px !important;}
.LearningConference .LessonURLFooter, .ZoomedLargeAssessment .LessonURLFooter, .ZoomedSmallAssessment .LessonURLFooter {display: none;}
/* .ZoomedLargeAssessment .WorldFrame, .ZoomedMediumAssessment .WorldFrame, .ZoomedSmallAssessment .WorldFrame, .ZoomedTinyAssessment .WorldFrame {margin-top: 108px;} */

.ZoomedVeryLargeAssessment .LessonHeadingBox {display: none;}
.ZoomedVeryLargeAssessment.Panel {margin: 0px; padding: 0px !important; background: black;}
.ZoomedVeryLargeAssessment #AssessmentPages {padding: 0px;}
.ZoomedVeryLargeAssessment .Page {padding: 0px; margin: 0px; width: 100%; border: none;}
.ZoomedVeryLargeAssessment .Page.Activity {text-align: center;}
.ZoomedVeryLargeAssessment .AssessmentActivity .WorldContent {height: 600px !important;}
.ZoomedVeryLargeAssessment .AssessmentActivity .WorldContentContainer {margin: 0px; height: calc(600px * var(--scale));}
.ZoomedVeryLargeAssessment .WorldContentContainer .LearningIntention {display: none;}
.ZoomedVeryLargeAssessment .AssessmentActivity .WorldContentContainer .ProblemText, .ZoomedVeryLargeAssessment .AssessmentActivity .WorldContentContainer .Problems {margin-top: 0px !important;}
.ZoomedVeryLargeAssessment .Page {content-visibility: visible;}
.ZoomedVeryLargeAssessment .Page.Activity {min-height: unset;}
.ZoomedVeryLargeAssessment .Page.Activity:not(:first-child) {margin-top: 0px; padding-top: 0px; border-top-style: none;}
.ZoomedVeryLargeAssessment .Page.Activity:not(:last-child) {margin-bottom: 0px; padding-bottom: 0px; border-bottom-style: none;}

.DraggableCard {z-index: 1; background-color: white; font-size: 50pt;}
.DraggableCard .Denominator {bottom: -20px;}
.FullyCorrect .DraggableCard {background-color: limegreen;}
.NotFullyCorrect .DraggableCard {background-color: transparent;}


#RecentEvents .Page {width: 970px;}
.MathsEventIcon, .SpellingEventIcon {width: 16px; height: 16px; vertical-align: middle; background-size: contain; display: inline-block;}
.MathsEventIcon {background-image: url('graphics/mathsicon.png');}
.SpellingEventIcon {background-image: url('graphics/literacyicon.png');}
#RecentEvents table td:first-child, #RecentEvents table th:first-child {max-width: 160px;}
.RecentEventsName {display: inline-block; overflow: hidden; max-width: 150px; text-overflow: ellipsis;}

.LessonHeadingBox {
	page-break-before: always; white-space: nowrap; overflow-x: hidden;
	width: 100%; min-width: 100%; max-width: 101%; padding: 14px 16px 14px 16px; margin: 0px 0px 10px 0px; text-align: left; box-sizing: border-box;
	background: rgb(66,157,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(66,157,255,1) 0%, rgba(0,57,172,1) 89%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,157,255,1)), color-stop(89%,rgba(0,57,172,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(66,157,255,1) 0%,rgba(0,57,172,1) 89%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(66,157,255,1) 0%,rgba(0,57,172,1) 89%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(66,157,255,1) 0%,rgba(0,57,172,1) 89%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(66,157,255,1) 0%,rgba(0,57,172,1) 89%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#429dff', endColorstr='#0039ac',GradientType=0 ); /* IE6-9 */
	border: solid 1px black; border-radius: 10px;
}
.LessonLogo {display: inline-block; width: 80px; height: 80px; vertical-align: middle; margin-right: 15px; border: solid 1px black; border-radius: 14px; background-size: cover; background-image: url('graphics/learningicon.png');}
.LessonLogo.BasicFacts:not(.LessonLogoHead), .LessonLogo.MathematicsActivity:not(.LessonLogoHead) {background-image: url('graphics/mathsicon256.png') !important;}
.LessonLogo.EssentialList:not(.LessonLogoHead), .LessonLogo.StructuredLiteracy:not(.LessonLogoHead), .LessonLogo.Phonics:not(.LessonLogoHead), .LessonLogo.SpellingActivity:not(.LessonLogoHead), .LessonLogo.ReadingActivity:not(.LessonLogoHead), .LessonLogo.WritingActivity:not(.LessonLogoHead), .LessonLogo.GeneralActivity:not(.LessonLogoHead) {background-image: url('graphics/literacyicon256.png') !important;}
.LessonLogoHead {border: none; background-image: none;}
.LessonTitleContent {display: inline-block; vertical-align: middle; color: white; font-family: impact, avenirnextcondensed-bold, arial; -webkit-text-fill-color: white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; -ms-text-fill-color: white; -ms-text-stroke-width: 1px; -ms-text-stroke-color: black; -moz-text-fill-color: white; -moz-text-stroke-width: 1px; -moz-text-stroke-color: black; border: none; text-shadow: 2px 2px rgba(0,0,0,0.2), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; letter-spacing:-1px; cursor: default;}
.LessonTitle {display: block; xmax-width: 736px; font-size: 28pt;}
.LessonSubTitle {font-size: 14pt;}

.IndividualResults th {padding: 3px;}
.IndividualResults td {padding: 0px;}
.IndividualResults td, #RecentEvents td, #HighScores td {font-size: 11pt;}
#RecentEvents td {font-size: 10pt;}
.BasicFactsIndividualResults td {line-height: 1.2;}
.IndividualResults .FactText {width: 100%; display: block;}
.IndividualResults .FactText div {padding: 1px 0px 1px 6px; box-sizing: border-box; text-align: left;}
.IndividualResults .CorrectCount {color: silver; font-style: italic; display: none;}
.IndividualResults .Percent100 .CorrectCount {color: white;}

#ChangeStudentData {xheight: calc(100% - 180px) !important;}
#ChangeUserOptions table {border-collapse: collapse; margin: auto; min-width: 713px;}
#ChangeUserOptions th {width: unset; text-align: center;}
#ChangeUserOptions tr td:first-child {background-color: #d0e1fa; font-weight: bold; padding: 4px 0px 4px 4px;}
#ChangeUserOptions td input {border: solid 1px silver;}
#ChangeUserOptions td, #ChangeUserDataUser td {vertical-align: middle; padding: 0px 0px 0px 2px;}
#ChangeUserDataUser td {vertical-align: middle; padding: 2px;}
#ChangeUserDataUser {display: none;}
.OptionRow {display: table-row;}
.OptionTitle, .Option {display: table-cell; text-align: left; padding: 2px 6px; border: solid 1px silver; vertical-align: middle;}
.OptionTitle {min-width: 233px;}
	.Option input[type=number] {width: 80px;}
#xChangeUserButtons {position: fixed; bottom: 0px; left: 0px; width: 100%; background: white; padding: 10px; border: solid 1px silver;}
#ChangeStudentDataToolbar {padding-top: 4px;}

#GroupCode .CenterTable {min-height: 165px; font-size: 24pt;}
	.CenterTable {display: table; height: 100%; width: 100%;}
	.CenterCell {display: table-cell; text-align: center; vertical-align: middle;}
	#GroupCodeGroupName {font-weight: bold;}
	#GroupCodeText {font-size: 124pt; color: var(--themeColor); font-weight: bold; margin: 30px 0px; user-select: all; letter-spacing: 20px;}

.Page.Activity {text-align: left; min-height: 1130px;}
.WorldContentContainer {border: solid 1px gray; border-radius: 3px; --scale: 0.33; width: calc(1050px * var(--scale)); height: calc(600px * var(--scale)); display: inline-block; position: relative; margin-bottom: 2px; content-visibility: auto;}
#Assessment .Page:not(.MathematicsAssessmentReflection):not(.ReadingAssessmentReflection):not(.WritingAssessmentReflection):not(.GeneralAssessmentReflection):not(.ReadingAssessmentMazeYear6Number1):not(.ReadingAssessmentMazeYear5Number1) .WorldContentContainer * {cursor: default !important; pointer-events: none !important;}
.AssessmentActivity .WorldContentContainer {background: white; width: calc(1050px * var(--scale)); height: calc(700px * var(--scale)); vertical-align: top;}
.WorldContent {width: 1050px !important; height: 600px !important; transform: scale(var(--scale)); transform-origin: 0 0;}
.AssessmentActivity .WorldContent {height: 700px !important;}
#AssessmentTooltip {xbackground: white; xheight: 220px; z-index: 1000;}
#AssessmentTooltip .FallingItem {display: none;}
#AssessmentTooltip .LearningIntention {display: block; overflow-y: hidden; max-height: 100px;}
#AssessmentTooltip .LearningIntentionInner {display: block;}
#AssessmentTooltip .LearningIntentionText {display: block; overflow-y: visible; max-height: unset;}
.WorldContentContainer .WorldContent:not(.Scene) .WorldFrame {display: none;}
.WorldContentContainer .LearningIntention {table-layout: fixed; height: 100px; max-height: 100px; width: 100%; border-bottom: solid 1px black; font-family: QuicksandAlternateBlock, quicksand, roboto; font-weight: bold; font-size: 36pt !important; padding: 4px !important; display: table;}
.WorldContentContainer .LearningIntentionInner {display: table-cell; vertical-align: middle;}
.WorldContentContainer .LearningIntentionText {display: inline-block; max-height: 100px; overflow-y: hidden; text-overflow: ellipsis;}
.LearningConference .LearningIntentionText {font-size: clamp(16px, 5vw, 31px);}
.AssessmentActivity .WorldContentContainer .FullyCorrect .LearningIntention {background: limegreen;}
.WorldContentContainer.MathematicsAssessmentReflection .LearningIntention, .WorldContentContainer.ReadingAssessmentReflection .LearningIntention, .WorldContentContainer.WritingAssessmentReflection .LearningIntention, .WorldContentContainer.GeneralAssessmentReflection .LearningIntention {display: none;}
.AssessmentActivity .WorldContentContainer .FullyCorrect {background: lightgreen;}
.WorldContentContainer .FullyCorrect::after {content: "✓"; position: absolute; bottom: 20px; font-size: 80pt; right: 20px; color: #5c6274; z-index: 10000;}
.WorldContentContainer .NotFullyCorrect::after {content: "✗"; position: absolute; bottom: 20px; font-size: 80pt; right: 20px; color: #5c6274; z-index: 10000;}
	.WorldContentContainer .Scene.FullyCorrect::after, .WorldContentContainer .Scene.NotFullyCorrect::after {text-shadow: 1px 1px white;}
.AssessmentActivity .WorldContentContainer .FullyCorrect::after {color: green;}
x.AssessmentActivity .WorldContentContainer .NotFullyCorrect::after {display: none;}
.AssessmentActivity .WorldContentContainer .ProblemText {margin-top: 100px !important;}
.AssessmentActivity .WorldContentContainer .Problems {margin-top: 100px !important;}
.WorldContent.Scene .ProblemText {background-color: white;}

.WorldContentContainer .ProblemNavigationButton, .SpeakButton {display: none !important;}
.WorldContentContainer .DistributedQuarterContainer td {background-color: #f6f6f6;}
.WorldContentContainer .SmallGridTable tr:first-child {background-color: #f6f6f6;}
.WorldContentContainer .ChocolateBarTable td {background-color: #bc6d3f; border-color: black;}
.WorldContentContainer .ChocolateBarTable td.Eaten {background-color: #2d2d2d; border: solid 2px black;}

.WorldContentContainer .Correct {background-color: limegreen !important;}
.WorldContentContainer .Incorrect, .WorldContentContainer .Selected:not(.Correct) {background-color: red !important;}
.Page:not(.AssessmentActivity) .WorldContentContainer .WorldContent:not(.MathematicsPuzzleTwoTruthsAndALie) .DraggableCard, .Page:not(.AssessmentActivity) .WorldContentContainer .WorldContent .Answer {font-family: "Handwriting With Links", var(--PictureVariableAndInputFontFamily);}

.Scene .PictureVariable {transform: scale(var(--scale)); text-shadow: 0 0 4px rgba(0,0,0,0.5);}
.PictureVariable {--scale: 0.9;}

.Activity:not(.AssessmentActivity) .LessonHeadingBox {background-image: url('graphics/backgrounds/worksheets/hexagons.png'), url('graphics/backgrounds/worksheets/hexagonsbw.png'); background-size: cover; background-position: center; background-color: #d93a48;}
.MathematicsActivityIdentifyingPolygons .Answers, .MathematicsActivityIdentifyingPolyhedrons .Answers {z-index: 0;}
.Activity input.Answer {animation: none !important;}

.ClozeImage {background-size: contain; width: 100%; height: 80%; margin-top: -60px; margin-bottom: 20px; background-position: center center;}

.LessonURLFooter {position: absolute; left: 0px; bottom: 40px; width: 100%; box-sizing: border-box; text-align: center;}

 .Panel {transition: opacity 0.2s, transform 0.2s; z-index: 1;}
 .Panel.Hidden {z-index: 0;}
 .Panel.Hidden:not(#ChangeStudentData) {display: block !important; opacity: 0 !important; pointer-events: none !important;}
.LearningConference #ChangeStudentData {z-index: 0;}
.LearningConference #ChangeStudentData.Hidden {opacity: 1 !important; display: block !important; z-index: 0;}
 #Assessment.Panel, #WebBrowser {transition: opacity 0.2s, transform 0.2s, border 0.2s; --translateX: 0; --translateY: 0; transform: scale(100%) translate(var(--translateX), var(--translateY));}
 #Assessment.Panel.Hidden,  #WebBrowser.Hidden {transform: scale(0%); display: block !important; pointer-events: none;}
.Page, .ZoomedSmallAssessment #AssessmentPages {box-shadow: 0px 0px 50px rgba(0,0,0,0.2);}
.Page, .ZoomedSmallAssessment #AssessmentPages .Page {box-shadow: none;}
.LearningConference #TitleBar {xbackground: white; xcolor: black; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgb(0 0 0 / 13%);}
.LearningConference.TeachersPage #TeachersNavigationBar {background-color: black; color: white; width: calc(100% - 220px); left: unset; right: 0px; top: 0px; z-index: 203; box-shadow: none; text-align: left;}
.LearningConference #BackButton:not(:hover) img {filter: none;}
.LearningConference #BackButton {left: 0px;}
.LearningConference #ChangeStudentDataToolbar {display: none;}
.LearningConference #AssessmentToolbar {opacity: 0; transition: opacity 1s;}
/* .LearningConference #AssessmentToolbar:hover {xopacity: 1; xpointer-events: all;} */
.LearningConference .Panel:not(#LoadingBox):not(#IntroductionBox):not(#Home):not(#EditGroup) {top: 64px; height: calc(100% - 64px)}
.LearningConference #EditGroup {z-index: -1;}
.LearningConference .HideOnLearningConference {display: none;}
.LearningConference .ZoomedMediumAssessment .Page:not(.StructuredLiteracySnapshotIndividualResults):not(.StructuredLiteracy-AdvancedSnapshotIndividualResults):not(.BasicFactsIndividualResults) {width: 99.12%; min-height: 0px;}
.LearningConference .LessonHeadingBox {background: linear-gradient(to bottom,  rgb(92 171 255) 0%,rgb(1 106 200) 89%);}
.BlurredBackground {display: none;}
.LearningConference #ChangeStudentData, .LearningConference .BlurredBackground div {background-image: url('graphics/backgrounds/scenes/large/meadow.jpg'); overflow-y: auto; background-size: 94% auto; background-position: 12% 100%; xanimation: BackgroundPostionXScroll 9000s linear infinite;}
.LearningConference #ChangeUserTitle {font-size: 31pt;}
.LearningConference .Page:has(.BlurredBackground) {xbackdrop-filter: blur(30px); xbackground-color: rgba(255, 255, 255, 0.9);}
.LearningConference .BlurredBackground {display: block; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 20px; overflow: hidden;}
.LearningConference .BlurredBackground div {display: none; position: absolute; top: -50px; left: calc((100vw - 100%) / -2); width: 100vw; height: calc(100vh + 100px); filter: blur(30px) contrast(0.5) brightness(2) saturate(0.2); xfilter: blur(50px) brightness(1.2) saturate(0.6); z-index: -1;}
.LearningConference #ChangeStudentData .Page {position: relative; min-height: unset; border-radius: 20px; border: solid 1px rgb(255 255 255 / 26%); box-shadow: 0px 0px 50px rgb(0 0 0 / 36%); margin-top: 0px; xmargin-top: calc((100vh - 713px - 84px) / 2);}
.LearningConference #ChangeStudentData .ListViewItem {height: 140px; width: 136px;}
.LearningConference #ChangeStudentData .ListViewItemImageOverlay {display: none;}
.LearningConference #ChangeStudentData .Content {min-height: unset;}
.Page {animation: SlideUp 0.6s ease-out forwards;}
.Section {animation: FadeIn 0.6s ease-out forwards;}

.LearningConference #UserPages h2 {text-align: center; margin-bottom: 30px;}
.LearningConference #UserPages {text-align: left;}
	.LearningConference #UserPages .ListViewItem {cursor: pointer;}
	 #UserPages .ListViewItem.Viewed .ListViewItemImage {animation: IconPop 0.6s ease-in forwards;}
	.LearningConference #UserPages .ListViewItem.Viewed {opacity: 0.5;}
	.LearningConference #UserPages .ListViewItemImage {width: 70px; height: 70px; display: inline-block; margin-bottom: 10px; background-size: cover; border-radius: 100px; box-shadow: 0px 2px 10px rgb(0 0 0 / 30%);}
	.LearningConference #UserPages .ListViewSelectionBox:hover, .LearningConference #UserPages .ListViewItem.Selected .ListViewSelectionBox {border-color: transparent; background: transparent !important;}
	.LearningConference #UserPages .ListViewSelectionBox .ListViewItemImage {transition: transform 0.2s; transform-origin: center;}
	.LearningConference #UserPages .ListViewSelectionBox:hover .ListViewItemImage {transform: scale(1.08);}
	.LearningConference #UserPages .ListViewSelectionBox:hover {color: navy;}
	.LearningConference #UserPages .SchoolReportListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/chart.png');}
	.LearningConference #UserPages .MathematicsReportListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/chart.png');}
	.LearningConference #UserPages .Level1NumeracyAssessmentListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics1.png'); opacity: 0.7;}
	.LearningConference #UserPages .Level2NumeracyAssessmentListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics2.png'); opacity: 0.7;}
	.LearningConference #UserPages .Level3NumeracyAssessmentListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics3.png'); opacity: 0.7;}
	.LearningConference #UserPages .Level4NumeracyAssessmentListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics4.png'); opacity: 0.7;}
	.LearningConference #UserPages .Phase1NumberAssessmentListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics1.png');}
	.LearningConference #UserPages .Phase2NumberAssessmentListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics3.png');}
	.LearningConference #UserPages .Phase3NumberAssessmentListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics4.png');}
	.LearningConference #UserPages .Year3NumberAssessmentListViewItem  .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics1.png');}
	.LearningConference #UserPages .Year4NumberAssessmentListViewItem  .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics2.png');}
	.LearningConference #UserPages .Year5NumberAssessmentListViewItem  .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics3.png');}
	.LearningConference #UserPages .Year6NumberAssessmentListViewItem  .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics4.png');}
	.LearningConference #UserPages .NumberAssessment3ListViewItem  .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics1.png');}
	.LearningConference #UserPages .NumberAssessment4ListViewItem  .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics2.png');}
	.LearningConference #UserPages .NumberAssessment5ListViewItem  .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics3.png');}
	.LearningConference #UserPages .NumberAssessment6ListViewItem  .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadmathematics4.png');}
	.LearningConference #UserPages .e-asTTleMathsTestListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/easttlemaths.png');}
	.LearningConference #UserPages .BasicFactsListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/times2.png');}
	.LearningConference #UserPages .MathematicsReflectionListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/calculator2.png');}
	x.LearningConference #UserPages .ListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/chart.png');}
	x.LearningConference #UserPages .ListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/geometry.png');}
	.LearningConference #UserPages .ReadingReportListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/book.png');}
	.LearningConference #UserPages .SpellingSnapshotsListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/spellingsnapshot.png');}
	.LearningConference #UserPages .StructuredLiteracySnapshotListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadspelling1.png');}
	.LearningConference #UserPages .StructuredLiteracy-AdvancedSnapshotListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadspelling2.png');}
	.LearningConference #UserPages .Year5ReadingAssessmentListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadspelling2.png');}
	.LearningConference #UserPages .Year6ReadingAssessmentListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/notepadspelling3.png');}
	.LearningConference #UserPages .e-asTTleReadingTestListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/easttlereading.png');}
	.LearningConference #UserPages .ReadingReflectionListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/books.png');}
	.LearningConference #UserPages .WritingReportListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/homework.png');}
	.LearningConference #UserPages .WritingShowcaseListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/magazine2.png');}
	.LearningConference #UserPages .WritingReflectionListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/quill.png');}
	.LearningConference #UserPages .GeneralReflectionListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/idea.png');}
	.LearningConference #UserPages .ArtShowcaseListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/picture.png');}
	.LearningConference #UserPages .CyberSafetyAgreementListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/laptop.png');}
	.LearningConference #UserPages .SupportingLearningatHomeListViewItem .ListViewItemImage {background-image: url('graphics/assessment/icons/house.png');}
.LearningConference .ZoomedVeryLargeAssessment .BasicFactsIndividualResults, .LearningConference .ZoomedVeryLargeAssessment .StructuredLiteracySnapshotIndividualResults {background-color: white;}
.LearningConference .ZoomedMediumAssessment .BasicFactsIndividualResults {width: 100%;}
.LearningConference .ZoomedMediumAssessment .BasicFactsIndividualResults .IndividualResultsTable {display: inline-table; width: 49.8%; min-width: unset;}
	.LearningConference.Companion .IndividualResultsTable {min-width: 100% !important;}
.LearningConference .ZoomedMediumAssessment .BasicFactsIndividualResults .IndividualResultsTable:nth-child(even) {margin-right: 0.1%}
.LearningConference .ZoomedMediumAssessment .BasicFactsIndividualResults .IndividualResultsTable:nth-child(odd) {margin-left: 0.1%}
.LearningConference .ReadingAssessmentReflection .WorldContentContainer, .LearningConference .WritingAssessmentReflection .WorldContentContainer, .LearningConference .MathematicsAssessmentReflection .WorldContentContainer {border: none;}
.LearningConference .LoadingProgressBox {display: none;}
.LearningConference.Companion .ReadingAssessmentReflection .WorldContentContainer, .LearningConference.Companion .WritingAssessmentReflection .WorldContentContainer, .LearningConference.Companion .MathematicsAssessmentReflection .WorldContentContainer {--scale: 1.1 !important;}
.LearningConferenceActor .Head {z-index: 1000;}
.LearningConferenceActor .HeadSkin {background-position: 48% top; background-size: 80px 80px;}
.LearningConferenceActor.Boy .TShirt {background-image: url('graphics/actors/large/clothes/boytop.png'); filter: hue-rotate(58deg) brightness(0.9) contrast(8) !important;}
.LearningConferenceActor.Girl .TShirt {background-image: url('graphics/actors/large/clothes/girltop.png'); filter: hue-rotate(58deg) brightness(0.9) contrast(8) !important;}
.LearningConferenceActor.Boy .Pants, .LearningConferenceActor.Boy .Shorts {background-image: url('graphics/actors/large/clothes/pants.png'); filter: brightness(0.6) grayscale(1) contrast(5) !important;}
.LearningConferenceActor.Girl .Pants, .LearningConferenceActor.Girl .Shorts {background-image: url('graphics/actors/large/clothes/pants.png'); filter: brightness(0.6) grayscale(1) contrast(5) !important;}

.CollapseLearningConferenceAssessment.LearningConference .AssessmentActivity .WorldContentContainer {display: none;}
.CollapseLearningConferenceAssessment.LearningConference .AssessmentActivity .ScorePercentage {display: none;}
.CollapseLearningConferenceAssessment.LearningConference .ZoomedMediumAssessment .AssessmentActivity.Page {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.CollapseLearningConferenceAssessment.LearningConference .ZoomedMediumAssessment .AssessmentActivity .WorldContentContainer{margin-right: 3.3px;}
.CollapseLearningConferenceAssessment.LearningConference .AssessmentActivity .WorldContentContainer.LearningConferenceFullyCorrect {display: inline-block; order: 2 !important;}
.CollapseLearningConferenceAssessment.LearningConference .AssessmentActivity .WorldContentContainer.LearningConferencePartiallyCorrect {display: inline-block; order: 3 !important;}
.CollapseLearningConferenceAssessment.LearningConference .AssessmentActivity .WorldContentContainer.LearningConferenceNotCorrect {display: inline-block;}
.CollapseLearningConferenceAssessment.LearningConference .AssessmentActivity .WorldContentContainer:not(.LearningConferenceFullyCorrect) {order: 4;}

.LearningConference #ChangeStudentData .Page:has(.BlurredBackground) {backdrop-filter: blur(70px); background-color: rgb(255 255 255 / 75%); margin-bottom: 0px;}
.LearningConference #ChangeStudentData .LessonHeadingBox {border: none; background: none; text-align: center; overflow: visible;}
.LearningConference #ChangeStudentData #ChangeUserLogo {animation: UserLogoPulse 5s ease infinite; --size: 120px; width: var(--size); height: var(--size); background-color:rgb(248 249 249); background-size: 70% 70%; background-repeat: no-repeat; background-position: center; border-radius: 100px; box-shadow: 0px 2px 10px rgb(0 0 0 / 30%), 0px 0px 100px rgb(255 255 255 / 80%); margin-top: -106px;}
.LearningConference #ChangeStudentData .LessonTitleContent {display: block; margin-top: 10px;}
.LearningConference #ChangeStudentData #ChangeUserTitle {font-family: QuicksandAlternate, quicksand, roboto; font-size: 30pt; text-align: center; color: black; text-shadow: none; -webkit-text-fill-color: black; -webkit-text-stroke-width: 0px; -webkit-text-stroke-color: transparent;}
.LearningConference #ChangeStudentData h2 {font-family: QuicksandAlternate, quicksand, roboto; margin-top: 10px;}

@keyframes UserLogoPulse {
	0% {box-shadow: 0px 2px 10px rgb(0 0 0 / 30%), 0px 0px 100px rgb(255 255 255 / 80%);}
	50% {box-shadow: 0px 2px 10px rgb(0 0 0 / 30%), 0px 0px 20px rgb(255 255 255 / 90%);}
	100% {box-shadow: 0px 2px 10px rgb(0 0 0 / 30%), 0px 0px 100px rgb(255 255 255 / 80%);}
}

@keyframes IconPop {
	0% {transform: scale(1);}
	50% {transform: scale(2);}
	100% {transform: scale(1);}
}

@keyframes BackgroundPostionXScroll{
	0% {background-position-x: 0%;}
	100% {background-position-x: -10000%;}
}

.WorldFrame {filter: none !important; transform: none !important; transition: none !important;}
.Arm {animation: none !important;}

.LoadingProgressBox {position: relative; display: inline-block; width: 200px; height: 18px; text-align: left; box-sizing: border-box; border-radius: 10px; background: #eeeeee; margin: 10px; border: solid 1px silver; overflow: hidden;}
.LoadingProgressBar.Preloading {animation: ProgressBarPreloading 1s linear alternate infinite; width: 40px; transition: none;}
#EditGroup .LoadingProgressBar.Preloading {animation: ProgressBarPreloading 1s linear alternate infinite;}
.LoadingProgressBar.Preloading.Ending {animation: none; transition: none; width: 0% !important;}
.LoadingProgressBar {position: absolute; top: 0px; left: 0px; min-width: 8%; width: 8%; height: calc(100% + 1px); background: #008CFF; box-sizing: border-box; border-radius: 10px; transition: width 0.05s; overflow: hidden;}
.LoadingProgressBarFlash{animation: ProgressBarFlash 1s linear infinite; position: absolute; top: 0px; left: 0px; min-width: 40px; width: 40px; height: calc(100% + 1px); background:rgb(59, 164, 250); box-sizing: border-box; border-radius: 10px; filter: blur(5px)}
.LoadingProgressBar.Finished {transition: none !important; width: 100% !important;}
.LoadingProgressBar.QuickFinish {width: 102% !important; transition: width 0.16s;}

dialog::backdrop {
	background-color: rgba(126, 126, 126, 0.5);
	backdrop-filter: blur(0px);
	animation: BackdropBlur 0.3s linear forwards;
	transition: backdrop-filter: 0.3s ease-out;
}

dialog {animation: ZoomInDialogBox 0.3s ease-out forwards; text-align: center; border: solid 1px silver; border-radius: 10px; user-select: none; width: 500px; background: white; box-shadow: 0 0 30px rgba(0,0,0,0.3);}
dialog h1 {font-size: 14pt; background-color: #000000bf; color: #ffffff !important; padding: 10px; margin: -16px -16px 16px -16px;}
dialog h2 {font-size: 12pt; margin-top: 20px; margin-bottom: 8px; text-align: left; font-weight: normal;}
#ChooseAssessmentDisplayDialogBox {width: 600px;}
#ChooseAssessmentDisplayDialogBoxMessage {margin: 10px;}
dialog button {margin: 8px; border-radius: 4px;}
dialog textarea {min-width: 506px; max-width: 506px;}
.PictureButton {min-width: 130px; min-height: 100px; vertical-align: top;}
#ShareGroupDialogBox {width: 550px;}

#ChangeGroupIconDialogBox {width: calc(100% - 200px);}
#FilterGroupIcons {position: absolute; width: 200px; padding: 3px; right: 16px; margin-top: -7px;}
#SelectedGroupIcon {height: calc(100vh - 320px);}
#SelectedGroupIcon .ListViewItem {width: calc((100% / 10) - 4px)}
#SelectedGroupIcon .ListViewItemImage, .ListViewItemImage .GroupIcon {width: 50px; left: calc(50% - 25px);}

#ShareGroupMessage {margin-top: 10px;}
dialog input:not(input[type=color]), dialog textarea {width: 100%; box-sizing: border-box; padding: 10px;}

dialog textarea {min-height: 100px;}
#ShareGroupUsersListBox {height: calc(100% - 80px); overflow-y: scroll; text-align: left; border: solid 1px silver; border-radius: 5px; margin-top: 4px;}
.ShareGroupUserListItem {user-select: text; position: relative; padding: 10px; width: 100%; box-sizing: border-box;}
.ShareGroupUserListItem:hover {background-color: whitesmoke;}
.ShareGroupUserEmail {user-select: text;}
.DeleteShareUserButton, .OwnerShareUserButton {user-select: none; cursor: pointer; position: absolute; right: 10px; top: 10px;}
.DeleteShareUserButton:hover {color: red;}
.AddShareGroupEmailButton {position: relative; display: block; top: -44px; left: calc(100% - 72px); margin-bottom: -34px;}
.NewListItem {background-color: lightyellow;}

#Assessment:not(.Hidden) :not(.Page) > .LessonHeadingBox {opacity: 0; animation: SlideDown 0.6s ease-out forwards;}
#Assessment:not(.Hidden) :not(.Page) > .GroupResultsTable {opacity: 0; animation: SlideUp 0.6s ease-out forwards;}

#WebBrowser {padding: 0px !important; overflow: hidden;}
#IFrame {width: 100%; height: 100%; border: none;}



@keyframes ProgressBarPreloading {
	0% {transform: translateX(-20px);}
	100% {transform: translateX(180px);}
}

@keyframes ProgressBarFlash {
	0% {transform: translateX(-20px);}
	100% {transform: translateX(180px);}
}



@keyframes SlideDown {
	0% {transform: translateY(-200px); opacity: 0;}
	60% {transform: translateY(5px); opacity: 1;}
	80% {transform: translateY(-2px); opacity: 1;}
	90% {transform: translateY(1px); opacity: 1;}
	100% {transform: translateY(0px); opacity: 1;}
}

@keyframes SlideUp {
	0% {transform: translateY(200px); opacity: 0;}
	60% {transform: translateY(-5px); opacity: 1;}
	80% {transform: translateY(2px); opacity: 1;}
	90% {transform: translateY(-1px); opacity: 1;}
	100% {transform: translateY(0px); opacity: 1;}
}

@keyframes FadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes ZoomInDialogBox {
	0% {transform: scale(0.7); opacity: 0;}
	60% {transform: scale(1.03); opacity: 1;}
	70% {transform: scale(0.98);}
	80% {transform: scale(1.01);}
	90% {transform: scale(0.99);}
	100% {transform: scale(1);}
}

@keyframes BackdropBlur {
	0% {backdrop-filter: blur(0px)}
	80% {backdrop-filter: blur(6px);}
	100% {backdrop-filter: blur(6px);}
}


@media print {
	@page {
		margin: 0.4in 0.4in 0.4in 0.4in;
	}
	html, body {position: static;}
	body {font-size: 10pt; overflow: visible; position: static; height: 100%;}
	#TitleBar {display: none;}
	.Panel {top: 0px; padding-top: 0px !important; height: unset; position: static; margin-top: 0px !important; overflow: visible;}
	.Panel.Hidden:not(#ChangeStudentData) {display: none !important;}
	.Page {-webkit-print-color-adjust: exact; width: unset; min-height: unset; border: unset; padding: unset; margin-bottom: unset; page-break-before: always; display: block; box-shadow: none;}
	.GroupPicker, #AssessmentToolbar {display: none;}
	#TeachersNavigationBar {display: none;}
	#Assessment {overflow-x: unset;}
	.GroupResultsTable tr th {position: static !important;}
	th.HighlightedColumn::after {display: none;}
	.WorldContentContainer {--scale: 0.328; overflow: hidden;}
	.WorldContentContainer .Correct, .WorldContentContainer .Incorrect {background-color: white !important;}
	.MathematicsActivity:not(.AssessmentActivity) .LessonHeadingBox {background-image: url('graphics/backgrounds/worksheets/hexagonsbw.png') !important;}
	.Page.Activity {min-height: 1040.0155px;}
	.IndividualResults.StructuredLiteracySnapshotIndividualResults {zoom: 0.98;}
	.LessonURLFooter {bottom: 10px;}
	.Scene .PictureVariable {text-shadow: none;}
	.WorldContentContainer {content-visibility: visible;}
	#AssessmentTooltip {display: none;}
}

/* A4 Landscape*/
@media print and (height: 21cm) and (width: 29.7cm) {
	@page {
		size: A4 landscape;
		margin: 0.4in 0.4in 0.4in 0.4in;
	}
	#Assessment {width: unset;}
	.GroupResultsTable {width: 1000px; max-width: unset; min-width: unset; margin-bottom: 0px;}
	.GroupResultsTable.Stage5NumeracyAssessment1, .GroupResultsTable.Stage5NumeracyAssessment2, .GroupResultsTable.Stage5NumeracyAssessment3, .GroupResultsTable.Stage6NumeracyAssessment, .GroupResultsTable.Stage7NumeracyAssessment {zoom: 0.65;}
	.GroupResultsTable.EssentialList {zoom: 0.94;}
	.GroupResultsTable.StructuredLiteracy {zoom: 0.73;}
	.GroupResultsTable.Phonics {zoom: 0.94;}
	.GroupResultsTable.BasicFacts {zoom: 0.87;}
}