@import '_content/Blazor.UI/Blazor.UI.cftmigc9b5.bundle.scp.css';

/* /Components/Avatar/Avatar.razor.rz.scp.css */

/* /Components/ClassTile/StudentClassTile.razor.rz.scp.css */

/* /Components/ClassTile/TeacherClassTile.razor.rz.scp.css */

/* /Components/CourseItemIcons/ActivityIcon/ActivityIcon.razor.rz.scp.css */
/* /Components/CourseItemIcons/AssessmentIcon/AssessmentIcon.razor.rz.scp.css */
/* /Components/CourseItemIcons/ExternalAssessmentIcon/ExternalAssessmentIcon.razor.rz.scp.css */
/* /Components/CourseItemIcons/LessonIcon/LessonIcon.razor.rz.scp.css */
/* /Components/CourseItemIcons/StandaloneMediaIcon/StandaloneMediaIcon.razor.rz.scp.css */
/* /Components/ExcalidrawWhiteboard/ExcalidrawWhiteboard.razor.rz.scp.css */
.excalidraw-whiteboard-component[b-dwpdjhnu1u] {
    width: 100%;
    height: 100%;
}
/* /Components/GoogleDrivePicker/GoogleDrivePicker.razor.rz.scp.css */
/* /Components/Header/TeacherHeader.razor.rz.scp.css */
.teacher-header[teacher-header-component] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
}

.cleo-button[teacher-header-component] {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    background-color: var(--grey-3);
    border: none;
    border-radius: 32px;
    outline: none;
}

.cleo[teacher-header-component] {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px !important;
}

    .cleo[teacher-header-component]  svg {
        width: 24px;
        height: 24px;
        color: white;
    }

    .cleo img[teacher-header-component] {
        width: 48px;
        height: 48px;
    }

.cleo-button:hover[teacher-header-component],
.cleo-button.active[teacher-header-component] {
    background-color: var(--grey-light-2);
}

    .cleo-button:hover .cleo[teacher-header-component],
    .cleo-button.active .cleo[teacher-header-component] {
        background-color: var(--green);
        padding: 6px;
    }

        .cleo-button:hover .cleo[teacher-header-component]  svg,
        .cleo-button.active .cleo[teacher-header-component]  svg {
            width: 18px;
            height: 18px;
            color: white;
        }

[teacher-header-component] .inactive {
    color: var(--grey-1);
    background: transparent;
}
/* /Components/Mentioning/Views/MentioningEditor.razor.rz.scp.css */
.mentioning-container[b-1ta1x96e8p] {
    width: 100%;
    height: 100%;
}

.mentioning-editor--input[b-1ta1x96e8p] {
    width: 100%;
    height: 40px;
}

.mentioning-editor--input[b-1ta1x96e8p]  .markdown-editor,
.mentioning-editor--input[b-1ta1x96e8p]  .g-md-editor-component,
.mentioning-editor--input[b-1ta1x96e8p]  .g-md-editor-component__editor-wrapper,
.mentioning-editor--input[b-1ta1x96e8p]  .g-md-wysiwyg-editor,
.mentioning-editor--input[b-1ta1x96e8p]  .g-md-wysiwyg-editor__editor {
    box-sizing: border-box;
    width: 100%;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
}

.mentioning-editor--input[b-1ta1x96e8p]  .g-md-wysiwyg-editor__toolbar,
.mentioning-editor--input[b-1ta1x96e8p]  .g-md-editor-component__toolbar,
.mentioning-editor--input[b-1ta1x96e8p]  .g-md-editor-component__settings-wrapper,
.mentioning-editor--input[b-1ta1x96e8p]  .g-md-editor-sticky {
    display: none !important;
}

.mentioning-editor--input[b-1ta1x96e8p]  .g-md-wysiwyg-editor_toolbar {
    padding: 0 !important;
    margin: 0 !important;
}

.mentioning-editor--input[b-1ta1x96e8p]  .g-md-wysiwyg-editor__editor {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.mentioning-editor--input[b-1ta1x96e8p]  .ProseMirror {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    transform: translateY(-10px);
    margin: 0 !important;
    line-height: 20px !important;
    overflow: hidden !important;
    overflow-y: hidden !important;
    white-space: nowrap;
}

.mentioning-editor--input[b-1ta1x96e8p]  .ProseMirror p {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.mentioning-editor--input[b-1ta1x96e8p]  .ProseMirror > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* /Components/Mentioning/Views/MentionText/MentionText.razor.rz.scp.css */
.mention-text[b-50dx8njxqq] {
    white-space: pre-wrap;
}

.mention-text__mention[b-50dx8njxqq] {
    color: #27bf81 !important;
    font-weight: 700;
}
/* /Components/NavSidebar/TeacherNavSidebar.razor.rz.scp.css */
[teacher-navsidebar-component] .btn-sidebar {
    min-height: 2.625rem;
    height: auto;
}
/* /Components/Profile/TeacherProfile.razor.rz.scp.css */
.avatar-container[b-j99d0cdhtl] {
	display: flex;
	padding: 10px 0px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}

	.avatar-container[b-j99d0cdhtl] .menu--more .menu-header::before {
		display: none;
	}

.selected-school[b-j99d0cdhtl] {
	display: grid;
	grid-template-columns: 16px minmax(0, 1fr) 16px;
	align-items: center;
	column-gap: 12px;
	position: relative;
	height: auto;
	min-height: 32px;
	padding: 8px 12px 6px;
	border-radius: 4px;
	background: var(--grey-dark-4);
	overflow: visible;
}

.selected-school[b-j99d0cdhtl]::after {
	content: "";
	width: 16px;
	height: 16px;
}

.selected-school .selected-school-icon[b-j99d0cdhtl] {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 16px;
	height: 16px;
	aspect-ratio: 1/1;
}

.selected-school .selected-school-icon[b-j99d0cdhtl]  > svg {
	width: 16px;
	height: 16px;
}

.selected-school .selected-school-icon[b-j99d0cdhtl]  > svg > path {
	fill: var(--grey-1);
}

.selected-school .selected-school-title[b-j99d0cdhtl] {
	position: static;
	display: block;
	width: 100%;
	min-width: 0;
	max-height: none;
	overflow: visible;
	transform: none;
	-webkit-line-clamp: unset;
	color: var(--grey-1);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 14px;
	text-align: center;
	text-overflow: clip;
	white-space: normal;
	overflow-wrap: anywhere;
}

[b-j99d0cdhtl] .school-dropdown {
	width: 100%;
	container-type: inline-size;
}

	[b-j99d0cdhtl] .school-dropdown .field-menu {
		width: 100%;
	}
	
	[b-j99d0cdhtl] .school-dropdown .menu-header {
		display: flex;
		align-items: center;
		height: auto;
		min-height: 32px;
		min-width: 0;
		padding: 8px 12px;
		gap: 12px;
		overflow: visible;
		color: var(--grey-1);
		background: var(--grey-dark-4);
		border-radius: 4px;
	}

	[b-j99d0cdhtl] .school-dropdown .menu-header > span:first-child {
		display: flex;
		flex: 0 0 16px;
		justify-content: center;
		align-items: center;
		width: 16px;
		height: 16px;
	}

	[b-j99d0cdhtl] .school-dropdown .menu-header > span:first-child > svg {
		width: 16px;
		height: 16px;
	}

	[b-j99d0cdhtl] .school-dropdown .menu-header > span:first-child > svg > path {
		fill: var(--grey-1);
	}

	[b-j99d0cdhtl] .school-dropdown .menu-header > .text-overflow {
		display: block;
		flex: 1 1 auto;
		min-width: 0;
		max-height: none;
		overflow: visible;
		-webkit-line-clamp: unset;
		color: var(--grey-1);
		line-height: 14px;
		text-align: center;
		text-overflow: clip;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	[b-j99d0cdhtl] .school-dropdown .menu-header > .icon {
		flex: 0 0 12px;
		width: 12px;
		height: 7px;
		margin-left: auto;
	}

[b-j99d0cdhtl] .school-dropdown .menu-list {
	width: max-content !important;
	min-width: 100cqw !important;
	max-width: calc(100vw - 32px) !important;
	box-sizing: border-box;
	text-align: left;
}

[b-j99d0cdhtl] .school-dropdown .menu-list > li,
[b-j99d0cdhtl] .school-dropdown .menu-list .field-option {
	width: 100%;
	min-width: 0;
	max-width: none;
	height: auto;
	box-sizing: border-box;
}

[b-j99d0cdhtl] .school-dropdown .menu-list .field-option {
	display: block;
	overflow: visible;
	text-align: left;
}

[b-j99d0cdhtl] .school-dropdown .option {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-width: 0;
	max-width: none;
	height: auto;
	min-height: 32px;
	padding: 8px 12px;
	box-sizing: border-box;
	overflow: visible;
	text-align: left;
	white-space: normal;
}

[b-j99d0cdhtl] .school-dropdown .option > svg:first-child {
	flex: 0 0 14px;
	width: 14px;
	height: 15px;
}

	[b-j99d0cdhtl] .school-dropdown .option > span:nth-child(2) {
		display: block;
		flex: 1 1 auto;
		min-width: 0;
		max-width: none;
		max-height: none;
		overflow: visible;
		-webkit-line-clamp: unset;
		color: var(--grey-dark-3);
		text-align: left;
		text-overflow: clip;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: normal;
	}
	
	[b-j99d0cdhtl] .school-dropdown .option > .icon {
		flex: 0 0 22px;
		width: 22px;
		margin-left: 12px;
	}
/* /Components/QuestionWorkspaceHeader/QuestionWorkspaceHeader.razor.rz.scp.css */
.workspace-header[workspace-header-view] {
    display: flex;
    flex-direction: row;
    height: 40px;
    padding: 4px 6px;
    align-items: center;
    align-self: stretch;
    justify-content: space-between;
}

.workspace-header-title[workspace-header-view] {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color: var(--grey-3);
    padding: 16px 0;
}

.workspace-header-actions[workspace-header-view] {
    display: flex;
    height: 32px;
    align-items: center;
}

    .workspace-header-actions[workspace-header-view]  .btn {
        border: none !important;
        background: transparent !important;
    }

        .workspace-header-actions[workspace-header-view]  .btn:hover {
            background-color: var(--grey-light-3) !important;
            color: var(--grey-3) !important;
        }

        .workspace-header-actions[workspace-header-view]  .btn:disabled:hover {
            background-color: transparent !important;
            color: var(--grey-light-4) !important;
        }
/* /Components/SchoolSelectorGate/SchoolSelectorGate.razor.rz.scp.css */
/* /Components/SmallProgressBar/SmallProgressBar.razor.rz.scp.css */
.small-progress-bar-wrapper[b-6apj5g49n3] {
    width: 30px;
    display: -webkit-box;
}

.small-progress-bar[b-6apj5g49n3] {
    width: 100%;
    background-color: var(--grey-light-4);
    padding: 1px;
    border-radius: 3px;
    height: 5px;
    transform: translateY(9px);
}

.small-progress-bar-fill[b-6apj5g49n3] {
    display: block;
    height: 3px;
    background-color: var(--green);
    border-radius: 3px;
}

.small-progress-bar-value[b-6apj5g49n3] {
    color: var(--green);
    margin-left: 5px;
}
/* /Components/TextLeveler/View/TextLeveler.razor.rz.scp.css */
.text-leveler[teacher-text-leveler-component] {
    width: fit-content;
    border: solid;
    border-width: 1px;
    border-radius: 4px;
    border-color: var(--grey-light-4);
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0px 12px 0px 12px;
}

[teacher-text-leveler-component] .field-menu {
    padding: 3px 0px 3px 0px;
    font-size: var(--font-size);
}

[teacher-text-leveler-component] .menu-list {
    margin-top: 8px;
}

[teacher-text-leveler-component] svg {
    width: 16px;
    height: 16px;
}

    [teacher-text-leveler-component] svg path {
        fill: var(--grey-3);
    }

.label[teacher-text-leveler-component] {
    color: var(--grey-3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

.header[teacher-text-leveler-component] {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.title[teacher-text-leveler-component] {
    color: var(--grey-dark-2);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.6px;
    margin: 0;
}

[teacher-text-leveler-component] .btn-close,
[teacher-text-leveler-component] .btn-close:hover {
    border-color: var(--grey-light-4) !important;
    background: white !important;
}

.body[teacher-text-leveler-component] {
    width: 100%;
    display: flex;
    flex-flow: row;
    gap: 8px;
    padding: 8px;
}

.text-container[teacher-text-leveler-component] {
    width: 50%;
    height: 100%;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    gap: 8px;
}

.text-label[teacher-text-leveler-component] {
    color: var(--grey-3);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16.8px;
}

.text[teacher-text-leveler-component] {
    color: var(--grey-3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 14px 12px 14px;
    background-color: white;
    border: solid;
    border-width: 1px;
    border-radius: 4px;
    border-color: var(--grey-light-3);
    height: 250px;
    overflow-y: auto;
}

.footer[teacher-text-leveler-component] {
    width: 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 8px;
}

[teacher-text-leveler-component] .btn-regenerate {
    margin-left: auto;
}
/* /Components/WelcomeDialog/View/WelcomeDialog.razor.rz.scp.css */
.welcome-dialog[b-i2n68iqhfs] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px);
}

.welcome-dialog-card[b-i2n68iqhfs] {
    width: 100%;
    max-width: 550px;
    padding: 30px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.welcome-dialog-body[b-i2n68iqhfs] {
    display: flex;
    gap: 24px;
}

.welcome-dialog-text[b-i2n68iqhfs] {
    flex: 1;
    margin: 0;
}

.welcome-dialog-image[b-i2n68iqhfs] {
    width: 230px;
    height: auto;
    object-fit: contain;
}

.welcome-dialog-footer[b-i2n68iqhfs] {
    display: flex;
    justify-content: flex-start;
}
/* /Layouts/TeacherDashboard.razor.rz.scp.css */
.dashboard-container[teacher-dashboard-layout] {
    display: flex;
    flex-flow: row;
    overflow: hidden;
    height: 100vh;
}

.dashboard-main[teacher-dashboard-layout] {
    display: flex;
    flex-flow: column;
    padding: 0 !important;
    overflow: hidden;
    position: relative;
}

.dashboard-header[teacher-dashboard-layout] {
    position: static !important;
    width: 100% !important;
}

.content[teacher-dashboard-layout] {
    padding: 15px 15px 16px 15px;
    overflow: auto;
}

.body[teacher-dashboard-layout] {
    display: flex;
    flex-flow: row;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

[teacher-dashboard-layout] .ai-container {
    min-width: 350px;
    width: 350px;
    display: flex;
    flex-flow: row;
    position: absolute;
    top: 63px;
    bottom: 0;
    background-color: white;
    right: -350px;
    z-index: 9999;
    justify-content: center;
}

    [teacher-dashboard-layout] .ai-container.show {
        animation-name: show-ai-window-teacher-dashboard-layout;
        animation-duration: 300ms;
        animation-fill-mode: forwards;
    }

    [teacher-dashboard-layout] .ai-container.hide {
        animation-name: hide-ai-window-teacher-dashboard-layout;
        animation-duration: 200ms;
        animation-fill-mode: forwards;
    }

[teacher-dashboard-layout] .pin-to-sidebar {
    height: 100% !important;
    right: 0;
    position: relative;
    top: initial;
    bottom: initial;
}

[teacher-dashboard-layout] .immersive {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    background: rgba(82, 88, 96, 0.45);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 999999;
}

    [teacher-dashboard-layout] .immersive .ai-dialog {
        position: absolute;
        width: 60%;
        height: 80%;
        padding-left: 16px;
        padding-right: 16px;
    }

        [teacher-dashboard-layout] .immersive .ai-dialog .header {
            padding: 0;
        }

[teacher-dashboard-layout] .floating {
    position: fixed;
    top: 200px;
    right: 200px;
    min-height: 400px;
    height: 540px;
    max-height: 920px;
    background-color: transparent;
    resize: vertical;
    overflow: auto;
}

    [teacher-dashboard-layout] .immersive .ai-dialog,
    [teacher-dashboard-layout] .floating .ai-dialog {
        border: none;
        border-radius: 4px;
        background: white;
        box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.12);
    }

    [teacher-dashboard-layout] .floating .icon-drag {
        display: block;
    }

[teacher-dashboard-layout] .icon-drag {
    display: none;
    position: absolute;
    color: var(--grey-light-3);
    width: 26px;
    cursor: grab;
}

.acs-chat-container[teacher-dashboard-layout] {
    min-width: 350px;
    width: 350px;
    display: flex;
    flex-flow: row;
    position: absolute;
    top: 63px;
    bottom: 0;
    background-color: white;
    right: -350px;
    z-index: 888;
    justify-content: center;
}

    .acs-chat-container.show[teacher-dashboard-layout] {
        animation-name: show-chat-window-teacher-dashboard-layout;
        animation-duration: 300ms;
        animation-fill-mode: forwards;
    }

    .acs-chat-container.hide[teacher-dashboard-layout] {
        animation-name: hide-chat-window-teacher-dashboard-layout;
        animation-duration: 200ms;
        animation-fill-mode: forwards;
    }

.activity-evaluation-page .dashboard-main .content[teacher-dashboard-layout] {
    padding: 48px;
}

.notifications-container[teacher-dashboard-layout] {
    display: none;
    position: fixed;
    top: 52px;
    right: 60px;
    width: 450px;
    max-width: 450px;
    max-height: 605px;
    z-index: 10000;
}

    .notifications-container.show[teacher-dashboard-layout] {
        display: flex;
    }

    .notifications-container.hide[teacher-dashboard-layout] {
        display: none;
    }

.page-whiteboards .content[teacher-dashboard-layout],
.page-whiteboard .content[teacher-dashboard-layout]{
    padding: 0;
}

@keyframes show-chat-window-teacher-dashboard-layout {
    from {
        right: -350px;
    }

    to {
        right: 0;
        position: relative;
        top: initial;
        bottom: initial;
    }
}

@keyframes hide-chat-window-teacher-dashboard-layout {
    from {
        right: 0;
        position: relative;
        top: initial;
        bottom: initial;
    }

    to {
        right: -350px;
        position: absolute;
        top: 63px;
        bottom: 0;
    }
}

@keyframes show-ai-window-teacher-dashboard-layout {
    from {
        right: -350px;
    }

    to {
        right: 0;
        position: relative;
        top: initial;
        bottom: initial;
    }
}

@keyframes hide-ai-window-teacher-dashboard-layout {
    from {
        right: 0;
        position: relative;
        top: initial;
        bottom: initial;
    }

    to {
        right: -350px;
        position: absolute;
        top: 63px;
        bottom: 0;
    }
}
/* /Pages/ActivityEvaluation/Components/SideBySide/View/SideBySide.razor.rz.scp.css */
.teacher-side-by-side[teacher-side-by-side-component] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-flow: column;
}

.main[teacher-side-by-side-component] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    overflow: hidden;
}

.overview[teacher-side-by-side-component], .activity[teacher-side-by-side-component] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    padding: 25px;
}

.overview[teacher-side-by-side-component] {
    width: 25%;
    border-right: solid;
    border-right-width: 1px;
    border-right-color: var(--grey-light-4);
}

.activity[teacher-side-by-side-component] {
    width: 50%;
    background: var(--grey-light-1);
    padding: 16px 99px 38px 99px;
    flex-grow: 1;
}

.grading-methodologies[teacher-side-by-side-component] {
    width: 25%;
    height: 100%;
    border-left: solid;
    border-left-width: 1px;
    border-left-color: var(--grey-light-4);
}

.footer[teacher-side-by-side-component] {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-top: solid;
    border-top-width: 1px;
    border-top-color: var(--grey-light-4);
}

[teacher-side-by-side-component] .btn--primary {
    max-height: 31.11px;
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/View/Activity.razor.rz.scp.css */
.activity[teacher-activity-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    overflow: auto;
    gap: 16px;
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/Choice/Answer/View/ChoiceAnswer.razor.rz.scp.css */
.choice-answer[teacher-choice-answer-view] {
    display: flex;
    flex-flow: column;
    gap: 8px;
}

    .choice-answer[teacher-choice-answer-view]  .field-check {
        display: flex;
        flex-flow: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        color: var(--green);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        cursor: default;
    }

        .choice-answer[teacher-choice-answer-view]  .field-check input[type=checkbox]:disabled ~ .checkmark {
            border-color: var(--grey-light-4);
            background: white;
            color: white;
        }

        .choice-answer[teacher-choice-answer-view]  .field-check input[type=checkbox]:checked ~ .checkmark {
            border-color: var(--grey-light-4);
            background: var(--green);
            color: white;
        }

.value[teacher-choice-answer-view] {
    padding: 8px 10px 8px 10px;
    border-radius: 4px;
    background-color: var(--grey-light-1);
    color: var(--grey-dark-4);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.correct[teacher-choice-answer-view] {
    border: 1.5px solid var(--green);
    color: var(--green);
    background: var(--alpha-green-2);
}

.incorrect[teacher-choice-answer-view] {
    border: 1.5px solid var(--red);
    color: var(--red);
    background: var(--alpha-red-2);
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/Choice/View/Choice.razor.rz.scp.css */
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/FillInBlanks/Answer/View/FillInBlanksAnswer.razor.rz.scp.css */
.fill-in-blanks-answer[teacher-fill-in-blanks-answer-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    gap: 8px;
}

span[teacher-fill-in-blanks-answer-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

label[teacher-fill-in-blanks-answer-view] {
    color: var(--green) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.answer-container[teacher-fill-in-blanks-answer-view] {
    display: flex;
    flex-flow: column;
    gap: 8px;
}

.answer[teacher-fill-in-blanks-answer-view] {
    color: var(--grey-dark-3);
    padding: 12px 12px 10px;
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
    width: 100%;
    font-size: 0.875em;
    min-width: 202px;
}

.correct[teacher-fill-in-blanks-answer-view],
.correct-answer[teacher-fill-in-blanks-answer-view] {
    border: solid;
    border-radius: 4px;
    border-width: 1.5px;
    border-color: var(--green);
}

.incorrect[teacher-fill-in-blanks-answer-view] {
    border-width: 1.5px;
    border-color: var(--red);
}

.correct-answer[teacher-fill-in-blanks-answer-view] {
    background-color: var(--alpha-green-1);
    color: var(--green);
    padding: 8px;
    width: fit-content;
    width: 100%;
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/FillInBlanks/View/FillInBlanks.razor.rz.scp.css */
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/Matching/Answer/View/MatchingAnswer.razor.rz.scp.css */
ul[teacher-matching-answer-view] {
    display: flex;
    flex-flow: column;
    gap: 8px;
    width: 100%;
}

li[teacher-matching-answer-view] {
    display: flex;
    flex-flow: row;
    gap: 8px;
    align-items: center;
}

label[teacher-matching-answer-view] {
    color: var(--green) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.drag .drag-item[teacher-matching-answer-view] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 1px solid var(--grey-light-3);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 0.875rem;
    letter-spacing: 0;
    text-transform: none;
    background: var(--alpha-dark-1);
    border-radius: 4px;
    cursor: default;
}

    .drag .drag-item[teacher-matching-answer-view]::before {
        content: initial !important;
    }

    .drag .drag-item.disabled[teacher-matching-answer-view] {
        cursor: context-menu;
    }

    .drag .drag-item.drag-item--dragging[teacher-matching-answer-view] {
        color: var(--green);
        transform: rotate(4deg);
        transform-origin: center;
        transition: none !important;
        background: #ffffff;
        border: 1px solid var(--grey-light-3);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        pointer-events: none;
        z-index: 99;
    }

    .drag .drag-item.drag-item--enter[teacher-matching-answer-view] {
        color: transparent;
        background: rgba(0, 0, 0, 0.015) !important;
        border: 1px dashed var(--grey-light-3) !important;
    }

.correct[teacher-matching-answer-view] {
    border: 1.5px solid var(--green) !important;
    color: var(--green) !important;
    background: var(--alpha-green-2) !important;
}

.incorrect[teacher-matching-answer-view] {
    border: 1.5px solid var(--red) !important;
    color: var(--red) !important;
    background: var(--alpha-red-2) !important;
}

.matching-pair[teacher-matching-answer-view] {
    position: relative;
    padding: 4px 8px;
    background: transparent !important;
    border: 1px solid var(--grey-light-3);
    margin-right: 12px;
    min-width: 146px;
}

    .matching-pair[teacher-matching-answer-view]::after {
        position: absolute;
        content: "";
        top: 50%;
        left: 100%;
        transform: translateY(-50%);
        height: 1px;
        width: 21px;
        border-top: 1px dashed var(--grey-light-3);
    }

.tag[teacher-matching-answer-view] {
    display: inline-block;
    padding: 2px 8px;
    color: var(--grey-3);
    font-size: 0.75rem;
    letter-spacing: 0.125em;
    line-height: var(--line-height);
    text-transform: uppercase;
    border-radius: 4px;
}
    .tag.tag--basic[teacher-matching-answer-view] {
        font-size: 0.875rem;
        letter-spacing: 0;
        text-transform: none;
        background: var(--alpha-dark-1);
    }
        .tag.tag--basic.correct[teacher-matching-answer-view] {
            border: 2px solid var(--green);
            color: var(--green);
            background: var(--alpha-green-2);
        }

        .tag.tag--basic.incorrect[teacher-matching-answer-view] {
            border: 2px solid var(--red);
            color: var(--red);
            background: var(--alpha-red-2);
        }
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/Matching/View/Matching.razor.rz.scp.css */
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/Ordering/Answer/View/OrderingAnswer.razor.rz.scp.css */
ul[teacher-ordering-answer-view] {
    display: flex;
    flex-flow: column;
    gap: 8px;
    width: 100%;
}

li[teacher-ordering-answer-view] {
    display: flex;
    flex-flow: row;
    gap: 8px;
    align-items: center;
}

label[teacher-ordering-answer-view] {
    color: var(--green) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.drag .drag-item[teacher-ordering-answer-view] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 1px solid var(--grey-light-3);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 0.875rem;
    letter-spacing: 0;
    text-transform: none;
    background: var(--alpha-dark-1);
    border-radius: 4px;
    cursor: default;
}

    .drag .drag-item[teacher-ordering-answer-view]::before {
        content: initial !important;
    }

    .drag .drag-item.disabled[teacher-ordering-answer-view] {
        cursor: context-menu;
    }

    .drag .drag-item.drag-item--dragging[teacher-ordering-answer-view] {
        color: var(--green);
        transform: rotate(4deg);
        transform-origin: center;
        transition: none !important;
        background: #ffffff;
        border: 1px solid var(--grey-light-3);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        pointer-events: none;
        z-index: 99;
    }

    .drag .drag-item.drag-item--enter[teacher-ordering-answer-view] {
        color: transparent;
        background: rgba(0, 0, 0, 0.015) !important;
        border: 1px dashed var(--grey-light-3) !important;
    }

.tag[teacher-ordering-answer-view] {
    display: inline-block;
    padding: 2px 8px;
    color: var(--grey-3);
    font-size: 0.75rem;
    letter-spacing: 0.125em;
    line-height: var(--line-height);
    text-transform: uppercase;
    border-radius: 4px;
}

    .tag.tag--basic[teacher-ordering-answer-view] {
        font-size: 0.875rem;
        letter-spacing: 0;
        text-transform: none;
        background: var(--alpha-dark-1);
    }

        .tag.tag--basic.correct[teacher-ordering-answer-view] {
            border: 2px solid var(--green);
            color: var(--green);
            background: var(--alpha-green-2);
        }

        .tag.tag--basic.incorrect[teacher-ordering-answer-view] {
            border: 2px solid var(--red);
            color: var(--red);
            background: var(--alpha-red-2);
        }
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/Ordering/View/Ordering.razor.rz.scp.css */
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/ShortAnswer/Answer/View/ShortAnswerAnswer.razor.rz.scp.css */
.short-answer[teacher-short-answer-answer-view] {
    display: flex;
    flex-flow: column;
    gap: 8px;
    max-height: 600px;
}

.answer[teacher-short-answer-answer-view] {
    color: var(--grey-dark-3);
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
    width: 100%;
    font-size: 0.875em;
    overflow: auto;
    max-height: 100%;
}

.correct[teacher-short-answer-answer-view],
.correct-answer[teacher-short-answer-answer-view] {
    border: solid;
    border-radius: 4px;
    border-width: 1.5px;
    border-color: var(--green);
}

.incorrect[teacher-short-answer-answer-view] {
    border-width: 1.5px;
    border-color: var(--red);
}

.correct-answer[teacher-short-answer-answer-view] {
    background-color: var(--alpha-green-1);
    color: var(--green);
    padding: 8px;
    width: fit-content;
}

[teacher-short-answer-answer-view] .ql-editor {
    background-color: white !important;
}

[teacher-short-answer-answer-view] .pill.pill-layout-md {
    padding: 0.125rem 0.25rem;
}

[teacher-short-answer-answer-view] .pill .pill-icon {
    color: rgba(235, 141, 42, 1);
}

[teacher-short-answer-answer-view] .pill.pill-hoverable:hover .pill-icon {
    color: white;
}

[teacher-short-answer-answer-view] .pill.pill-hoverable:hover {
    background-color: var(--p-orange-100);
    color: white;
    border-color: var(--p-orange-30);
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/ShortAnswer/View/ShortAnswer.razor.rz.scp.css */
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/TrueFalse/Answer/View/TrueFalseAnswer.razor.rz.scp.css */
.true-false-answer[teacher-true-false-answer-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 8px;
    color: var(--grey-3);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    user-select: none;
}

.true[teacher-true-false-answer-view],
.false[teacher-true-false-answer-view] {
    border: solid;
    border-width: 1px;
    border-color: var(--grey-light-4);
    border-radius: 50%;
    padding: 4px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.correct[teacher-true-false-answer-view] {
    background-color: var(--green);
    color: white;
}

.incorrect[teacher-true-false-answer-view] {
    background-color: var(--red);
    color: white;
}


.correct-answer[teacher-true-false-answer-view] {
    border: solid;
    border-width: 1px;
    border-radius: 50%;
    border-color: var(--green);
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Questions/TrueFalse/View/TrueFalse.razor.rz.scp.css */
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Shell/View/Shell.razor.rz.scp.css */
.shell[teacher-question-shell-view] {
    display: flex;
    flex-flow: column;
    width: 100%;
    gap: 8px;
    flex-wrap: nowrap;
    background-color: white;
    border: solid;
    border-width: 1px;
    border-color: var(--grey-light-4);
    border-radius: 8px;
}

.expandable[teacher-question-shell-view] {
    overflow: hidden;
    max-height: 0 !important;
    transition: max-height 0.2s cubic-bezier(0, 0.4, 0.24, 1), margin-top 0.2s cubic-bezier(0.78, 0.01, 1, 0.6);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .expandable.expanded[teacher-question-shell-view] {
        max-height: 1000px !important;
        transition: max-height 0.2s cubic-bezier(0.5, 0, 1, 0.6), margin-top 0.2s cubic-bezier(0, 0.4, 0.24, 1);
    }

    .expandable.collapsed[teacher-question-shell-view] {
        margin-top: -24px;
    }

.header[teacher-question-shell-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    padding-inline: 12px;
    gap: 8px;
    padding-block: 6px;
    justify-content: space-between;
    border-bottom: 1px solid var(--grey-light-2);
    align-items: center;
}

.heading[teacher-question-shell-view] {
    color: var(--grey-3);
    font-size: 14px;
    padding-block-end: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.order[teacher-question-shell-view] {
    margin-inline-end: auto;
    color: var(--grey-3);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.type[teacher-question-shell-view] {
    color: var(--grey-1);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main[teacher-question-shell-view] {
    padding: 12px;
    display: flex;
    flex-flow: column;
    gap: 24px;
}

.text[teacher-question-shell-view] {
    color: var(--grey-dark-4);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[teacher-question-shell-view] .footer {
    padding: 12px;
}

[teacher-question-shell-view] .expand-control {
    border: none;
    padding: 6px 9px;
}

[teacher-question-shell-view] .expand-control:hover{
    background-color: var(--grey-light-2);
    color: var(--grey-3)
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Shell/Views/Comments/Comment/View/Comment.razor.rz.scp.css */
.comment[teacher-comment-view] {
    width: 100%;
    background: var(--grey-light-1);
    padding: 16px;
}

.content[teacher-comment-view] {
    background: white;
    border: solid;
    border-width: 1px;
    border-color: var(--grey-light-3);
    padding: 6px 10px 6px 10px;
    display: flex;
    flex-flow: column;
    gap: 8px;
}

.avatar-container[teacher-comment-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    color: var(--grey-3);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.4px;
    gap: 8px;
}

textarea[teacher-comment-view] {
    border: none;
    resize: none;
    color: var(--grey-3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    height: 16px;
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Shell/Views/Comments/View/Comments.razor.rz.scp.css */
.comments[teacher-comments-view] {
    width: 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: start;
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Shell/Views/Files/View/Files.razor.rz.scp.css */
.files[teacher-files-view] {
    background: white;
}

.main[teacher-files-view] {
    background: var(--grey-light-1);
    padding: 16px;
    border: solid;
    border-width: 1px;
    border-color: var(--grey-light-4);
    border-radius: 4px;
    display: flex;
    flex-flow: row;
    gap: 8px;
    flex-wrap: wrap;
}

.file[teacher-files-view] {
    background: white;
    border-radius: 4px;
    padding: 4px;
    width: fit-content;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
}

.file > div[teacher-files-view] {
    display: flex;
    align-items: center;
}

[teacher-files-view] .teacher-file-downloader {
    display: flex;
    flex-flow: row;
    gap: 8px;
    flex-wrap: wrap;
}

[teacher-files-view] .pill.pill-layout-md {
    padding: 0.125rem 0.25rem;
}

[teacher-files-view] .pill .pill-icon {
    color: rgba(235, 141, 42, 1);
}
[teacher-files-view] .pill.pill-hoverable:hover .pill-icon {
    color: white;
}

[teacher-files-view] .pill.pill-hoverable:hover {
    background-color: var(--p-orange-100);
    color: white;
    border-color: var(--p-orange-30);
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Shell/Views/Footer/View/Footer.razor.rz.scp.css */
.footer[teacher-footer-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    justify-content: end;
    align-items: center;
    gap: 8px;
    padding-top: 12px;
    border-top: solid;
    border-top-width: 1px;
    border-top-color: var(--grey-light-2);
    min-height: 43.77px;
}

.result-title[teacher-footer-view] {
    color: var(--grey-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
}

.correct[teacher-footer-view],
.incorrect[teacher-footer-view] {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 4px;
}

.correct[teacher-footer-view] {
    color: var(--green);
}

.incorrect[teacher-footer-view] {
    color: var(--red);
}

.correct[teacher-footer-view]  svg,
.btn-correct[teacher-footer-view]  svg {
    width: 16px;
    height: 16px;
}

.incorrect[teacher-footer-view]  svg,
.btn-incorrect[teacher-footer-view]  svg {
    width: 13px;
    height: 13px;
    fill: var(--red);
}

.correct[teacher-footer-view]  svg,
.correct[teacher-footer-view]  path,
.btn-correct[teacher-footer-view]  svg,
.btn-correct[teacher-footer-view]  path {
    fill: var(--green);
}

.btn-correct[teacher-footer-view],
.btn-incorrect[teacher-footer-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.btn-correct-checked[teacher-footer-view] {
    background-color: var(--green);
}

.btn-incorrect-checked[teacher-footer-view] {
    background-color: var(--red);
}

    .btn-correct-checked[teacher-footer-view]  svg,
    .btn-correct-checked[teacher-footer-view]  path,
    .btn-incorrect-checked[teacher-footer-view]  svg,
    .btn-incorrect-checked[teacher-footer-view]  path {
        fill: white;
    }

.points[teacher-footer-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    margin-right: auto;
    align-items: center;
    gap: 5px;
}

.max-points[teacher-footer-view] {
    flex: 1 1 auto;
}

[teacher-footer-view] .field-group {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 8px;
    max-width: 124px;
}

    [teacher-footer-view] .field-group .response {
        display: none;
    }
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Shell/Views/Hint/Hint.razor.rz.scp.css */
.hint-card[b-05m468255q] {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 8px;
    padding: 6.5px 12px;
    border-radius: 4px;
    padding: 10px;
}

.hint[b-05m468255q] {
    min-height: 1rem;
    display: flex;
    gap: 8px;
}
.content[b-05m468255q]{
    align-self:center;
}

[b-05m468255q] svg {
    align-self:start;
    margin-block-start: 4px;
    width: 16px;
    min-width: 16px;
    height: 16px;
}

.hint-gray[b-05m468255q] {
    background: var(--grey-light-1);
}

    .hint-gray .hint[b-05m468255q]  svg {
        color: var(--grey-3)
    }

    .hint-gray .hint .content[b-05m468255q] {
        color: var(--grey-3);
    }

.hint-yellow[b-05m468255q] {
    background: var(--alpha-yellow-2)
}

    .hint-yellow .hint[b-05m468255q]  svg {
        color: var(--yellow)
    }

.hint-footer[b-05m468255q] {
    font-size: .75rem;
    align-self: flex-end;
    color: var(--grey-3)
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Activity/Views/Shell/Views/Workspace/View/Workspace.razor.rz.scp.css */
.workspace[teacher-workspace-view] {
    display: flex;
    flex-flow: column;
    width: 100%;
    gap: 12px;
}

.header[teacher-workspace-view] {
    display: flex;
    flex-flow: row;
    width: 100%;
    gap: 8px;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--grey-light-2);
    cursor: pointer;
}

[teacher-workspace-view] .header svg {
    width: 14px;
    height: 14px;
}

.your-files[teacher-workspace-view] {
    color: var(--grey-3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main[teacher-workspace-view] {
    width: 100%;
}

.expand .main[teacher-workspace-view] {
    height: fit-content;
}

.collapse .main[teacher-workspace-view] {
    height: 0;
    overflow: hidden;
}

.collapse[teacher-workspace-view]  .header svg {
    transform: rotate(-90deg);
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Checklist/View/Checklist.razor.rz.scp.css */
.checklist[teacher-checklist-view] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    gap: 16px;
}

.header[teacher-checklist-view] {
    color: var(--grey-dark-4);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
}

.other[teacher-checklist-view] {
    margin-left: auto;
    margin-right: 8px;
}

.other[teacher-checklist-view],
.you[teacher-checklist-view] {
    color: var(--grey-dark-2);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

    .other[teacher-checklist-view]::before,
    .you[teacher-checklist-view]::before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
    }

    .other[teacher-checklist-view]::before {
        background-color: var(--grey-3);
    }

    .you[teacher-checklist-view]::before {
        background-color: var(--green);
    }

.questions[teacher-checklist-view] {
    overflow: auto;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 16px;
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Checklist/Views/Checkbox/Checkbox.razor.rz.scp.css */
.checklist-checkbox[teacher-checklist-checkbox-view] {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    color: var(--grey-1);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.box[teacher-checklist-checkbox-view] {
    display: flex;
    flex-flow: column;
    border: solid;
    border-width: 1px;
    border-color: var(--grey-light-3);
    border-radius: 4px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.you[teacher-checklist-checkbox-view],
.other[teacher-checklist-checkbox-view] {
    display: flex;
    align-items: center;
    justify-content: center;
}

[teacher-checklist-checkbox-view] .you path {
    fill: var(--green);
}

[teacher-checklist-checkbox-view] .other path {
    fill: var(--grey-3);
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Checklist/Views/Question/View/ChecklistQuestion.razor.rz.scp.css */
.checklist-question[teacher-checklist-question-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    width: 100%;
    gap: 8px;
    border-bottom: solid;
    border-bottom-color: var(--grey-light-2);
    border-bottom-width: 1px;
    padding-bottom: 8px;
}

.order[teacher-checklist-question-view] {
    color: var(--grey-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.text[teacher-checklist-question-view] {
    color: var(--grey-dark-4);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.checkboxes[teacher-checklist-question-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 8px;
    margin-left: auto;
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/GradingMethodologies/View/GradingMethodologies.razor.rz.scp.css */
.grading-methodologies[teacher-grading-methodologies-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row;
}

.checklist[teacher-grading-methodologies-view],
.rubric[teacher-grading-methodologies-view] {
    width: 100%;
    height: 100%;
    padding: 25px;
    min-width: 0px;
}

.tabs[teacher-grading-methodologies-view] {
    width: 51px;
    min-width: 51px;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 4px;
    padding: 10px;
    border-left: 1px solid #DDD;
}

.checklist-icon[teacher-grading-methodologies-view]  svg,
.rubric-icon[teacher-grading-methodologies-view]  svg {
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: var(--grey-3);
}

.show-checklist .checklist[teacher-grading-methodologies-view] {
    display: flex;
}

.show-checklist .checklist-icon[teacher-grading-methodologies-view]  svg {
    color: var(--green);
}

.show-checklist .rubric[teacher-grading-methodologies-view] {
    display: none;
}

.show-checklist .rubric-icon[teacher-grading-methodologies-view]  svg {
    color: var(--grey-3);
}

.show-rubric .rubric[teacher-grading-methodologies-view] {
    display: flex;
}

.show-rubric .rubric-icon[teacher-grading-methodologies-view]  svg {
    color: var(--green);
}

.show-rubric .checklist[teacher-grading-methodologies-view] {
    display: none;
}

.show-rubric .checklist-icon[teacher-grading-methodologies-view]  svg {
    color: var(--grey-3);
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Overview/View/Overview.razor.rz.scp.css */
.overview[teacher-overview-view] {
    width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-flow: column;
    gap: 16px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

.activity-name[teacher-overview-view] {
    color: var(--grey-dark-4);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    overflow-wrap: anywhere;
    word-break: break-word;
    flex-shrink: 0;
}

.activity-description[teacher-overview-view] {
    min-height: 164px;
    margin-bottom: auto;
    flex-shrink: 0;
}

[teacher-overview-view] .activity-comment {
    flex-shrink: 0;
}

.exempt-row[teacher-overview-view] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

    .exempt-row .toggle-content[teacher-overview-view] {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        gap: 8px;
    }

    [teacher-overview-view] .exempt-row .field-group {
        display: flex;
        flex-flow: row;
        align-items: center;
        gap: 8px;
        color: var(--grey-dark-1);
        font-family: var(--font-family);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    [teacher-overview-view] .exempt-row .field-group .field-switch-small {
        margin-bottom: 0 !important;
        padding-bottom: 4px;
    }

    [teacher-overview-view] .exempt-row .field-group .header {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
    }

    [teacher-overview-view] .exempt-row .field-group .tooltip {
        color: white;
        max-width: 275px;
    }
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Overview/Views/ActivityStatus/View/ActivityStatus.razor.rz.scp.css */
.activity-status[teacher-activity-status-view] {
    padding: 10px 20px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background-color: var(--grey-light-1);
    border-radius: 4px;
    border: 1px solid var(--grey-light-4);
    color: var(--grey-dark-4);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[teacher-activity-status-view] .field-group {
    min-width: 100px;
    width: 100px;
    max-height: 36px;
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Overview/Views/Comment/View/ActivityComment.razor.rz.scp.css */
.activity-comment[teacher-activity-comment-view] {
    display: flex;
    flex-flow: column;
    gap: 4px;
}

.header[teacher-activity-comment-view] {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
}

.input-area[teacher-activity-comment-view] {
    padding: 12px 14px 12px 14px;
    border: solid;
    border-width: 1px;
    border-color: var(--grey-light-3);
    min-height: 164px;
}

textarea[teacher-activity-comment-view] {
    resize: none;
    color: var(--grey-3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    min-height: 124px;
    width: 100%;
    border: none;
}

[teacher-activity-comment-view] .btn.btn--circle,
[teacher-activity-comment-view] .btn.btn--circle:hover {
    border: none;
    background-color: white;
}

    [teacher-activity-comment-view] .btn.btn--circle:hover svg {
        fill: var(--grey-3);
    }

    [teacher-activity-comment-view] .btn.btn--circle svg {
        width: 10px;
        height: 10px;
        fill: var(--grey-3);
    }

[teacher-activity-comment-view] .btn.btn--primary {
    padding: 18px;
    color: var(--grey-3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid var(--grey-light-4);
}

    [teacher-activity-comment-view] .btn.btn--primary svg {
        fill: var(--grey-3);
    }
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Rubric/View/Rubric.razor.rz.scp.css */
.rubric[teacher-rubric-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    padding: 0;
}

.header[teacher-rubric-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.name[teacher-rubric-view] {
    color: var(--grey-dark-4);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
}

.show-modal[teacher-rubric-view] {
    display: flex;
    width: 14px;
    height: 14px;
    color: var(--grey-3);
    cursor: pointer;
}

.body[teacher-rubric-view] {
    overflow: auto;
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.scroll[teacher-rubric-view] {
    padding: 0;
}

.modal-dialog[teacher-rubric-view] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

    .modal-dialog .rubric[teacher-rubric-view] {
        width: 50%;
        height: fit-content;
        border-radius: 4px;
        background: white;
        box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.12);
    }

    .modal-dialog .header[teacher-rubric-view] {
        padding: 20px;
        border-radius: 4px 0px 0px 0px;
        border-bottom: 1px solid var(--grey-light-4);
        background: white;
        justify-content: initial;
    }

    .modal-dialog[teacher-rubric-view]  .btn {
        width: 40px;
        height: 40px;
        max-height: 40px;
        color: var(--grey-3);
    }

        .modal-dialog[teacher-rubric-view]  .btn:hover {
            color: var(--grey-3);
            background-color: white;
            border: 1px solid var(--grey-light-3);
        }

        .modal-dialog[teacher-rubric-view]  .btn svg {
            transform: rotate(180deg);
        }

    .modal-dialog .name[teacher-rubric-view] {
        color: var(--grey-dark-4);
        font-family: "Open Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 33.6px;
    }

    .modal-dialog .body[teacher-rubric-view] {
        padding: 20px;
    }

    .modal-dialog[teacher-rubric-view]  .scale-criterion .body,
    .modal-dialog[teacher-rubric-view]  .comment-criterion .body {
        flex-flow: row;
        flex-wrap: wrap;
    }

    .modal-dialog[teacher-rubric-view]  .scale-criterion .clear,
    .modal-dialog[teacher-rubric-view]  .comment-criterion .clear {
        flex-basis: 100%;
    }

    .modal-dialog[teacher-rubric-view]  .scale-card {
        min-width: 220px;
        max-width: 320px;
    }

    .modal-dialog[teacher-rubric-view]  .comment-card {
        width: 100%;
    }

@media (max-width: 1400px) {

    .modal-dialog .rubric[teacher-rubric-view] {
        width: 90%;
    }
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Rubric/Views/CommentCriterion/Card/View/CommentCard.razor.rz.scp.css */
.comment-card[teacher-comment-card-view] {
    display: flex;
    flex-flow: column;
    gap: 12px;
    padding: 12px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid var(--grey-light-4);
    background: white;
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.06);
}

.header[teacher-comment-card-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 10px;
}

.name[teacher-comment-card-view] {
    flex: 1 0 0;
    overflow: hidden;
    color: var(--grey-dark-3);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
}

.points[teacher-comment-card-view] {
    color: var(--grey-3);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
}

textarea[teacher-comment-card-view] {
    height: 115px !important;
    min-height: 115px !important;
    max-height: 115px !important;
    display: flex;
    padding: 12px 14px;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--grey-light-3);
    background: white;
    color: var(--grey-1);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    resize: none;
}

    textarea[class=valid][teacher-comment-card-view] {
        border-bottom-width: 2px;
        border-bottom-color: var(--green);
    }
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Rubric/Views/CommentCriterion/View/CommentCriterion.razor.rz.scp.css */
.comment-criterion[teacher-comment-criterion-view] {
    display: flex;
    flex-flow: column;
    padding: 10px;
    background-color: var(--grey-light-1);
    border-radius: 4px;
}

.header[teacher-comment-criterion-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}

.arrow[teacher-comment-criterion-view]  svg {
    width: 12px;
    height: 12px;
    color: var(--grey-dark-3);
}

.name[teacher-comment-criterion-view] {
    flex: 1 0 0;
    overflow: hidden;
    color: var(--grey-dark-3);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    user-select: none;
}

.body[teacher-comment-criterion-view] {
    display: flex;
    flex-flow: column;
    gap: 10px;
    padding-top: 10px;
}

.expand .arrow[teacher-comment-criterion-view]  svg {
    transform: rotate(90deg);
}

.expand .body[teacher-comment-criterion-view] {
    display: flex;
}

.collapse .arrow[teacher-comment-criterion-view]  svg {
    transform: rotate(0deg);
}

.collapse .body[teacher-comment-criterion-view] {
    display: none;
}

.clear[teacher-comment-criterion-view] {
    width: fit-content;
    display: none;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    align-self: center;
    color: var(--grey-3);
    padding: 0 12px 0 12px;
    cursor: pointer;
}

    .clear[teacher-comment-criterion-view]  svg {
        width: 16px;
        height: 16px;
    }

    .clear.show[teacher-comment-criterion-view] {
        display: flex;
    }
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Rubric/Views/DropDownPoints/View/DropDownPoints.razor.rz.scp.css */
.drop-down-header[teacher-drop-down-points-view] {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    background-color: white;
    width: fit-content;
    height: 40px;
    padding-left: 8px;
    border: solid;
    border-radius: 4px;
    border-width: 1px;
    border-color: var(--grey-light-3);
}

.points[teacher-drop-down-points-view] {
    color: var(--grey-3);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

input[teacher-drop-down-points-view] {
    min-width: 0;
    width: 18px;
    outline: none;
    border: none;
    text-align: right;
}

    input[teacher-drop-down-points-view]::-webkit-outer-spin-button,
    input[teacher-drop-down-points-view]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number][teacher-drop-down-points-view] {
        -moz-appearance: textfield;
    }

.drop-down-arrow[teacher-drop-down-points-view] {
    display: flex;
    width: 38px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-left: 1px solid var(--grey-light-3);
    background: var(--grey-light-1);
    margin-left: 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .drop-down-arrow[teacher-drop-down-points-view]  svg {
        width: 16px;
        height: 16px;
        color: var(--grey-3);
        transform: rotate(0deg);
    }

.expand.drop-down-header .drop-down-arrow[teacher-drop-down-points-view] {
    background-color: var(--green);
}

.expand.drop-down-header[teacher-drop-down-points-view]  svg {
    color: white;
    transform: rotate(180deg);
}

[teacher-drop-down-points-view] .drop-down .drop-down-body {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0, 10px);
    display: inline-block;
    list-style: none;
    padding-left: 0px;
    min-width: 180px;
    width: auto;
    max-width: 300px;
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    transition: all var(--transition-duration) ease 0s;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    line-height: var(--line-height);
    z-index: 99;
    max-height: 50vh;
    scrollbar-color: var(--alpha-dark-2) transparent;
    scrollbar-width: thin;
    display: flex !important;
    flex-flow: column !important;
}

.drop-down-item[teacher-drop-down-points-view] {
    display: flex;
    height: 38px;
    min-width: 75px;
    padding: 8px 10px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: var(--grey-3);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

    .drop-down-item:hover[teacher-drop-down-points-view] {
        background-color: var(--alpha-dark-1);
    }

    .drop-down-item.selected[teacher-drop-down-points-view] {
        background-color: var(--alpha-dark-1);
        color: var(--green);
    }

.error[teacher-drop-down-points-view] {
    border-bottom-color: red;
    border-bottom-width: 2px;
}
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Rubric/Views/ScaleCriterion/Card/View/ScaleCard.razor.rz.scp.css */
.scale-card[teacher-scale-card-view] {
    display: flex;
    flex-flow: column;
    gap: 12px;
    padding: 12px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid var(--grey-light-4);
    background: white;
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.06);
}

    .scale-card:hover[teacher-scale-card-view] {
        border-color: var(--green);
    }

.header[teacher-scale-card-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
}

.name[teacher-scale-card-view] {
    flex: 1 0 0;
    overflow: hidden;
    color: var(--grey-dark-3);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
}

.points[teacher-scale-card-view] {
    color: var(--grey-3);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
}

.description[teacher-scale-card-view] {
    color: var(--grey-3);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.selected[teacher-scale-card-view] {
    background: var(--alpha-green-1);
    border-color: var(--green);
}

    .selected .points[teacher-scale-card-view] {
        color: var(--green);
    }

    .selected .description[teacher-scale-card-view] {
        color: var(--grey-dark-3);
    }
/* /Pages/ActivityEvaluation/Components/SideBySide/Views/Rubric/Views/ScaleCriterion/View/ScaleCriterion.razor.rz.scp.css */
.scale-criterion[teacher-scale-criterion-view] {
    display: flex;
    flex-flow: column;
    padding: 10px;
    background-color: var(--grey-light-1);
    border-radius: 4px;
}

.header[teacher-scale-criterion-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}

.arrow[teacher-scale-criterion-view]  svg {
    width: 12px;
    height: 12px;
    color: var(--grey-dark-3);
}

.name[teacher-scale-criterion-view] {
    flex: 1 0 0;
    overflow: hidden;
    color: var(--grey-dark-3);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    user-select: none;
}

.body[teacher-scale-criterion-view] {
    display: flex;
    flex-flow: column;
    gap: 10px;
    padding-top: 10px;
}

.expand .arrow[teacher-scale-criterion-view]  svg {
    transform: rotate(90deg);
}

.expand .body[teacher-scale-criterion-view] {
    display: flex;
}

.collapse .arrow[teacher-scale-criterion-view]  svg {
    transform: rotate(0deg);
}

.collapse .body[teacher-scale-criterion-view] {
    display: none;
}

.clear[teacher-scale-criterion-view] {
    width: fit-content;
    display: none;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    align-self: center;
    color: var(--grey-3);
    padding: 0 12px 0 12px;
    cursor: pointer;
}

    .clear[teacher-scale-criterion-view]  svg {
        width: 16px;
        height: 16px;
    }

    .clear.show[teacher-scale-criterion-view] {
        display: flex;
    }
/* /Pages/ActivityEvaluation/Page/View/ActivityEvaluation.razor.rz.scp.css */
.activity-evaluation[teacher-activity-evaluation-page] {
    width: 100%;
    height: 100%;
    background: white;
    border: solid;
    border-width: 1px;
    border-radius: 8px;
    border-color: var(--grey-light-4);
}
/* /Pages/AssessmentEvaluation/Page/View/AssessmentEvaluation.razor.rz.scp.css */
.assessment-evaluation[b-n0uprw8wpb] {
    width: 100%;
    height: 100%;
    background: white;
    border: solid;
    border-width: 1px;
    border-radius: 8px;
    border-color: var(--grey-light-4);
}
/* /Pages/Calendar/Components/AddCourseContentItemDialog/AddCourseContentItemDialog.razor.rz.scp.css */
.add-course-content-item-dialog[b-8n0mmopz3t]  .dialog-body{
    flex: 1 1 auto;
    height: 350px !important;
    margin: 1.25rem;
}

.add-course-content-item-dialog[b-8n0mmopz3t]  .table-wrapper-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
/* /Pages/Calendar/Components/CourseContentTable/CourseContentTable.razor.rz.scp.css */
.course-content-table[course-content-table-component] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
}

.drop-down-icon[course-content-table-component] {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 6px;
    width: fit-content;
}

    .drop-down-icon.collapsed[course-content-table-component] .icon {
        width: 14px;
        height: 14px;
        transform: rotate(-90deg)
    }

    .drop-down-icon.expanded[course-content-table-component] .icon {
        width: 14px;
        height: 14px;
    }

.course-content-table[course-content-table-component]  .spinner-profile-height {
    height: 100% !important;
}

.course-content-table[course-content-table-component]  .table {
    background: #ffffff;
    height: auto;
    border: 1px solid var(--grey-light-3);
}

.course-content-table[course-content-table-component] .tr--expanded {
    position: relative;
    border-bottom: 0;
}

    .course-content-table[course-content-table-component] .tr--expanded td {
        background: var(--alpha-dark-1);
    }

        .course-content-table[course-content-table-component] .tr--expanded td::before {
            content: none;
        }

        .course-content-table[course-content-table-component] .tr--expanded td::after {
            box-sizing: border-box;
            content: "";
            position: absolute;
            left: 0;
            height: 3px;
            bottom: 0;
            width: 100%;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
        }

.course-content-table[course-content-table-component]  .no-records-td {
    background: var(--grey-light-2) !important;
}


.information[course-content-table-component] {
    flex-flow: row;
    align-items: center;
    gap: 5px;
    width: 30ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

[course-content-table-component] .information svg {
    width: 14px;
    height: 14px;
}

.tooltip[course-content-table-component] {
    border-radius: 4px;
    padding: 10px;
    gap: 5px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    background-color: var(--grey-dark-3);
}

.tooltip .title[course-content-table-component] {
    color: white;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
}

.tooltip .item[course-content-table-component] {
    color: var(--grey-light-2);
    font-weight: 400;
    font-size: 12px;
    line-height: 16.34px;
}
/* /Pages/Calendar/Components/CourseEventDetailsDialog/CourseEventDetailsDialog.razor.rz.scp.css */
.course-details-body[teacher-course-event-details-dialog] {
    display: flex;
    padding: 10px 20px 28px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.course-details-dialog[teacher-course-event-details-dialog] .dialog--standard {
    width: 500px;
}

.course-details-dialog[teacher-course-event-details-dialog] .dialog-header {
    border: 1px solid var(--grey-light-3);
}

.course-details-dialog[teacher-course-event-details-dialog] .dialog-body {
    border-right: 1px solid var(--grey-light-3);
    border-left: 1px solid var(--grey-light-3);
}

.course-details-dialog[teacher-course-event-details-dialog] .dialog-footer {
    border: 1px solid var(--grey-light-3);
}

    .course-details-dialog[teacher-course-event-details-dialog] .dialog-footer .btn {
        height: 40px;
    }

.icon-container[teacher-course-event-details-dialog] {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
}

    .icon-container.disabled[teacher-course-event-details-dialog]  path {
        fill: var(--grey-light-3);
    }

.attendance-tooltip[teacher-course-event-details-dialog] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    border-radius: 4px;
    border: 1px solid var(--grey-dark-2);
    background: var(--grey-dark-3);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    color: var(--grey-light-2);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[teacher-course-event-details-dialog] .attendance-empty {
    background: var(--green);
    color: white;
    border: none;
}
/* /Pages/Calendar/Components/CourseItemsTable/CourseItemsTable.razor.rz.scp.css */
.course-items-table[course-items-table-component] {
    flex: 1 1 auto;
}

    .course-items-table[course-items-table-component]  .spinner-profile-height {
        height: 100% !important;
    }

    .course-items-table[course-items-table-component]  .table {
        background: var(--grey-light-1);
        height: auto;
        border: hidden;
    }

        .course-items-table[course-items-table-component]  .table td {
            border-bottom: none !important;
            padding: 0px 0 !important;
        }

.icon-text-container[course-items-table-component] {
    display: flex;
    gap: 0.5rem;
    margin-left: 1.25rem;
}

.icon-container[course-items-table-component] {
   height: 1.125rem;
   width: 1.125rem;
}
    .icon-container[course-items-table-component] .pill {
        justify-content: center;
    }

    .icon-container[course-items-table-component]  svg {
        width: 0.75rem !important;
        height: 0.75rem !important;
    }

.spinner-container[course-items-table-component] {
    height: 44px;
    width: 100%;
    display: flex;
    align-items: center;
}
    .spinner-container[course-items-table-component]  .loader-spinner {
        width: 0;
        height: 1em;
        aspect-ratio: 1/1;
        opacity: 1;
        transition: all var(--transition-duration) ease 0s;
    }

        .spinner-container[course-items-table-component]  .loader-spinner .loader-spinner-circles {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

            .spinner-container[course-items-table-component]  .loader-spinner .loader-spinner-circles span::before {
                width: 20%;
                height: 20%;
                background: currentColor;
                opacity: calc(0.2 * var(--spinner-i));
            }
/* /Pages/Calendar/Components/RescheduleCourseEventDialog/RescheduleCourseEventDialog.razor.rz.scp.css */
/* /Pages/Calendar/Page/TeacherCalendar.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseEvent/CourseEvent.razor.rz.scp.css */
.course-event-content[course-event-view] {
    height: 100%;
    padding: 2px 8px 2px 6px;
    container-type: inline-size;
    width: 99%;
}

.course-event-title[course-event-view] {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 16px;
    margin-bottom: 2px;
}

.course-event-time[course-event-view],
.course-event-additional-data[course-event-view] {
    font-weight: 400;
    line-height: 16px;
    font-size: 0.75rem;
}

.course-event-additional-data[course-event-view],
.course-event-duration[course-event-view],
.course-event-time[course-event-view] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.short > .course-event-title[course-event-view],
.short > .course-event-time[course-event-view] {
    margin-bottom: 0;
}

.course-event-content.short > .event-icon[course-event-view] {
    position: static;
    transform: scale(0.8);
}

.course-event-content.short[course-event-view] {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.course-event-content.short .course-event-additional-data[course-event-view] {
    display: none;
}

.course-event-content.short .course-event-duration[course-event-view] {
    margin-left: 4px;
}

.past[course-event-view] {
    border-radius: 2px;
    border-top: 1px solid var(--grey-3);
    border-right: 1px solid var(--grey-3);
    border-bottom: 1px solid var(--grey-3);
    border-left: 4px solid var(--grey-3);
    background: linear-gradient(0deg, var(--grey-light-3) 0%, var(--grey-light-3) 100%, #FFF);
}

    .past .course-event-title[course-event-view],
    .past .course-event-time[course-event-view] {
        color: var(--grey-3)
    }

    .past .course-event-additional-data[course-event-view] {
        opacity: 0.5;
    }

.present[course-event-view] {
    border-radius: 2px;
    border-left: 4px solid rgba(255, 255, 255, 0.35);
    background: linear-gradient(0deg, var(--green) 0%, var(--green) 100%, #FFF);
}
    .present .course-event-title[course-event-view],
    .present .course-event-time[course-event-view] {
        color: white;
    }

    .present .course-event-duration[course-event-view] {
        color: white;
        opacity: 0.7;
    }


.present::deep .event-icon[course-event-view],
.present::deep .event-duration[course-event-view] {
    filter: brightness(150%);
}

.future[course-event-view] {
    border-radius: 2px;
    border-top: 1px solid var(--green);
    border-right: 1px solid var(--green);
    border-bottom: 1px solid var(--green);
    border-left: 4px solid var(--green);
    background: linear-gradient(0deg, rgba(39, 191, 129, 0.05) 0%, rgba(39, 191, 129, 0.05) 100%), #FFF;
}

    .future .course-event-title[course-event-view] {
        color: var(--green);
    }

    .future .course-event-duration[course-event-view] {
        color: var(--grey-3)
}
/* /Pages/Calendar/Views/CourseEventDetails/ActivityTile/ActivityTile.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseEventDetails/AssessmentTile/AssessmentTile.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseEventDetails/CourseItem/CourseItem.razor.rz.scp.css */
.unit-item-header[course-item-tile-template] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    overflow: hidden;
    gap: 1rem;
    width: 100%;
}

.header-title[course-item-tile-template] {
    grid-column: 1;
    color: var(--grey-dark-4);
    text-align: left;
    font-weight: 600;
    letter-spacing: 0px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    overflow: hidden;
}

    .header-title .header-title-badge[course-item-tile-template] {
        display: flex;
        flex-direction: row;
        width: 2rem;
        height: 2rem;
    }

    .header-title .header-title-text[course-item-tile-template] {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.header-pills[course-item-tile-template] {
    grid-column: 2;
    display: inline-flex;
    justify-content: end;
}

    .header-pills[course-item-tile-template] .pill-group {
        flex-wrap: nowrap;
    }

.header-action[course-item-tile-template] {
    grid-column: 3;
    display: flex;
    padding: 0.125rem;
}

    .header-action[course-item-tile-template]  button {
        transform: translateY(-50%) rotate(0deg);
    }

        .header-action[course-item-tile-template]  button:not(:hover) .icon {
            color: var(--grey-1);
        }

.close[course-item-tile-template] {
    cursor: pointer;
}

[course-item-tile-template] .close svg {
    width: 12px;
    height: 12px;
    color: var(--grey-3);
}
/* /Pages/Calendar/Views/CourseEventDetails/EventClassSection/EventClassSection.razor.rz.scp.css */
.section-container[event-class-section-view] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.class-container[event-class-section-view] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.class-icon[event-class-section-view] {
    display: flex;
    padding: 2px 0px;
    align-items: flex-start;
    gap: 8px;
}

.class-icon[event-class-section-view]  svg {
    width: 18px;
    height: 18px;
}

.class-title[event-class-section-view] {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.class-info[event-class-section-view] {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #616161;
}
/* /Pages/Calendar/Views/CourseEventDetails/EventCourseInfoSection/EventCourseInfoSection.razor.rz.scp.css */
.section-container[event-course-info-section-view] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.course-info-container[event-course-info-section-view] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.room-info[event-course-info-section-view] {
    display: flex;
    width: 42px;
    height: 42px;
    justify-content: center;
    align-items: center;
    gap: 9px;
    border-radius: 4px;
    border: 2px solid var(--grey-light-4);
    background-color: white;
}

.course-info[event-course-info-section-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.course-name-and-state[event-course-info-section-view] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.course-name[event-course-info-section-view] {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
}

.active-state-indicator[event-course-info-section-view] {
    display: flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--green);
    background-color: rgba(39, 191, 129, 0.10);
    font-size: 0.875rem;
    color: var(--green);
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}
/* /Pages/Calendar/Views/CourseEventDetails/EventCourseItemSection/EventCourseItemSection.razor.rz.scp.css */
.event-course-item-section[event-course-item-view] {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 8px;
}

    .event-course-item-section[event-course-item-view] .btn--primary {
        height: 40px;
        padding: 8px 12px;
        border-radius: 4px;
        border: 1px solid var(--grey-light-4);
        background-color: transparent;
        color: var(--green);
        width: 100%;
    }

.course-item-container[event-course-item-view] {
    display: flex;
    padding: 12px 12px 12px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    cursor: pointer;
}

[event-course-item-view] .lesson-plan-view {
    width: 100%;
}

    [event-course-item-view] .lesson-plan-view .preview {
        padding: 0;
        box-shadow: none;
    }
/* /Pages/Calendar/Views/CourseEventDetails/EventLocationSection/EventLocationSection.razor.rz.scp.css */
.section-container[event-location-section-view] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.location-container[event-location-section-view] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.location-icon[event-location-section-view] .icon {
    width: 18px;
    height: 18px;
}

.location-title[event-location-section-view] {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.location-info[event-location-section-view] {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #616161;
}
/* /Pages/Calendar/Views/CourseEventDetails/EventScheduleSection/EventScheduleSection.razor.rz.scp.css */
.section-container[event-schedule-section-view] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.schedule-container[event-schedule-section-view] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.clock-icon[event-schedule-section-view] .icon {
    width: 18px;
    height: 18px;
}

.schedule-title[event-schedule-section-view] {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.schedule-info[event-schedule-section-view] {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #616161;
}
/* /Pages/Calendar/Views/CourseEventDetails/ExternalAssessmentTile/ExternalAssessmentTile.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseEventDetails/LessonTile/LessonTile.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseEventDetails/StandaloneMediaTile/StandaloneMediaTile.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseItemIndicators/ActivityIndicator/ActivityIndicator.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseItemIndicators/ActivityPill/ActivityPill.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseItemIndicators/AssessmentIndicator/AssessmentIndicator.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseItemIndicators/AssessmentPill/AssessmentPill.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseItemIndicators/ExternalAssessmentIndicator/ExternalAssessmentIndicator.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseItemIndicators/ExternalPill/ExternalPill.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseItemIndicators/GeneratedPill/GeneratedPill.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseItemIndicators/LessonIndicator/LessonIndicator.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseItemIndicators/MediaPill/MediaPill.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseItemIndicators/StandaloneMediaIndicator/StandaloneMediaIndicator.razor.rz.scp.css */
/* /Pages/Calendar/Views/CourseItemsSummary/CourseItemsSummary.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AccessibilitySection/AccessibilitySection.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/Activities/View/Activities.razor.rz.scp.css */
.activities-table[activities-table-view] {
    width: 100%;
    height: calc(100% - 60px);
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.table[activities-table-view] {
    width: 100%;
    font-size: 0.875rem;
    border: 1px solid var(--grey-light-3);
}

    .table th[activities-table-view], .table td[activities-table-view] {
        position: relative;
        vertical-align: inherit;
    }

    .table td[activities-table-view] {
        border-bottom: 1px solid var(--grey-light-3);
        text-align: left;
        height: 44px;
        padding: 5px 12px;
        background: #FFFFFF;
    }

    .table tr:hover td[activities-table-view] {
        background: #F2F2F2 !important;
        cursor: pointer;
    }

    .table th[activities-table-view] {
        color: var(--grey-3);
        background: var(--grey-light-1);
        height: 44px;
        padding: 5px 12px;
        text-align: left;
    }

    .table .th--sticky[activities-table-view] {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
        background: var(--grey-light-1);
    }

    .table [rowspan][activities-table-view] {
        vertical-align: top;
    }

    .table .td--sticky[activities-table-view] {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
    }

    .table .th--sticky.th--sticky-top-right[activities-table-view] {
        right: -5px;
        top: -2px !important;
    }

    .table .th--sticky.th--sticky-right[activities-table-view],
    .table .td--sticky.td--sticky-right[activities-table-view] {
        right: -5px;
    }

    .table .th--sticky-top[activities-table-view] {
        top: -2px !important;
    }

    .table .th--sticky[activities-table-view]::before, .table .th--sticky[activities-table-view]::after,
    .table .th--sticky[teacher-activities-table-view][activities-table-view]::after {
        content: none;
        position: absolute;
        display: block;
    }

.td--sticky-right[activities-table-view] {
    background-color: transparent !important;
    justify-content: space-evenly;
    display: flex;
    align-items: center;
}

    .td--sticky-right svg[activities-table-view] {
        z-index: unset;
    }

tr[activities-table-view] {
    background-color: white;
}

.table .tr--link[activities-table-view], .table .td--link[activities-table-view] {
    transition: unset;
}

[activities-table-view] .scroll {
    padding: 0 !important;
}

.done-status[activities-table-view], .review-status[activities-table-view] {
    padding: 8px 12px;
}

.done-status[activities-table-view] {
    color: var(--green);
    background-color: var(--alpha-green-1);
}

.review-status[activities-table-view] {
    color: var(--red);
    background-color: var(--alpha-red-1);
}

.information[activities-table-view] {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 5px;
}

[activities-table-view] .information svg {
    width: 14px;
    height: 14px;
}

.tooltip[activities-table-view] {
    border-radius: 4px;
    padding: 10px;
    gap: 5px;
    display: flex;
    flex-flow: column;    
    justify-content: center;
    background-color: var(--grey-dark-3);
}

    .tooltip .title[activities-table-view] {
        color: white;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
    }

    .tooltip .item[activities-table-view] {
        color: var(--grey-light-2);
        font-weight: 400;
        font-size: 12px;
        line-height: 16.34px;
    }
/* /Pages/CourseDetails/Components/ActivityDetails/View/ActivityDetails.razor.rz.scp.css */
.activity-details[activity-details-view] {
    width: 100%;
    height: calc(100% - 30px);
    display: flex;
    flex-flow: column;
    gap: 16px;
    overflow: hidden;
    padding: 16px 64px 0 64px;
}

.header[activity-details-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 16px;
}

.spacer[activity-details-view] {
    border: solid;
    border-width: 0.1px;
    border-color: var(--grey-light-4);
}

.activity[activity-details-view] {
    display: flex;
    flex-flow: column;
}

.name[activity-details-view] {
    font-weight: 600;
    font-size: 18px;
    line-height: 28.8px;
    color: var(--grey-dark-3);
}

.due[activity-details-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 10px;
}

.chip[activity-details-view] {
    border-radius: 2px;
    padding: 2px 4px 2px 4px;
    gap: 4px;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    background-color: var(--alpha-dark-1);
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: var(--grey-3);
}

[activity-details-view] .chip svg {
    fill: var(--grey-3);
    width: 10px;
    height: 10px;
}

.sections[activity-details-view] {
    margin-left: auto;
}

[activity-details-view] .sections .loading-spinner {
    min-height: 0px !important;
    min-width: 200px !important;
}

[activity-details-view] .sections .loader-spinner {
    width: 24px !important;
    height: 24px !important;
}

[activity-details-view] .filter-drop-down {
    min-width: 200px;
}

.activity-details-table[activity-details-view] {
    width: 100%;
    height: calc(100% - 60px);
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.table[activity-details-view] {
    width: 100%;
    font-size: 0.875rem;
    border: 1px solid var(--grey-light-3);
}

    .table th[activity-details-view], .table td[activity-details-view] {
        position: relative;
        vertical-align: inherit;
    }

    .table td[activity-details-view] {
        border-bottom: 1px solid var(--grey-light-3);
        text-align: left;
        height: 44px;
        padding: 5px 12px;
        background: #FFFFFF;
    }

    .table tr:hover td[activity-details-view] {
        background: #F2F2F2 !important;
        cursor: pointer;
    }

    .table th[activity-details-view] {
        color: var(--grey-3);
        background: var(--grey-light-1);
        height: 44px;
        padding: 5px 12px;
        text-align: left;
    }

    .table .th--sticky[activity-details-view] {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
        background: var(--grey-light-1);
    }

    .table [rowspan][activity-details-view] {
        vertical-align: top;
    }

    .table .td--sticky[activity-details-view] {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
    }

    .table .th--sticky.th--sticky-top-right[activity-details-view] {
        right: -5px;
        top: -2px !important;
    }

    .table .th--sticky.th--sticky-right[activity-details-view],
    .table .td--sticky.td--sticky-right[activity-details-view] {
        right: -5px;
    }

    .table .th--sticky-top[activity-details-view] {
        top: -2px !important;
    }

    .table .th--sticky[activity-details-view]::before, .table .th--sticky[activity-details-view]::after,
    .table .th--sticky[teacher-activities-table-view][activity-details-view]::after {
        content: none;
        position: absolute;
        display: block;
    }

.td--sticky-right[activity-details-view] {
    background-color: transparent !important;
    justify-content: space-evenly;
    display: flex;
    align-items: center;
}

    .td--sticky-right svg[activity-details-view] {
        z-index: unset;
    }

tr[activity-details-view] {
    background-color: white;
}

.table .tr--link[activity-details-view], .table .td--link[activity-details-view] {
    transition: unset;
}

[activity-details-view] .scroll {
    padding: 0 !important;
}

[activity-details-view] .btn--circle svg {
    fill: var(--grey-3);
}

[activity-details-view] .btn--circle:hover svg {
    fill: white;
}

[activity-details-view] .spinner-profile-height {
    border: none !important;
}

.information[activity-details-view] {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 5px;
}

[activity-details-view] .information svg {
    width: 14px;
    height: 14px;
}

.tooltip[activity-details-view] {
    border-radius: 4px;
    padding: 10px;
    gap: 5px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    background-color: var(--grey-dark-3);
}

    .tooltip .title[activity-details-view] {
        color: white;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
    }

    .tooltip .item[activity-details-view] {
        color: var(--grey-light-2);
        font-weight: 400;
        font-size: 12px;
        line-height: 16.34px;
    }

.td--child-avatar[activity-details-view] {
    height: 30px;
    width: 30px;
    transform: translateY(2px);
    border-radius: 15px;
    border: 1px solid var(--grey-light-4);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

student--table-name[activity-details-view] {
    margin-left: 15px;
    transform: translateY(-5px);
}

.td--child-student-info[activity-details-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: center;
}

.activity-result[activity-details-view] {
    display: flex;
    flex-flow: row;
    flex-flow: nowrap;
    gap: 8px;
    align-items: center;
}

[activity-details-view] .activity-result svg {
    width: 12px;
    height: 12px;
}

[activity-details-view] .activity-result .close svg {
    fill: var(--red);
}

.submission-status-submitted[activity-details-view],
.submission-status-late[activity-details-view] {
    padding: 8px 12px;
}

.submission-status-submitted[activity-details-view] {
    color: var(--green);
    background-color: var(--alpha-green-1);
}

.submission-status-late[activity-details-view] {
    color: var(--orange);
    background-color: var(--alpha-orange-1);
}

.section-chip[activity-details-view] {
    padding: 6px 12px;
    background: #F2F2F2;
    border-radius: 14px;
    white-space: nowrap;
}

.students-header[activity-details-view] {
    min-width: 252px;
    max-width: 252px;
    width: 252px !important;
    height: 55px !important;
}

.students-header-content[activity-details-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

[activity-details-view] .students-header-content svg {
    width: 14px;
    height: 14px;
    fill: var(--grey-1);
}

.activity-result-header[activity-details-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    cursor: pointer;
}

    .activity-result-header .sort[activity-details-view] {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        margin-left: auto;
    }

[activity-details-view] .activity-result-header .sort svg {
    width: 7px;
    height: 7px;
    fill: var(--grey-3);
}
/* /Pages/CourseDetails/Components/ActivityFilter/View/ActivityFilter.razor.rz.scp.css */
.activity-filter-container[activity-filter-view] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}

.activity-filter-items-container[activity-filter-view] {
    display: flex;
}

.filter-item:first-child[activity-filter-view] {
    margin-right: 10px;
}

.filter-item[activity-filter-view]  .dropdown-header label {
    display:  none;
}

.filter-item[activity-filter-view]  .date-picker{
    width: auto;
}

[activity-filter-view] .search--small .search-field input {
    background: #fff;
    border: 1px solid var(--grey-light-3);
}

[activity-filter-view] .search--small .search-field input,
.filter-container[activity-filter-view] {
    height: 38px;
}

[activity-filter-view] .search {
    padding: 0 !important;
}

[activity-filter-view] .field-group {
    padding: 0 !important;
}

[activity-filter-view] .filter-drop-down {
    min-width: 200px;
}

[activity-filter-view] .loader-container .loader > * {
    max-width: 3% !important;
}

[activity-filter-view] .loading-spinner {
    min-height: 0px !important;
    min-width: 200px !important;
}

[activity-filter-view] .loader-spinner {
    width: 24px !important;
    height: 24px !important;
}

[activity-filter-view] .dropdown.dropdown--list-xcenter .dropdown-body {
    transform: translate(-101px, 0) !important;
}
/* /Pages/CourseDetails/Components/AddActivityDialog/View/AddActivityDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AddExternalAssessmentDialog/View/AddExternalAssessmentDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AddLessonDialog/View/AddLessonDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AddPlatformAssessmentDialog/View/AddPlatformAssessmentDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AddUnitOrLessonContent/View/AddUnitOrLessonContentDialog.razor.rz.scp.css */
[add-unit-or-lesson-plan-dialog-component] .dialog-body {
    min-height: 424px;
}

[add-unit-or-lesson-plan-dialog-component] .loader-container {
    min-height: 404px;
    padding: 0;
    border: none;
}

.no-plans[add-unit-or-lesson-plan-dialog-component] {
    width: 100%;
    height: 400px;
    min-height: 200px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

    .no-plans .title[add-unit-or-lesson-plan-dialog-component] {
        color: var(--grey-dark-4);
        text-align: center;
        font-family: var(--font-family);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
    }

    .no-plans .message[add-unit-or-lesson-plan-dialog-component] {
        color: var(--grey-3);
        text-align: center;
        font-family: var(--font-family);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.4px;
    }
/* /Pages/CourseDetails/Components/AddUnitOrLessonContent/Views/LessonPlan/View/Lesson.razor.rz.scp.css */
.preview[lesson-plan-view] {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 8px;
    padding-right: 12px;
    color: var(--grey-dark-3);
    border-radius: 4px;
    background: white;
    box-shadow: 0px 0px 5px 0px var(--alpha-dark-2);
}

.name[lesson-plan-view] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-grow: 1;
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    margin-right: 5px;
}

    .name[lesson-plan-view]  svg {
        width: 18px;
        height: 18px;
        min-width: 18px;
        min-height: 18px;
    }

    .name .name-value[lesson-plan-view] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.close[lesson-plan-view] {
    cursor: pointer;
}

    .close[lesson-plan-view]  svg {
        width: 12px;
        height: 12px;
        color: var(--grey-3);
    }

.attachable[lesson-plan-view] {
    padding: 4px 12px;
    padding-left: 29px;
    border-top: 1px solid var(--grey-light-4);
    height: 46px;
    display: flex;
    align-items: center;
}

[lesson-plan-view] .btn {
    margin-left: 44px;
}

[lesson-plan-view] .pill {
    width: 100% !important;
    max-width: fit-content !important;
}

.icon-container[lesson-plan-view]  .pill-icon {
    height: 1.25rem;
    width: 1.25rem;
    justify-content: center;
    align-items: center;
}

.icon-container[lesson-plan-view]  svg {
    width: 1rem !important;
    height: 1rem !important;
    min-width: 0 !important;
    min-height: 0 !important;
}
/* /Pages/CourseDetails/Components/AddUnitOrLessonContent/Views/UnitPlan/View/Unit.razor.rz.scp.css */
.preview[add-unit-plan-view] {
    display: flex;
    flex-flow: row;
    gap: 16px;
    align-items: center;
    padding: 8px;
    padding-right: 12px;
    color: var(--grey-dark-3);
    border-radius: 4px;
    background: white;
    box-shadow: 0px 0px 5px 0px var(--alpha-dark-2);
}

.name[add-unit-plan-view] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-grow: 1;
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .name[add-unit-plan-view]  svg {
        width: 18px;
        height: 18px;
    }

.close[add-unit-plan-view] {
    cursor: pointer;
}

    .close[add-unit-plan-view]  svg {
        width: 12px;
        height: 12px;
        color: var(--grey-3);
    }

.attachable[add-unit-plan-view] {
    width: 100%;
    border: 1px solid var(--grey-light-4);
}

[add-unit-plan-view] .dropdown-header {
    height: 46px;
    padding: 0 12px;
    background-color: white;
}

[add-unit-plan-view] .header-content {
    display: flex;
    width: 100%;
    align-items: center;
}

    [add-unit-plan-view] .header-content svg {
        width: 18px;
        height: 18px;
    }

.name[add-unit-plan-view] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-grow: 1;
}

[add-unit-plan-view] .btn {
    margin-left: 44px;
}
/* /Pages/CourseDetails/Components/AddUnitOrLessonPlanDialog/View/AddUnitOrLessonPlanDialog.razor.rz.scp.css */
[add-unit-or-lesson-plan-dialog-component] .dialog-body {
    min-height: 424px;
}

[add-unit-or-lesson-plan-dialog-component] .loader-container {
    min-height: 404px;
    padding: 0;
    border: none;
}

.no-plans[add-unit-or-lesson-plan-dialog-component] {
    width: 100%;
    height: 400px;
    min-height: 200px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

    .no-plans .title[add-unit-or-lesson-plan-dialog-component] {
        color: var(--grey-dark-4);
        text-align: center;
        font-family: var(--font-family);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
    }

    .no-plans .message[add-unit-or-lesson-plan-dialog-component] {
        color: var(--grey-3);
        text-align: center;
        font-family: var(--font-family);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.4px;
    }
/* /Pages/CourseDetails/Components/AddUnitOrLessonPlanDialog/Views/LessonPlan/View/LessonPlan.razor.rz.scp.css */
.preview[lesson-plan-view] {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 8px;
    padding-right: 12px;
    color: var(--grey-dark-3);
    border-radius: 4px;
    background: white;
    box-shadow: 0px 0px 5px 0px var(--alpha-dark-2);
    cursor: pointer;
}

.name[lesson-plan-view] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-grow: 1;
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    margin-right: 5px;
}

    .name[lesson-plan-view]  svg {
        width: 18px;
        height: 18px;
        min-width: 18px;
        min-height: 18px;
    }

    .name .name-value[lesson-plan-view] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.close[lesson-plan-view] {
    cursor: pointer;
}

    .close[lesson-plan-view]  svg {
        width: 12px;
        height: 12px;
        color: var(--grey-3);
    }

.attachable[lesson-plan-view] {
    padding: 4px 12px;
    padding-left: 29px;
    border-top: 1px solid var(--grey-light-4);
    height: 46px;
    display: flex;
    align-items: center;
}

[lesson-plan-view] .btn {
    margin-left: 44px;
}

[lesson-plan-view] .pill {
    width: 100% !important;
    max-width: fit-content !important;
}
/* /Pages/CourseDetails/Components/AddUnitOrLessonPlanDialog/Views/UnitPlan/View/UnitPlan.razor.rz.scp.css */
.preview[add-unit-plan-view] {
    display: flex;
    flex-flow: row;
    gap: 16px;
    align-items: center;
    padding: 8px;
    padding-right: 12px;
    color: var(--grey-dark-3);
    border-radius: 4px;
    background: white;
    box-shadow: 0px 0px 5px 0px var(--alpha-dark-2);
}

.name[add-unit-plan-view] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-grow: 1;
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .name[add-unit-plan-view]  svg {
        width: 18px;
        height: 18px;
    }

.close[add-unit-plan-view] {
    cursor: pointer;
}

    .close[add-unit-plan-view]  svg {
        width: 12px;
        height: 12px;
        color: var(--grey-3);
    }

.attachable[add-unit-plan-view] {
    width: 100%;
    border: 1px solid var(--grey-light-4);
}

[add-unit-plan-view] .dropdown-header {
    height: 46px;
    padding: 0 12px;
    background-color: white;
}

[add-unit-plan-view] .header-content {
    display: flex;
    width: 100%;
    align-items: center;
}

    [add-unit-plan-view] .header-content svg {
        width: 18px;
        height: 18px;
    }

.name[add-unit-plan-view] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-grow: 1;
}

[add-unit-plan-view] .btn {
    margin-left: 44px;
}
/* /Pages/CourseDetails/Components/AIGenerateQuestionDialog/AIGenerateQuestionDialog.razor.rz.scp.css */
.ai-generate-questions-dialog[b-wjtaqxg9qi] .dialog-body {
    flex: 1 1 auto !important;
}

.ai-generate-questions-dialog[b-wjtaqxg9qi] .modal-body {
    max-width: 600px !important;
}
/* /Pages/CourseDetails/Components/AIGenerateQuestionDialog/Views/AIGenerateQuestionForm/AIGenerateQuestionMainForm.razor.rz.scp.css */
.form[ai-generate-questions-form-view] {
    margin: 0 15px;
}

.generate-hint-switch-label[ai-generate-questions-form-view] {
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--grey-dark-2);
    font-size: 14px;
}
/* /Pages/CourseDetails/Components/AIGenerateQuestionDialog/Views/ChoiceQuestionForm/ChoiceQuestionForm.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AIGenerateQuestionDialog/Views/FillInBlanksQuestionForm/FillInBlanksQuestionForm.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AIGenerateQuestionDialog/Views/MatchingQuestionForm/MatchingQuestionForm.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AIGenerateQuestionDialog/Views/OrderingQuestionForm/OrderingQuestionForm.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AIGenerateQuestionDialog/Views/ShortAnswerQuestionForm/ShortAnswerQuestionForm.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AIGenerateQuestionDialog/Views/TrueFalseQuestionForm/TrueFalseQuestionForm.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AIGenerateRubricsDialogs/AIGenerateCommentRubricDialog/AIGenerateCommentRubricDialog.razor.rz.scp.css */
.ai-generate-dialog[ai-generate-comment-rubric-dialog-component] .dialog-body {
    flex: 1 1 auto !important;
    min-height: 400px;
    background: var(--grey-light-2);
}

.ai-generate-dialog[ai-generate-comment-rubric-dialog-component] .modal-body {
    max-width: 600px !important;
    padding: 0 !important;
}

.header-container[ai-generate-comment-rubric-dialog-component] {
    display: flex;
    gap: 10px;
    align-items: center;
}
/* /Pages/CourseDetails/Components/AIGenerateRubricsDialogs/AIGenerateCommentRubricDialog/Views/AIGenerateCommentRubricForm/AIGenerateCommentRubricForm.razor.rz.scp.css */
.form[ai-generate-questions-form-view] {
    margin: 0 15px;
}
/* /Pages/CourseDetails/Components/AIGenerateRubricsDialogs/AIGenerateRangeRubricDialog/AIGenerateRangeRubricDialog.razor.rz.scp.css */
.ai-generate-dialog[ai-generate-range-rubric-dialog-component] .dialog-body {
    flex: 1 1 auto !important;
    min-height: 400px;
    background: var(--grey-light-2);
}

.ai-generate-dialog[ai-generate-range-rubric-dialog-component] .modal-body {
    max-width: 600px !important;
    padding: 0 !important;
}

.header-container[ai-generate-range-rubric-dialog-component] {
    display: flex;
    gap: 10px;
    align-items: center;
}
/* /Pages/CourseDetails/Components/AIGenerateRubricsDialogs/AIGenerateRangeRubricDialog/Views/AIGenerateRangeRubricForm/AIGenerateRangeRubricForm.razor.rz.scp.css */
.form[ai-generate-questions-form-view] {
    margin: 0 15px;
}
/* /Pages/CourseDetails/Components/AIGenerateRubricsDialogs/AIGenerateScaleRubricDialog/AIGenerateScaleRubricDialog.razor.rz.scp.css */
.ai-generate-dialog[ai-generate-scale-rubric-dialog-component] .dialog-body {
    flex: 1 1 auto !important;
    min-height: 400px;
    background: var(--grey-light-2);
}

.ai-generate-dialog[ai-generate-scale-rubric-dialog-component] .modal-body {
    max-width: 600px !important;
    padding: 0 !important;
}

.header-container[ai-generate-scale-rubric-dialog-component] {
    display: flex;
    gap: 10px;
    align-items: center;
}
/* /Pages/CourseDetails/Components/AIGenerateRubricsDialogs/AIGenerateScaleRubricDialog/Views/AIGenerateScaleRubricForm/AIGenerateScaleRubricForm.razor.rz.scp.css */
.form[ai-generate-questions-form-view] {
    margin: 0 15px;
}
/* /Pages/CourseDetails/Components/AIQuestionDeleteDialog/AIQuestionDeleteDialog.razor.rz.scp.css */
.ai-question-delete-dialog-container[ai-question-delete-dialog-component] .dialog-body {
    flex: 1 1 auto !important;
}

.delete-question-dialog-header[ai-question-delete-dialog-component] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    height: 3.5rem;
    /* To neutralize the dialog-header padding. */
    margin: -0.9375rem 0.125rem;
}

.delete-question-dialog-body[ai-question-delete-dialog-component] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: calc(1.5rem - 10px) calc(2rem - 10px - 4px);
}
/* /Pages/CourseDetails/Components/AIQuestionFeedbackDialog/AIQuestionFeedbackDialog.razor.rz.scp.css */
.question-feedback-dialog-container[ai-question-feedback-dialog-component] .dialog-body {
    flex: 1 1 auto !important;
}

.question-feedback-dialog-header[ai-question-feedback-dialog-component] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    height: 3.5rem;
    margin: -0.9375rem 0.125rem;
}

.question-feedback-dialog-body[ai-question-feedback-dialog-component] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: calc(1.5rem - 10px) calc(2rem - 10px - 4px);
}
/* /Pages/CourseDetails/Components/Assessments/AssessmentDetails/View/AssessmentDetails.razor.rz.scp.css */
.assessments-details[b-kgozl0x23h] {
    width: 100%;
    height: calc(100% - 30px);
    display: flex;
    flex-flow: column;
    gap: 16px;
    overflow: hidden;
    padding: 16px 64px 0 64px;
}

.table[b-kgozl0x23h] {
    width: 100%;
    font-size: 0.875rem;
    border: 1px solid var(--grey-light-3);
    overflow-y: clip;
}

    .table th[b-kgozl0x23h], .table td[b-kgozl0x23h] {
        position: relative;
        vertical-align: inherit;
    }

    .table td[b-kgozl0x23h] {
        border-bottom: 1px solid var(--grey-light-3);
        text-align: left;
        height: 44px;
        padding: 5px 12px;
        background: #FFFFFF;
    }

    .table tr:hover td[b-kgozl0x23h] {
        background: #F2F2F2 !important;
        cursor: pointer;
    }

    .table th[b-kgozl0x23h] {
        color: var(--grey-3);
        background: var(--grey-light-1);
        height: 44px;
        padding: 5px 12px;
        text-align: left;
    }

    .table .th--sticky[b-kgozl0x23h] {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
        background: var(--grey-light-1);
    }

[b-kgozl0x23h] .spinner-profile-height {
    border: none !important;
}

.table [rowspan][b-kgozl0x23h] {
    vertical-align: top;
}

.table .td--sticky[b-kgozl0x23h] {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
}

.table .th--sticky.th--sticky-top-right[b-kgozl0x23h] {
    right: -5px;
    top: -2px !important;
}

.table .th--sticky.th--sticky-right[b-kgozl0x23h],
.table .td--sticky.td--sticky-right[b-kgozl0x23h] {
    right: -5px;
}

.table .th--sticky-top[b-kgozl0x23h] {
    top: -2px !important;
}

.table .th--sticky[b-kgozl0x23h]::before, .table .th--sticky[b-kgozl0x23h]::after,
.table .th--sticky[teacher-assessments-table-component][b-kgozl0x23h]::after {
    content: none;
    position: absolute;
    display: block;
}

.td--sticky-right[b-kgozl0x23h] {
    background-color: transparent !important;
    justify-content: space-evenly;
    display: flex;
    align-items: center;
}

    .td--sticky-right svg[b-kgozl0x23h] {
        z-index: unset;
    }

tr[b-kgozl0x23h] {
    background-color: white;
}

.table .tr--link[b-kgozl0x23h], .table .td--link[b-kgozl0x23h] {
    transition: unset;
}

[b-kgozl0x23h] .scroll {
    padding: 0 !important;
}

.td--child-chip[b-kgozl0x23h] {
    padding: 6px 12px;
    background: #F2F2F2;
    border-radius: 14px;
    white-space: nowrap;
}

.td--child-score-wrapper[b-kgozl0x23h] {
    height: 30px;
    width: 30px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.td--child-avatar[b-kgozl0x23h] {
    height: 30px;
    width: 30px;
    transform: translateY(2px);
    border-radius: 15px;
    border: 1px solid var(--grey-light-4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.td--child-avatar-default[b-kgozl0x23h] {
    padding: 5px;
}

.td--child-avatar svg[b-kgozl0x23h] {
    height: 20px;
    width: 20px;
}

.td--child-student-info span[b-kgozl0x23h] {
    display: inline-block;
}

.td--child-student-name[b-kgozl0x23h] {
    margin-left: 15px;
}

.td--child-right[b-kgozl0x23h] {
    text-align: right !important;
}

.student--table-name[b-kgozl0x23h] {
    margin-left: 15px;
    transform: translateY(-5px);
}

.status-ontime[b-kgozl0x23h], .status-late[b-kgozl0x23h] {
    padding: 8px 12px;
    border-radius: 3px;
}

.status-ontime[b-kgozl0x23h] {
    color: #27BF81;
    background-color: #F4FCF8;
}

.status-late[b-kgozl0x23h] {
    color: #EB8D2A;
    background-color: #FEF9F4;
}

.td--child-icon[b-kgozl0x23h]  svg {
    margin-right: 10px !important;
}

.td--child-icon[b-kgozl0x23h] {
    display: flex;
    align-items: center;
}

.tooltip[b-kgozl0x23h] {
    width: 260px;
    border-radius: 4px;
    padding: 10px;
    gap: 5px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    color: white;
    background-color: var(--grey-dark-3);
}

    .tooltip .title[b-kgozl0x23h] {
        color: white;
        font-weight: 600;
        font-size: 14px;
        text-overflow: ellipsis;
        font-style: normal;
        line-height: normal;
    }

    .tooltip .item[b-kgozl0x23h] {
        color: var(--grey-light-2);
        font-weight: 400;
        font-size: 12px;
        line-height: 16.34px;
    }

    .tooltip .message[b-kgozl0x23h] {
        color: var(--grey-light-2);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.students-header[b-kgozl0x23h] {
    min-width: 252px;
    max-width: 252px;
    width: 252px !important;
    height: 55px !important;
}

.students-header-content[b-kgozl0x23h] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

[b-kgozl0x23h] .students-header-content svg {
    width: 14px;
    height: 14px;
    fill: var(--grey-1);
}

.assessment-score-header[b-kgozl0x23h] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    cursor: pointer;
}

    .assessment-score-header .sort[b-kgozl0x23h] {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        margin-left: auto;
    }

[b-kgozl0x23h] .assessment-score-header .sort svg {
    width: 7px;
    height: 7px;
    fill: var(--grey-3);
}


[b-kgozl0x23h] .drop-down .drop-down-body {
    width: 200px !important;
}

.offline-element[b-kgozl0x23h],
.display-offline[b-kgozl0x23h] {
    display: none;
}

    .offline-element.display-offline[b-kgozl0x23h] {
        display: table-cell;
    }

    .offline-element.display-online[b-kgozl0x23h] {
        display: none;
    }

.display-online[b-kgozl0x23h] {
    display: table-cell;
}

.td--score-wrapper[b-kgozl0x23h] {
    display: flex;
    flex-direction: row;
    align-items: center; 
    gap: 0.5rem;
}

.exempt-header[b-kgozl0x23h] {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 8px;
}

    .exempt-header[b-kgozl0x23h]  .field-group {
        display: flex;
    }

    .exempt-header[b-kgozl0x23h]  .field-group .field-switch-small {
        margin: 0 0 4px 0;
    }
    
    .toggle-overlay[b-kgozl0x23h] {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        background: transparent;
        cursor: pointer;
        z-index: 2;
    }
/* /Pages/CourseDetails/Components/Assessments/AssessmentDetails/View/PlagiarismCheckDropdown.razor.rz.scp.css */

.plagiarism-check-dropdown.disabled[b-d93bhvml76] {
    pointer-events: none;
}
    .plagiarism-check-dropdown.disabled[b-d93bhvml76]  .plagiarism-check-dropdown-header {
        background-color: var(--grey-light-2);
        border: 1px solid var(--grey-light-4);
    }
    .plagiarism-check-dropdown.disabled[b-d93bhvml76]  .plagiarism-check-dropdown-header .loader-container {
        background-color: var(--grey-light-2) !important;
    }

[b-d93bhvml76] .drop-down .drop-down-body {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0, 10px);
    display: inline-block;
    list-style: none;
    padding-left: 0px;
    min-width: 180px;
    width: auto;
    max-width: 300px;
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    transition: all var(--transition-duration) ease 0s;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    line-height: var(--line-height);
    z-index: 99;
    max-height: 50vh;
    scrollbar-color: var(--alpha-dark-2) transparent;
    scrollbar-width: thin;
}
.plagiarism-check-dropdown[b-d93bhvml76]  .drop-down .drop-down-body {
    transition: opacity var(--transition-duration) ease 0s;
    min-width: 122px;
    max-width: 122px;
    width: 122px !important;
}

    .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-header {
        width: fit-content;
        height: 2.375rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 0.625rem;
        border-radius: 0.25rem;
        cursor: pointer;
        user-select: none;
        background-color: white;
        border: 1px solid var(--grey-light-3);
    }
        .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-header .loader-container {
            background-color: white !important;
            height: 1rem !important;
            min-height: 1rem;
            max-height: 1rem;
        }
            .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-header .loader-container .loader-spinner {
                width: 1rem !important;
                height: 1rem !important;
            }

    .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item {
        width: 120px;
        height: 2.375rem;
        display: flex;
        align-items: center;
        gap: 0.625rem;
        padding: 0.5rem 0.625rem;
        cursor: pointer;
        user-select: none;
    }
        .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item:last-of-type {
            border-top: 1px solid var(--grey-light-3);
        }
        .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item.disabled {
            pointer-events: none;
        }
            .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item.disabled .plagiarism-check-dropdown-item-indicator-icon,
            .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item.disabled .plagiarism-check-dropdown-item-text {
                color: var(--grey-1);
            }

    .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-header:hover,
    .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item:hover {
        background-color: var(--grey-light-1);
    }
        .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-header:hover .loader-container {
            background-color: var(--grey-light-1) !important;
        }

        .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-header .plagiarism-check-dropdown-header-indicator-icon,
        .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item .plagiarism-check-dropdown-item-indicator-icon {
            width: 1rem;
            height: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--grey-3);
        }
        .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-header .plagiarism-check-dropdown-header-text,
        .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item .plagiarism-check-dropdown-item-text {
            line-height: 19.07px;
            font-size: 0.875rem;
            font-weight: 400;
            color: var(--grey-3);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
            .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item.currently-selected .plagiarism-check-dropdown-item-indicator-icon {
                color: var(--green);
            }
            .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item.currently-selected .plagiarism-check-dropdown-item-text {
                color: var(--green);
            }
        .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-header .plagiarism-check-dropdown-header-icon {
            min-width: 1rem;
            width: 1rem;
            height: 1rem;
            display: flex;
            align-items: center;
            margin-left: auto;
        }
        .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item .plagiarism-check-dropdown-item-icon {
            min-width: 0.875rem;
            width: 0.875rem;
            height: 0.875rem;
            display: flex;
            align-items: center;
            margin-left: auto;
            color: var(--green);
            opacity: 0;
        }
            .plagiarism-check-dropdown[b-d93bhvml76]  .plagiarism-check-dropdown-item.currently-selected .plagiarism-check-dropdown-item-icon {
                opacity: 1;
            }
/* /Pages/CourseDetails/Components/Assessments/AssessmentDetails/View/PlagiarismIndicatorPillTooltip.razor.rz.scp.css */
.plagiarism-indicator-tooltip-container[b-3esojv8cso] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;

    max-width: 15rem;
}
    .plagiarism-indicator-tooltip-container .section-1[b-3esojv8cso] {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 19.07px;
        color: rgba(241, 241, 241, 1);
    }
    .plagiarism-indicator-tooltip-container .section-2[b-3esojv8cso] {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 16.34px;
        color: rgba(188, 188, 188, 1);
    }
    .plagiarism-indicator-tooltip-container .section-3[b-3esojv8cso] {
        display: flex;
        flex-direction: column;
        color: rgba(241, 241, 241, 1);
    }
        .plagiarism-indicator-tooltip-container .section-3 .matching-students[b-3esojv8cso] {
            margin-bottom: 0.25rem;
            font-weight: 600;
            font-size: 0.75rem;
            line-height: 16.34px;
            text-transform: uppercase;
        }
        .plagiarism-indicator-tooltip-container .section-3 .matching-student[b-3esojv8cso] {
            display: inline-flex;
            gap: 0.25rem;
            font-weight: 400;
            font-size: 0.75rem;
            line-height: 16.8px;
        }
            .plagiarism-indicator-tooltip-container .section-3 .matching-student .matching-student-name[b-3esojv8cso] {
                color: #888888;
            }
            .plagiarism-indicator-tooltip-container .section-3 .matching-student .matching-student-percentage[b-3esojv8cso] {
                color: rgba(188, 188, 188, 1);
            }
/* /Pages/CourseDetails/Components/Assessments/AssessmentDetailsHeader/View/AssessmentDetailsHeader.razor.rz.scp.css */
.assessment-details-header-container[teacher-assessment-details-header-component] {
    display: flex;
    align-items: center;
    justify-content: space-between;    
    width: 100%;
}

.assessment-details-header-items-container[teacher-assessment-details-header-component] {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.assessment-details-header-left[teacher-assessment-details-header-component] {
    display: flex;
}

.assessment-details-header-right[teacher-assessment-details-header-component] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-item[teacher-assessment-details-header-component] {
    margin-right: 10px;
}

.header-item.dropdown[teacher-assessment-details-header-component] {
    width: 150px;
    display: flex;
    justify-content: space-evenly;
    font-size: 17px;
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
    padding: 6px 2px;
    align-items: center;
    background: var(--grey-light-1) !important;
}

    .header-item.dropdown.hidden-item-dropdown[teacher-assessment-details-header-component] {
        background: var(--green) !important;
    }
    
    .header-item.dropdown.hidden-item-dropdown[teacher-assessment-details-header-component]  > .dropdown-menu > .field-group > .field-menu> .menu-header ::deep svg path {
        color: white;
        fill: white;
    }

    .header-item.dropdown.hidden-item-dropdown[teacher-assessment-details-header-component]  > .dropdown-menu > .field-group > .field-menu> .menu-header {
        margin: 0 15px;
        color: white !important;
    }

.header-item.dropdown[teacher-assessment-details-header-component]  svg path {
    color: currentColor;
    fill: currentColor;
}

.header-item.dropdown[teacher-assessment-details-header-component]  .field-group {
    min-width: 150px;
}

    .header-item.dropdown[teacher-assessment-details-header-component]  > .dropdown-menu > .field-group > .field-menu.open > .menu-list {
        min-width: 150px;
        transform: translateY(7px);
    }

    .header-item.dropdown[teacher-assessment-details-header-component]  > .dropdown-menu > .field-group > .field-menu> .menu-header > .text-overflow {
        margin: 0 15px;           
    }

    .header-item.dropdown[teacher-assessment-details-header-component]  > .dropdown-menu > .field-group > .field-menu {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    
.header-item.title[teacher-assessment-details-header-component] {
    font-weight: bold;
    font-size: 18px;
    margin-top: 0 !important;
    margin-bottom: -2px !important;
    
}

.filter-item[teacher-assessment-details-header-component]  .dropdown-header label {
    display:  none;
}

[teacher-assessment-details-header-component] .field-group {
    padding: 0 !important;
}

[teacher-assessment-details-header-component] .filter-drop-down {
    min-width: 200px;
}

[teacher-assessment-details-header-component] .loader-container .loader > * {
    max-width: 3% !important;
}

[teacher-assessment-details-header-component] .loading-spinner {
    min-height: 0px !important;
    min-width: 200px !important;
}

[teacher-assessment-details-header-component] .loader-spinner {
    width: 24px !important;
    height: 24px !important;
}

[teacher-assessment-details-header-component] .btn--circle svg {
    fill: var(--grey-dark-1);
}
[teacher-assessment-details-header-component] .btn--circle:hover svg {
    fill: white;
}

.separator[teacher-assessment-details-header-component] {
    border: solid;
    border-width: 0.1px;
    border-color: var(--grey-light-4);
    margin: 0 8px 0 8px;
    height: 100%;
}  

.assessment-details-info[teacher-assessment-details-header-component] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.tooltip[teacher-assessment-details-header-component] {
    border-radius: 4px;
    padding: 10px;
    gap: 5px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    background-color: var(--grey-dark-3);
}

.tooltip .title[teacher-assessment-details-header-component] {
    color: white;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
}

.tooltip .item[teacher-assessment-details-header-component] {
    color: var(--grey-light-2);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.section-chip[teacher-assessment-details-header-component] {
    border-radius: 2px;
    padding: 2px 4px 2px 4px;
    gap: 4px;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    background-color: var(--alpha-dark-1);
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: var(--grey-3);
}

.section-chip.tooltip-group[teacher-assessment-details-header-component] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 10px;
    background: transparent;
    padding-left: 0;
}

    .section-chip[teacher-assessment-details-header-component]  svg {
        width: 10px;
        height: 10px;        
        fill: var(--grey-3);
    }
/* /Pages/CourseDetails/Components/Assessments/AssessmentFilter/View/AssessmentFilter.razor.rz.scp.css */
.assessment-filter-container[b-2p2oi0fpqb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}

.assessment-filter-items-container[b-2p2oi0fpqb] {
    display: flex;
}

.filter-item:first-child[b-2p2oi0fpqb] {
    margin-right: 10px;
}

.filter-item[b-2p2oi0fpqb]  .dropdown-header label {
    display: none;
}

.filter-item[b-2p2oi0fpqb]  .date-picker {
    width: auto;
}

[b-2p2oi0fpqb] .search--small .search-field input {
    background: #fff;
    border: 1px solid var(--grey-light-3);
}

[b-2p2oi0fpqb] .search--small .search-field input,
.filter-container[b-2p2oi0fpqb] {
    height: 38px;
}

[b-2p2oi0fpqb] .search {
    padding: 0 !important;
}

[b-2p2oi0fpqb] .field-group {
    padding: 0 !important;
}

[b-2p2oi0fpqb] .filter-drop-down {
    min-width: 200px;
}

[b-2p2oi0fpqb] .loader-container .loader > * {
    max-width: 3% !important;
}

[b-2p2oi0fpqb] .loading-spinner {
    min-height: 0px !important;
    min-width: 200px !important;
}

[b-2p2oi0fpqb] .loader-spinner {
    width: 24px !important;
    height: 24px !important;
}

[b-2p2oi0fpqb] .date-range-filter {
    width: 220px
}

[b-2p2oi0fpqb] .dropdown.date-range-filter .dropdown-body {
    transform: translate(-101px, 0) !important;
}

.add-button[b-2p2oi0fpqb] {
    height: 2.4rem;
    width: 2.4rem;
    margin-inline-start: .5rem;
}

    .add-button[b-2p2oi0fpqb]  {
        height: 100%;
    }

        .add-button[b-2p2oi0fpqb]  .menu-list {
            width: 188px !important;
        }

        .add-button[b-2p2oi0fpqb]  .btn--primary {
            height: 2.4rem;
            width: 2.4rem;
        }

        .add-button[b-2p2oi0fpqb]  .icon {
            left: 12% !important;
            flex: 0 0 16px !important;
        }

        .add-button[b-2p2oi0fpqb]  .menu .option {
            text-align: start !important;
            padding-inline-end: 8px !important;
        }

[b-2p2oi0fpqb] .field-menu .menu-list {
    min-width: 190px;
}
/* /Pages/CourseDetails/Components/Assessments/AssessmentsTable/View/AssessmentsTable.razor.rz.scp.css */
.assessments-table[b-blll2ovnzm] {
    width: 100%;
    height: calc(100% - 60px);
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.table[b-blll2ovnzm] {
    width: 100%;
    font-size: 0.875rem;
    border: 1px solid var(--grey-light-3);
}

    .table th[b-blll2ovnzm], .table td[b-blll2ovnzm] {
        position: relative;
        vertical-align: inherit;
    }

    .table td[b-blll2ovnzm] {
        border-bottom: 1px solid var(--grey-light-3);
        text-align: left;
        height: 44px;
        padding: 5px 12px;
        background: #FFFFFF;
    }

    .table tr:hover td[b-blll2ovnzm] {
        background: #F2F2F2 !important;
        cursor: pointer;
    }

[b-blll2ovnzm] .spinner-profile-height {
    border: none !important;
}

.table th[b-blll2ovnzm] {
    color: var(--grey-3);
    background: var(--grey-light-1);
    height: 44px;
    padding: 5px 12px;
    text-align: left;
}

.table .th--sticky[b-blll2ovnzm] {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    background: var(--grey-light-1);
}

.table [rowspan][b-blll2ovnzm] {
    vertical-align: top;
}

.table .td--sticky[b-blll2ovnzm] {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
}

.table .th--sticky.th--sticky-top-right[b-blll2ovnzm] {
    right: -5px;
    top: -2px !important;
}

.table .th--sticky.th--sticky-right[b-blll2ovnzm],
.table .td--sticky.td--sticky-right[b-blll2ovnzm] {
    right: -5px;
}

.table .th--sticky-top[b-blll2ovnzm] {
    top: -2px !important;
}

.table .th--sticky[b-blll2ovnzm]::before, .table .th--sticky[b-blll2ovnzm]::after,
.table .th--sticky[teacher-assessments-table-component][b-blll2ovnzm]::after {
    content: none;
    position: absolute;
    display: block;
}

.td--sticky-right[b-blll2ovnzm] {
    background-color: transparent !important;
    justify-content: space-evenly;
    display: flex;
    align-items: center;
}

    .td--sticky-right svg[b-blll2ovnzm] {
        z-index: unset;
    }

tr[b-blll2ovnzm] {
    background-color: white;
}

.table .tr--link[b-blll2ovnzm], .table .td--link[b-blll2ovnzm] {
    transition: unset;
}

[b-blll2ovnzm] .scroll {
    padding: 0 !important;
}

.status-done[b-blll2ovnzm], .status-review[b-blll2ovnzm] {
    padding: 8px 12px;
    border-radius: 3px;
}

.status-done[b-blll2ovnzm] {
    color: var(--green);
    background-color: var(--alpha-green-1);
}

.status-review[b-blll2ovnzm] {
    color: var(--red);
    background-color: var(--alpha-red-1);
}

.dropdown-menu-icon[b-blll2ovnzm]  .menu .option {
    text-align: start !important;
    padding-inline-end: 8px;
}

.dropdown-menu-icon[b-blll2ovnzm]  .menu-list {
    min-width: 90px;
}
/* /Pages/CourseDetails/Components/AssignToClassEventsSection/AssignToClassEventsSection.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/AttachStandardsDialog/View/AttachStandardsDialog.razor.rz.scp.css */
[b-jp49axobxp] .scroll {
    height: 45vh;
}

.page-empty[b-jp49axobxp] {
    width: 100%;
    height: 100%;
    min-height: 30vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--grey-light-2);
}

    .page-empty .outer-circle[b-jp49axobxp] {
        width: 130px;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 4px solid rgba(0, 0, 0, 0.05);
    }

        .page-empty .outer-circle .inner-circle[b-jp49axobxp] {
            width: 100px;
            height: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background: linear-gradient(-45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
            box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.06);
        }

            .page-empty .outer-circle .inner-circle[b-jp49axobxp]  svg {
                width: 2.5rem;
                height: 2.5rem;
            }

    .page-empty .page-empty-message-title[b-jp49axobxp] {
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 2rem;
        color: rgba(39, 39, 39, 1);
        text-align: center;
    }

    .page-empty .page-empty-message-description[b-jp49axobxp] {
        width: 75%;
        max-width: 35rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 22.4px;
        color: rgba(136, 136, 136, 1);
        text-align: center;
    }

.standard-detail[b-jp49axobxp] {
    padding-inline-start: 1rem;
    font-weight: 400;
    color: var(--grey-3)
}

[b-jp49axobxp] .counter-pill {
    margin-inline-start: auto;
    width: fit-content;
    justify-content: center;
    align-items: center;
    color: var(--green);
    background-color: var(--alpha-green-1);
    border-radius: 4px;
    padding-inline: 4px;
}

[b-jp49axobxp] svg {
    height: .6rem;
}
/* /Pages/CourseDetails/Components/AttachStandardsDialog/Views/Standard/View/Standard.razor.rz.scp.css */
.standard[b-2jby4i6woa] {
    padding: .5rem;
    margin-block: .5rem;
    background-color: var(--grey-light-1);
    border: 1px solid var(--grey-light-4);
    border-radius: 4px;
}

    .standard.light[b-2jby4i6woa] {
        background-color: white;
    }

.col-standard-controls[b-2jby4i6woa] {
    width: fit-content;
    padding-inline-end: 10px;
}

.col-standard-content[b-2jby4i6woa] {
    width: fit-content;
    max-width: 80%;
}

[b-2jby4i6woa] .btn--circle {
    border: none;
    background-color: transparent !important;
}

    [b-2jby4i6woa] .btn--circle:hover {
        color: var(--grey-dark-1)
    }

.row[b-2jby4i6woa] {
    display: flex;
    flex-direction: row;
}

    .row.preview[b-2jby4i6woa] {
        padding-inline: .7rem;
    }

        .row.preview > .standard-name-preview[b-2jby4i6woa] {
            margin-inline-end: auto;
        }

.standard-code-pill[b-2jby4i6woa] {
    width: fit-content !important;
    padding: 2px 8px;
    color: var(--grey-3);
    font-weight: 400;
    background-color: var(--grey-light-3);
    border-radius: 4px;
}

.standard-title[b-2jby4i6woa] {
    width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-block: .2rem;
    font-size: 1rem;
    font-weight: 600;
    white-space: nowrap;
}

.standard-name-preview[b-2jby4i6woa] {
    width: fit-content;
    font-weight: 400;
}

.col-standard-detail[b-2jby4i6woa] {
    max-width: 30%;
    width: fit-content;
    padding-inline-end: 1rem;
}

.standard-field-header[b-2jby4i6woa] {
    font-size: .8rem;
    width: fit-content;
    font-weight: 400;
    color: var(--grey-3)
}

.standard-field-content[b-2jby4i6woa] {
    color: var(--grey-dark-1)
}
/* /Pages/CourseDetails/Components/AttachStandardsDialog/Views/StandardGroup/View/StandardGroup.razor.rz.scp.css */
.standard-group[b-daug1gc73y] {
    padding-block: .25rem;
    padding-inline: 1rem;
}

[b-daug1gc73y] .field-check {
    width: .7rem !important;
    padding-inline-end: .1rem !important;
}

[b-daug1gc73y] .btn--circle {
    border: none;
    background-color: transparent !important;
}

    [b-daug1gc73y] .btn--circle:hover {
        color: var(--grey-dark-1)
    }

.col-standard-group-controls[b-daug1gc73y] {
    width: fit-content;
}

.col-standard-group-content[b-daug1gc73y] {
    width: fit-content;
    flex-grow: 4;
}

.standard-group-title[b-daug1gc73y] {
    font-size: 1rem;
    font-weight: 600;
    width: fit-content;
    max-width: 60%;
    padding-inline-end: 10px;
}

.standard-group-detail[b-daug1gc73y] {
    font-weight: 400;
    color: var(--grey-3);
    width: fit-content;
    padding-inline-end: 10px;
}

    .standard-group-detail.value[b-daug1gc73y] {
        color: var(--grey-dark-1);
    }
/* /Pages/CourseDetails/Components/CategoriesAndWeights/View/AlertMessageView/View/AlertMessage.razor.rz.scp.css */
.warning-message[teacher-categories-and-weights-alert-view] {
    background-color: var(--orange);
    color: white;
    text-align: center;
    padding: 10px;
    height: 40px;
    margin-bottom: 15px;
    font-size: 0.75rem;
}
/* /Pages/CourseDetails/Components/CategoriesAndWeights/View/CategoriesAndWeights.razor.rz.scp.css */
.categories-and-weights-builder[teacher-categories-and-weights-component] {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.categories-and-weights-builder[teacher-categories-and-weights-component]  .categories-and-weights-builder-template {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.categories-and-weights-builder[teacher-categories-and-weights-component]  .builder-main {
    min-height: 0;
    overflow: hidden;
}

.categories-and-weights-content-host[teacher-categories-and-weights-component] {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.categories-and-weights-scroll-content[teacher-categories-and-weights-component],
.categories-and-weights-main[teacher-categories-and-weights-component] {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.categories-and-weights-layout[teacher-categories-and-weights-component] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
    column-gap: 32px;
    align-items: stretch;
    overflow: hidden;
}

.weights-side[teacher-categories-and-weights-component],
.visual-representation-side[teacher-categories-and-weights-component] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.weights-side[teacher-categories-and-weights-component] {
    display: flex;
    flex-direction: column;
}

.weights-side[teacher-categories-and-weights-component]  form {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.weights-side-content[teacher-categories-and-weights-component] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.weights-host[teacher-categories-and-weights-component] {
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.weights-host[teacher-categories-and-weights-component]  .weights-container {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
}

.weights-host[teacher-categories-and-weights-component]  .weights-list {
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    box-sizing: border-box;
    padding: 0 12px 12px 8px;
}

.weights-host[teacher-categories-and-weights-component]  .weight-card-host {
    width: 100%;
    min-width: 0;
    height: auto;
    display: flow-root;
    position: relative;
    box-sizing: border-box;
}

.weights-host[teacher-categories-and-weights-component]  .weight-card-host + .weight-card-host {
    margin-top: 16px;
}

.weights-host[teacher-categories-and-weights-component]  .weight-card-host > .weight-card {
    width: 100%;
    min-width: 0;
    height: auto !important;
    min-height: 0;
    display: flex;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
}

.weights-host[teacher-categories-and-weights-component]  .weight-card-host > .weight-card > .card {
    min-width: 0;
    height: auto !important;
    min-height: 0;
    flex: 1 1 auto;
    position: relative;
    box-sizing: border-box;
}

.weights-host[teacher-categories-and-weights-component]  .weight-card-host .assessments {
    height: auto;
    min-height: 0;
}

.weights-host[teacher-categories-and-weights-component]  .weight-card-host .assessments-container {
    height: auto;
    min-height: 0;
}

.weights-host[teacher-categories-and-weights-component]  .add-weight-button-container {
    width: 100%;
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    padding: 16px 12px 0 8px;
}

.weights-host[teacher-categories-and-weights-component]  .add-weight-button {
    width: 300px;
    max-width: 100%;
}

.visual-representation-side[teacher-categories-and-weights-component] {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.visual-representation-side[teacher-categories-and-weights-component]  .visual-representation {
    --visual-weight-category-column-gap: 8px;
    --visual-scrollbar-lane-width: 8px;

    width: 100%;
    height: 100%;
    min-height: 400px;
    flex: 1 0 400px;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
}

.visual-representation-side[teacher-categories-and-weights-component]  .visual-representation-header {
    width: 100%;
    min-width: 0;
    padding-bottom: 16px;
}

.visual-representation-side[teacher-categories-and-weights-component]  .visual-representation-content {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    box-sizing: border-box;
}

.visual-representation-side[teacher-categories-and-weights-component]  .single-weight-category {
    width: 100%;
    min-width: 0;
    min-height: 32px;
    display: grid !important;
    column-gap: 0;
    overflow: hidden;
    box-sizing: border-box;
    container-name: weight-category;
    container-type: size;
}

.visual-representation-side[teacher-categories-and-weights-component]  .weight-category-box {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    grid-column: 1;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 2px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 8px;
}

.visual-representation-side[teacher-categories-and-weights-component]  .weight-category-box .weight-name {
    width: auto;
    max-width: 100%;
    min-width: 0;
    flex: 0 1 auto !important;
    margin: 0 !important;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
}

.visual-representation-side[teacher-categories-and-weights-component]  .weight-category-box .weight-percentage {
    width: auto;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 auto !important;
    margin: 0 !important;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
}

@container weight-category (max-height: 48px) {
    .visual-representation-side[teacher-categories-and-weights-component]  .weight-category-box {
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 4px;
    }

    .visual-representation-side[teacher-categories-and-weights-component]  .weight-category-box .weight-name {
        width: auto;
        max-width: calc(100% - 44px);
        flex: 0 1 auto !important;
        margin: 0 !important;
    }

    .visual-representation-side[teacher-categories-and-weights-component]  .weight-category-box .weight-percentage {
        width: auto;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
}

.visual-representation-side[teacher-categories-and-weights-component]  .assessments {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    grid-column: 3 / 5;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(var(--assessment-count), minmax(15px, 1fr));
    row-gap: 8px;
    align-content: stretch;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    box-sizing: border-box;
}

.visual-representation-side[teacher-categories-and-weights-component]  .assessments::-webkit-scrollbar {
    width: var(--visual-scrollbar-lane-width);
}

.visual-representation-side[teacher-categories-and-weights-component]  .assessment-box {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 15px;
    max-height: none;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 8px;
}

.visual-representation-side[teacher-categories-and-weights-component]  .assessment-name {
    width: 100%;
    min-width: 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
}

.vertical-divider[teacher-categories-and-weights-component] {
    width: 1px;
    height: 100%;
    align-self: stretch;
    border-right: 1px solid var(--grey-1);
}

.not-configurable[teacher-categories-and-weights-component] {
    font-size: 0.875rem;
    color: var(--grey-3);
    font-weight: 400;
}
/* /Pages/CourseDetails/Components/CategoriesAndWeights/View/OrderingControlView/View/OrderingControl.razor.rz.scp.css */
.ordering-control-container[weight-card-ordering-view] {
    border-radius: 8px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    width: 32px;
    border-bottom: 1px solid rgba(221, 221, 221, 1)
}

.order-up[weight-card-ordering-view], .order-down[weight-card-ordering-view] {
    padding: 4px;
    text-align: center;
    cursor: pointer;
}

.order-up[weight-card-ordering-view] {
    border-bottom: 1px solid rgba(221, 221, 221, 1)
}

.order-up[weight-card-ordering-view]  svg,
.order-down[weight-card-ordering-view]  svg {
    width: 12px;
    height: 7px;
}
/* /Pages/CourseDetails/Components/CategoriesAndWeights/View/VisualRepresentationView/View/VisualRepresentation.razor.rz.scp.css */
.visual-representation[weights-visual-representation-view] {
    width: 100%;
    height: 100%;
    min-height: 0;

    display: flex;
    flex-direction: column;
}

.visual-representation-header[weights-visual-representation-view] {
    flex: 0 0 auto;
    margin-bottom: 16px;
}

.visual-representation-content[weights-visual-representation-view] {
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;

    overflow-x: hidden;
    overflow-y: auto;
}

.single-weight-category[weights-visual-representation-view] {
    width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-bottom: 8px;
}

.single-weight-category:last-child[weights-visual-representation-view] {
    padding-bottom: 0;
}

.box[weights-visual-representation-view] {
    min-height: 0;
    border-radius: 8px;
    background: var(--grey-1);
    text-align: center;
    font-weight: 600;
}

.weight-percentage[weights-visual-representation-view] {
    color: var(--grey-dark-1);
}

.assessments[weights-visual-representation-view] {
    width: 50%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    gap: 8px;
    overflow: hidden;
    text-align: center;
}

.assessments .box[weights-visual-representation-view] {
    min-width: 0;
    min-height: 15px;
    flex: 1 0 15px;
    box-sizing: border-box;
    padding: 2px 4px;
    overflow: hidden;
    overflow-wrap: anywhere;
    font-size: 0.75rem;
    line-height: 1;
}

.single-weight-category .box[weights-visual-representation-view] {
    container-type: size;
}

.weight-name[weights-visual-representation-view] {
    width: 90%;
    word-break: break-word;
}
/* /Pages/CourseDetails/Components/CategoriesAndWeights/View/WeightCardView/View/WeightCard.razor.rz.scp.css */
.weight-card[weight-card-view] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 12px;
    align-items: start;
    padding-left: 4px;
    padding-right: 4px;
}

.weight-card > .card[weight-card-view] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto !important;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid var(--grey-light-4);
    margin-bottom: 16px;
}

.weight-inputs[weight-card-view] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 16px;
}

.assessments[weight-card-view] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-top: 1px solid var(--grey-light-4);
    padding: 16px;
}

.assessments[weight-card-view]  .assessments-label {
    font-weight: 600;
}

.assessments[weight-card-view]  .assessments-empty-label {
    width: 260px;
    max-width: 100%;
    display: flex;
    margin: 20px auto 0;
    color: var(--grey);
    text-align: center;
}

.assessments-container[weight-card-view] {
    width: 100%;
    min-width: 0;
    margin-top: 16px;
}

.assessments-container[weight-card-view]  .label {
    font-weight: 600;
}

.assessments-container div:first-child[weight-card-view] {
    border-top: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.assessments-container div:last-child[weight-card-view] {
    border-bottom: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.assessment-name[weight-card-view] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 12px;
    overflow-wrap: anywhere;
    background-color: white;
    font-size: 0.875rem;
    color: var(--grey-3);
    border-bottom: 1px solid var(--grey-light-3);
}
/* /Pages/CourseDetails/Components/CategoriesAndWeights/View/WeightsView/View/Weights.razor.rz.scp.css */
.weights-container[weights-view] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.weights-list[weights-view] {
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 16px;
    scrollbar-gutter: stable;
}

.add-weight-button-container[weights-view] {
    width: 100%;
    flex: 0 0 auto;

    display: flex;
    justify-content: center;
    margin-top: auto;
    padding-top: 16px;
}

.weights-container[weights-view]  .add-weight-button {
    width: 300px;
    max-width: 100%;
}
/* /Pages/CourseDetails/Components/CourseContent/CourseContent.razor.rz.scp.css */
.course-content-container.sc-course-content[course-content-component] {
    display: flex;
    align-self: stretch;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: var(--student-content-height, 100%);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    container-type: inline-size;
}

.sc-workspace[course-content-component] {
    display: grid;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    flex: 1 1 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--grey-light-4, #ddd);
}

.sc-sidebar[course-content-component] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-width: 0;
    min-height: 0;
    border-right: 1px solid var(--grey-light-4, #ddd);
    background: #fff;
}

.sc-sidebar-top[course-content-component] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px;
}

.sc-sidebar-scroll[course-content-component] {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.sc-sidebar-footer[course-content-component] {
    padding: 12px;
}

.sc-main[course-content-component] {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 18px;
    overflow: hidden;
    background: var(--grey-light-1, #f1f1f1);
    justify-content: center;
    align-items: center;
}

.sc-main[course-content-component]  .sc-item-detail {
    display: flex;
    align-self: stretch;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 12px;
    overflow: hidden;
    border: 1px solid var(--grey-light-4, #ddd);
    border-radius: 7px;
    background: #fff;
}

.sc-main[course-content-component]  .sc-item-header {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.sc-main[course-content-component]  .sc-item-heading {
    display: flex;
    flex: 1 1 220px;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.sc-main[course-content-component]  .sc-item-badge {
    display: inline-flex;
    flex: 0 0 auto;
}

.sc-main[course-content-component]  .sc-item-title {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--grey-dark-4, #333);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-main[course-content-component]  .sc-item-header .sc-management-actions {
    flex: 0 1 auto;
    max-width: 100%;
}

.sc-main[course-content-component]  .sc-item-meta {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.sc-main[course-content-component]  .sc-item-existing-pills {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 0;
}

.sc-main[course-content-component]  .sc-item-existing-pills:empty {
    display: none;
}

.sc-main[course-content-component]  .sc-item-extra-meta {
    min-width: 0;
    max-width: 100%;
}

.sc-main[course-content-component]  .sc-item-meta .sc-toolbar {
    flex: 0 0 auto;
    margin-left: auto;
}

.sc-main[course-content-component]  .sc-item-scroll {
    flex: 1 1 0;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 10px;
    overflow: auto;
    overflow-wrap: anywhere;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    border: 1px solid var(--grey-light-4, #ddd);
    border-radius: 3px;
    background: var(--grey-light-1, #f7f7f7);
}

.sc-main[course-content-component]  .sc-item-scroll img,
.sc-main[course-content-component]  .sc-item-scroll video {
    max-width: 100%;
    height: auto;
}

.sc-main[course-content-component]  .sc-item-scroll pre {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.sc-main[course-content-component]  .sc-item-scroll table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.sc-main[course-content-component]  .sc-item-body,
.sc-main[course-content-component]  .sc-item-footer {
    margin-top: 12px;
}

.sc-overview[course-content-component] {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.sc-unit-cards[course-content-component] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 2px;
}

.sc-unit-card[course-content-component] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border: 1px solid var(--grey-light-4, #ddd);
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 1px 4px #0000000b;
    cursor: pointer;
}

.sc-unit-card:hover[course-content-component] {
    background: #fafafa;
}

.sc-unit-card:focus-visible[course-content-component] {
    outline: 2px solid var(--green, #27bf81);
    outline-offset: -2px;
}

.sc-card-title[course-content-component],
.sc-detail-title[course-content-component] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--grey-dark-4, #333);
    font-weight: 600;
}

.sc-card-title[course-content-component] {
    margin-bottom: 8px;
}

.sc-card-preview[course-content-component] {
    max-height: 3.5rem;
    overflow: hidden;
    color: var(--grey-2, #666);
    font-size: 12px;
    line-height: 1.5;
    pointer-events: none;
}

.sc-card-preview[course-content-component]  p {
    margin: 0;
}

.sc-card-preview[course-content-component]  img {
    max-width: 100%;
    height: auto;
}

.sc-unit-detail[course-content-component] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 12px;
    border: 1px solid var(--grey-light-4, #ddd);
    border-radius: 7px;
    background: #fff;
}

.sc-detail-header[course-content-component],
.sc-unit-meta-row[course-content-component] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.sc-unit-pills[course-content-component] {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
}

.sc-detail-title[course-content-component] {
    flex: 1 1 160px;
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 14px;
}

.sc-management-actions[course-content-component] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
}

.sc-management-actions button[course-content-component],
.sc-overview-button[course-content-component] {
    padding: 5px 8px;
    border: 1px solid var(--grey-light-4, #ddd);
    border-radius: 3px;
    background: #fff;
    color: var(--grey-2, #666);
    font: inherit;
    font-size: 12px;
    cursor: pointer;
    height: 32px !important;
}

.sc-management-actions[course-content-component]  .btn.btn--secondary {
    height: 32px !important;
}

.sc-management-actions button:focus-visible[course-content-component],
.sc-overview-button:focus-visible[course-content-component] {
    outline: 2px solid var(--green, #27bf81);
    outline-offset: 2px;
}

.sc-unit-scroll[course-content-component] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    padding: 10px;
    overflow: auto;
    overflow-wrap: anywhere;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    border: 1px solid var(--grey-light-4, #ddd);
    border-radius: 3px;
    background: var(--grey-light-1, #f7f7f7);
}

.sc-unit-scroll[course-content-component]  img,
.sc-unit-scroll[course-content-component]  video {
    max-width: 100%;
    height: auto;
}

.sc-unit-scroll[course-content-component]  pre {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.sc-unit-scroll[course-content-component]  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.sc-generated-items[course-content-component] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}

.sc-empty[course-content-component] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    min-height: 300px;
    padding: 24px;
    background: var(--grey-light-1, #f1f1f1);
    width: 100%;
}

.sc-empty-message[course-content-component] {
    max-width: 480px;
    margin: 0;
    text-align: center;
    line-height: 1.6;
}

.sc-content-loading[course-content-component] {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    box-sizing: border-box;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    place-items: center;
}

.sc-loading[course-content-component]  .loader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative !important;
    width: inherit;
    height: inherit;
}

@container (max-width: 860px) {
    .sc-workspace[course-content-component] {
        grid-template-columns: minmax(200px, 230px) minmax(0, 1fr);
    }

    .sc-main[course-content-component] {
        padding: 10px;
    }
}

@container (max-width: 640px) {
    .sc-main[course-content-component]  .sc-item-meta .sc-toolbar {
        width: 100%;
        margin-left: 0;
    }
}

@container (max-width: 560px) {
    .sc-workspace[course-content-component] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(140px, 32%) minmax(0, 1fr);
    }

    .sc-sidebar[course-content-component] {
        grid-template-rows: auto minmax(0, 1fr) auto;
        border-right: 0;
        border-bottom: 1px solid var(--grey-light-4, #ddd);
    }

    .sc-sidebar-top[course-content-component] {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 8px;
    }

    .sc-sidebar-footer[course-content-component] {
        padding: 4px 8px;
    }
}
/* /Pages/CourseDetails/Components/CourseContent/Views/CourseContentItemMetadata/CourseContentItemMetadata.razor.rz.scp.css */
.sc-meta[b-696bvqnvxi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    min-width: 0;
    max-width: 100%;
}

.sc-count-pill-icon[b-696bvqnvxi] {
    display: inline-flex;
    width: 100%;
    height: 100%;
    color: inherit;
}

.sc-count-pill-icon[b-696bvqnvxi]  svg {
    display: block;
    width: 100%;
    height: 100%;
}

.sc-count-pill-icon[b-696bvqnvxi]  svg,
.sc-count-pill-icon[b-696bvqnvxi]  svg * {
    fill: currentColor !important;
    stroke: currentColor !important;
    color: currentColor !important;
}

.sc-icon-purple[b-696bvqnvxi] {
    color: #a347ec;
}

.sc-icon-yellow[b-696bvqnvxi] {
    color: #c5b62c;
}

.sc-icon-orange[b-696bvqnvxi] {
    color: #e58d24;
}

.sc-icon-blue[b-696bvqnvxi] {
    color: #00a9db;
}

.sc-icon-default[b-696bvqnvxi] {
    color: var(--grey-2, #666);
}
/* /Pages/CourseDetails/Components/CourseContent/Views/CourseContentManagement/CourseContentManagement.razor.rz.scp.css */
.sc-management-actions[b-zzvxh3aktn] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
}

.sc-management-actions[b-zzvxh3aktn]  .btn.btn--secondary {
    height: 32px !important;
}

@container (max-width: 720px) {
    .sc-management-actions[b-zzvxh3aktn] {
        justify-content: flex-start;
    }
}
/* /Pages/CourseDetails/Components/CourseContent/Views/CourseContentSelectedItem/CourseContentSelectedItem.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/CourseContent/Views/CourseContentToolbar/CourseContentToolbar.razor.rz.scp.css */
.sc-toolbar[b-8unino12ts] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
    width: max-content;
    max-width: 100%;
    min-width: 0;
    min-inline-size: 0;
    margin: 0;
    padding: 4px;
    border: 1px solid var(--grey-light-4, #ddd);
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 3px #0000000a;
}

.sc-toolbar > *[b-8unino12ts],
.sc-assessment-menu[b-8unino12ts] {
    flex: 0 0 auto;
    min-width: 0;
}

.sc-action[b-8unino12ts],
.sc-assessment-menu[b-8unino12ts]  button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-sizing: border-box;
    min-width: 32px;
    height: 32px;
    padding: 5px 8px;
    border: 1px solid var(--grey-light-4, #e2e2e2);
    border-radius: 3px;
    background: #fff;
    color: var(--grey-2, #666);
    cursor: pointer;
}

.sc-action:hover[b-8unino12ts],
.sc-assessment-menu[b-8unino12ts]  button:hover {
    border-color: var(--grey-light-3, #cfcfcf);
    background: var(--grey-light-1, #f5f5f5);
}

.sc-action:focus-visible[b-8unino12ts],
.sc-assessment-menu[b-8unino12ts]  button:focus-visible {
    outline: 2px solid var(--green, #27bf81);
    outline-offset: 2px;
}

.sc-action:disabled[b-8unino12ts],
.sc-toolbar[aria-disabled="true"] .sc-assessment-menu[b-8unino12ts] {
    opacity: 0.45;
    cursor: default;
}

.sc-action-icon[b-8unino12ts] {
    position: relative;
    display: inline-flex;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

.sc-action-icon[b-8unino12ts]  svg,
.sc-chevron[b-8unino12ts]  svg {
    display: block;
    width: 100%;
    height: 100%;
}

.sc-cleo[b-8unino12ts] {
    display: inline-flex;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.sc-chevron[b-8unino12ts] {
    display: inline-flex;
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
}

.sc-add[b-8unino12ts] {
    position: absolute;
    top: -5px;
    right: -5px;
    display: grid;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--green, #27bf81);
    color: #fff;
    font: 700 9px/1 sans-serif;
    place-items: center;
}

.sc-purple[b-8unino12ts] {
    color: #a347ec;
}

.sc-yellow[b-8unino12ts] {
    color: #c5b62c;
}

.sc-orange[b-8unino12ts] {
    color: #e58d24;
}

.sc-blue[b-8unino12ts] {
    color: #00a9db;
}

.sc-neutral[b-8unino12ts] {
    color: var(--grey-2, #666);
}

.sc-sr-only[b-8unino12ts] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 720px) {
    .sc-toolbar[b-8unino12ts] {
        width: 100%;
    }

    .sc-action[b-8unino12ts],
    .sc-assessment-menu[b-8unino12ts]  button {
        flex: 0 0 32px;
    }
}
/* /Pages/CourseDetails/Components/CourseContent/Views/CourseContentTree/CourseContentTree.razor.rz.scp.css */
.course-content-tree[b-rkv5s5lwf5] {
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.course-content-tree[b-rkv5s5lwf5]  .hierarhical-tree {
    height: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.course-content-tree[b-rkv5s5lwf5]  .hierarhical-tree-node {
    width: 100%;
    min-width: 0;
}

.course-content-tree[b-rkv5s5lwf5]  .expandable-node {
    display: flex;
    width: 100%;
    gap: 4px;
    padding-right: 6px;
}

.course-content-tree[b-rkv5s5lwf5]  .expand-action {
    width: 18px;
    padding-left: 0;
}

.course-content-tree[b-rkv5s5lwf5]  .expand-action .btn--circle {
    width: 18px;
    height: 24px;
}

.course-content-tree[b-rkv5s5lwf5]  .hierarhical-tree-node-template {
    flex: 1 1 0;
    min-width: 0;
}

.course-content-tree[b-rkv5s5lwf5]  .hierarhical-tree-node:hover,
.course-content-tree[b-rkv5s5lwf5]  .hierarhical-tree-node:focus-within,
.course-content-tree[b-rkv5s5lwf5]  .hierarhical-tree-node.selected {
    background: var(--grey-light-1);
}

.course-content-tree-row[b-rkv5s5lwf5] {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    gap: 4px;
}

.course-content-tree-label[b-rkv5s5lwf5] {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    gap: 7px;
    min-width: 0;
    min-height: 30px;
    color: var(--grey-dark-3);
    font-size: 12px;
}

.course-content-tree-icon[b-rkv5s5lwf5] {
    display: inline-flex;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
}

.course-content-tree-icon[b-rkv5s5lwf5]  svg {
    display: block;
    width: 100%;
    height: 100%;
}

.course-content-tree-name[b-rkv5s5lwf5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course-content-tree-reorder[b-rkv5s5lwf5] {
    display: flex;
    flex: 0 0 auto;
    visibility: hidden;
}

.course-content-tree-row:hover .course-content-tree-reorder[b-rkv5s5lwf5],
.course-content-tree-row:focus-within .course-content-tree-reorder[b-rkv5s5lwf5] {
    visibility: visible;
}

.course-content-tree-reorder button[b-rkv5s5lwf5] {
    display: grid;
    width: 16px;
    height: 24px;
    padding: 2px;
    border: 0;
    background: transparent;
    color: var(--grey-2);
    cursor: pointer;
    place-items: center;
}

.course-content-tree-reorder button:disabled[b-rkv5s5lwf5] {
    opacity: 0.3;
    cursor: default;
}

.course-content-tree-reorder[b-rkv5s5lwf5]  svg {
    width: 12px;
    height: 12px;
}

@media (hover: none) {
    .course-content-tree-reorder[b-rkv5s5lwf5] {
        visibility: visible;
    }
}
/* /Pages/CourseDetails/Components/CourseContent/Views/SimplifiedUnit/SimplifiedUnit.razor.rz.scp.css */
.simplified-unit[b-2ybvf6jznm] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    background: #fff;
    border: 1px solid var(--grey-light-4, #ddd);
    border-radius: 7px;
    box-shadow: 0 1px 4px #0000000b;
    cursor: pointer;
}

.simplified-unit:hover[b-2ybvf6jznm] {
    background: #fafafa;
}

.simplified-unit:focus-visible[b-2ybvf6jznm] {
    outline: 2px solid var(--green, #27bf81);
    outline-offset: -2px;
}

.simplified-unit-title[b-2ybvf6jznm] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin-bottom: 8px;
    color: var(--grey-dark-4, #333);
    font-weight: 600;
}

.simplified-unit-icon[b-2ybvf6jznm] {
    display: inline-flex;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

.simplified-unit-icon[b-2ybvf6jznm]  svg {
    width: 100%;
    height: 100%;
}

.simplified-unit-description[b-2ybvf6jznm] {
    max-height: 3.5rem;
    overflow: hidden;
    color: var(--grey-2, #666);
    font-size: 12px;
    line-height: 1.5;
    pointer-events: none;
}

.simplified-unit-description[b-2ybvf6jznm]  p {
    margin: 0;
}

.simplified-unit-description[b-2ybvf6jznm]  img {
    max-width: 100%;
    height: auto;
}
/* /Pages/CourseDetails/Components/CourseContentAiUploadDialog/CourseContentAiUploadDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/CourseContentToCourseLibraryDialog/CourseContentToCourseLibraryDialog.razor.rz.scp.css */
.course-content-to-course-library-dialog[course-content-to-course-library-dialog]  .dialog {
    overflow: visible !important;
}

.course-content-to-course-library-dialog[course-content-to-course-library-dialog]  .dialog-body {
    position: relative;
    padding: 4px 14px !important;
    overflow: visible !important;
}

.course-content-to-course-library-dialog::deep .dialog-footer[course-content-to-course-library-dialog] {
    position: relative;
    z-index: 1;
}

.dialog-header-icon[course-content-to-course-library-dialog] {
    width: 21px;
    height: 18px;
    aspect-ratio: 1/1;
}

.dialog-header-body[course-content-to-course-library-dialog] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 24px;
}

.unit-item-icon[course-content-to-course-library-dialog] {
    display: flex;
    width: 18px;
    height: 18px;
}

   .unit-item-icon[course-content-to-course-library-dialog]  svg{
        height: 18px;
        width: 18px;
   }

.attached-media-files-icon[course-content-to-course-library-dialog] {
    display: flex;
    width: 20px;
    height: 20px;
}

    .attached-media-files-icon[course-content-to-course-library-dialog]  svg {
        height: 20px;
        width: 20px;
    }

.attached-media-files-text[course-content-to-course-library-dialog] {
    color: #616161;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
/* /Pages/CourseDetails/Components/CourseLibraryImportDialog/CourseLibraryImportDialog.razor.rz.scp.css */
.course-library-import-dialog[b-dm06fs0r0d]  .dialog-template-container.md {
    height: 700px !important;
    max-height: 700px !important;
    display: flex;
    flex-direction: column;
}

.course-library-import-dialog[b-dm06fs0r0d]  .dialog-template-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.course-library-import-dialog[b-dm06fs0r0d]  .dialog-template-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.course-library-import-dialog[b-dm06fs0r0d]  .dialog-template-body-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.course-library-import-dialog[b-dm06fs0r0d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    padding: 5px;
}

.course-library-import-header[b-dm06fs0r0d] {
    display: flex;
    align-items: center;
}

.course-library-import-header h3[b-dm06fs0r0d] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.course-library-import-section[b-dm06fs0r0d] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
}

.course-library-import-title[b-dm06fs0r0d] {
    font-size: 14px;
    font-weight: 600;
    color: #323232;
}

.course-library-import-subtitle[b-dm06fs0r0d] {
    font-size: 12px;
    color: #737373;
}

.course-library-import-search[b-dm06fs0r0d] {
    flex-shrink: 0;
}

.course-library-import-search[b-dm06fs0r0d]  .search--small {
    width: 100%;
    padding: unset;
    z-index: 0 !important;
}

.course-library-import-search[b-dm06fs0r0d]  .search--small .search-field input {
    height: 40px;
    background: #fff;
    border: 1px solid var(--grey-light-3);
}

.course-library-import-tree-wrapper[b-dm06fs0r0d] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 320px;
    height: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}

.course-library-import-options-header[b-dm06fs0r0d] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-height: 42px;
    padding: 0 12px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e7eb;
    font-size: 12px;
    color: #737373;
    flex-shrink: 0;
}

.course-library-import-tree[b-dm06fs0r0d] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.course-library-import-empty[b-dm06fs0r0d] {
    width: 100%;
    padding: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-library-import-tree[b-dm06fs0r0d]  .selected {
    background: #e6f7f1;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-tree-node-content {
    width: 100%;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-import-node-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-import-node-left {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-import-node-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-tree-node-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-weight-category-select {
    min-width: 160px;
    height: 28px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    background: #fff;
    font-size: 12px;
    color: #323232;
    padding: 0 8px;
}

.course-library-import-conflict[b-dm06fs0r0d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.course-library-import-conflict-option[b-dm06fs0r0d] {
    width: 100%;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    border-radius: 6px;
    padding: 12px;
    text-align: left;
    cursor: pointer;
    font-size: 13px;
    color: #323232;
}

.course-library-import-conflict-option.selected[b-dm06fs0r0d] {
    border-color: var(--green);
    background: #e6f7f1;
}

.course-library-import-back[b-dm06fs0r0d] {
    border: none;
    background: transparent;
    color: var(--green);
    font-weight: 600;
    cursor: pointer;
    width: fit-content;
    padding: 0;
}

.course-library-import-option-inline[b-dm06fs0r0d] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-tree-node-content,
.course-library-import-tree[b-dm06fs0r0d]  .course-library-import-node-main {
    width: 100%;
    flex: 1 1 auto;
    min-width: 0;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-import-node-left {
    flex: 1 1 auto;
    min-width: 0;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-import-node-right {
    margin-left: auto;
    flex-shrink: 0;
}

.course-library-import-tree[b-dm06fs0r0d]  .hierarchical-tree-node-content,
.course-library-import-tree[b-dm06fs0r0d]  .hierarchical-tree-node-template,
.course-library-import-tree[b-dm06fs0r0d]  .tree-node-content {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-tree-node-content,
.course-library-import-tree[b-dm06fs0r0d]  .course-library-import-node-selected {
    width: 100%;
    min-width: 0;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-import-node-left {
    min-width: 0;
}

.course-library-import-tree[b-dm06fs0r0d]  .course-library-import-node-right {
    justify-self: end;
}
/* /Pages/CourseDetails/Components/CourseLibraryImportDialog/Views/CourseLibraryImportTree/CourseLibraryImportTree.razor.rz.scp.css */
.course-library-import-tree[b-d7ny81a6mt]  .hierarhical-tree-node,
.course-library-import-tree[b-d7ny81a6mt]  .hierarchical-tree-node {
    width: 100%;
}

.course-library-import-tree[b-d7ny81a6mt]  .hierarhical-tree-node-template,
.course-library-import-tree[b-d7ny81a6mt]  .hierarchical-tree-node-template {
    width: 100%;
    flex: 1 1 auto;
    min-width: 0;
}

.course-library-tree-node-content[b-d7ny81a6mt] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0;
}

.course-library-import-node-selected[b-d7ny81a6mt] {
    background: #e6f7f1;
}

.course-library-tree-node-content.course-library-import-node-selected[b-d7ny81a6mt] {
    background: #e6f7f1 !important;
}

.course-library-import-tree[b-d7ny81a6mt]  .course-library-import-node-main {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: 12px;
}

.course-library-import-node-left[b-d7ny81a6mt] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
}

.course-library-import-node-right[b-d7ny81a6mt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    margin-left: auto;
}

.course-library-import-tree-node-icon[b-d7ny81a6mt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.course-library-import-tree-node-icon svg[b-d7ny81a6mt] {
    width: 15px !important;
    height: 15px !important;
}

.course-library-import-tree-node-name[b-d7ny81a6mt] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 13px;
    font-weight: 400;
}

.course-library-import-tree-node-url[b-d7ny81a6mt] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 12px;
    font-weight: 400;
    color: var(--grey-3);
}

.course-library-weight-category[b-d7ny81a6mt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    white-space: nowrap;
}

.course-library-weight-category-label[b-d7ny81a6mt] {
    color: var(--grey-dark-2);
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

.course-library-weight-category-button[b-d7ny81a6mt] {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--green) !important;
    font-size: 14px;
    font-weight: 600;
}

.course-library-weight-category-button-content[b-d7ny81a6mt] {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.course-library-weight-category-arrow[b-d7ny81a6mt] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px !important;
}

.course-library-weight-category-arrow svg[b-d7ny81a6mt] {
    width: 12px !important;
    height: 12px !important;
}

.course-library-tree-node-content[b-d7ny81a6mt] {
    display: flex;
    width: 100% !important;
    flex: 1 1 auto;
    min-width: 0;
}

.course-library-import-tree[b-d7ny81a6mt]  .tree-anchor-start,
.course-library-import-tree[b-d7ny81a6mt]  .tree-anchor-end {
    flex: 0 0 auto;
}

.course-library-tree-node-content[b-d7ny81a6mt] {
    display: flex;
    width: 100% !important;
    flex: 1 1 auto;
    min-width: 0;
}

.import-items-empty[b-d7ny81a6mt] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 0;
    color: #9ca3af;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: #f1f1f1;
}

.import-items-empty[b-d7ny81a6mt]  .selected {
    background: #e6f7f1;
}

.course-library-import-tree[b-d7ny81a6mt]  .course-library-weight-category {
    position: relative;
    z-index: 20;
}

.course-library-import-tree[b-d7ny81a6mt]  .course-library-weight-category-button,
.course-library-import-tree[b-d7ny81a6mt]  .course-library-weight-category-button-content {
    position: relative;
    z-index: 21;
}
/* /Pages/CourseDetails/Components/CourseSyllabus/CourseSyllabus.razor.rz.scp.css */
.course-syllabus-container[b-mp8ln03zr2] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .course-syllabus-container .course-syllabus-scrollable-container[b-mp8ln03zr2] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .course-syllabus-container .course-syllabus-scrollable-container .course-syllabus-body-container[b-mp8ln03zr2] {
            width: 50%;
            min-width: 480px;
            max-width: 50%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            flex: 1 1 50%;
            gap: 0.5rem;
            margin-top: 1rem;
        }

@media (max-width: 960px) {

    .course-syllabus-container .course-syllabus-scrollable-container .course-syllabus-body-container[b-mp8ln03zr2] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        flex-basis: 100%;
    }
}
/* /Pages/CourseDetails/Components/CreateStudentReport/View/CreateStudentReport.razor.rz.scp.css */
.create-student-report[b-4xa0ncr3ff] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    background: transparent;
}

.main[b-4xa0ncr3ff] {
    height: 100%;
    background-color: var(--grey-light-2);
    padding: 16px;
    border: solid;
    border-width: 0.5px;
    border-color: lightgray;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: flex;
    flex-flow: column;
}

label.title-1[b-4xa0ncr3ff] {    
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 15px;
}

label.title-2[b-4xa0ncr3ff] {
    font-size: 24px;
    color: black;
    word-break: break-word;
}

.switch-container[b-4xa0ncr3ff] {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

[b-4xa0ncr3ff] .report-editor {
    height: 100%;
}

[b-4xa0ncr3ff] .field-check {
    font-size: 0.75rem;
    display: flex;
    align-items: center;
}

    [b-4xa0ncr3ff] .field-check:nth-child(2) {
        flex-grow: 1;
    }

.ai-controls[b-4xa0ncr3ff] {
    display: flex;
    flex-flow: row;
    gap: 8px;
    margin-top: 12px;
}

.footer[b-4xa0ncr3ff] {
    width: 100%;
    background-color: white;
    border: solid;
    border-width: 0.5px;
    border-color: lightgray;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px 12px 16px;
}

.show-ai-helper[b-4xa0ncr3ff] {
    display: block;
}

.hide-ai-helper[b-4xa0ncr3ff] {
    display: none;
}

[b-4xa0ncr3ff] .btn--rounded {
    max-height: 32px !important;
}

[b-4xa0ncr3ff] .btn--light {
    color: var(--green);
    padding: 8px 8px;
    align-self: flex-end;
}

    [b-4xa0ncr3ff] .btn--light:hover {
        color: white;
    }

        [b-4xa0ncr3ff] .btn--light:hover #icon-ai-generate {
            fill: white;
        }

        [b-4xa0ncr3ff] .btn--light:disabled #icon-ai-generate {
            fill: var(--grey-light-4);
        }

    [b-4xa0ncr3ff] .btn--light svg {
        width: 14px;
        height: 14px;
        margin-right: 4px;
    }

#icon-ai-generate[b-4xa0ncr3ff] {
    fill: var(--green);
}
/* /Pages/CourseDetails/Components/EditActivityDialog/View/EditActivityDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/EditCourseItemGradeDialog/EditCourseItemGradeDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/EditExternalAssessmentDialog/View/EditExternalAssessmentDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/EditLessonDialog/View/EditLessonDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/EditPlanDialog/EditPlanDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/EditPlatformAssessmentDialog/View/EditPlatformAssessmentDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/EditStandaloneMediaDialog/EditStandaloneMediaDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/EditUnitDialog/EditUnitDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/EditUnitPlanDialog/EditUnitPlanDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/GeneratePlanByCleoDialog/GeneratePlanByCleoDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/GenerateUnitPlanByCleoDialog/GenerateUnitPlanByCleoDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/Gradebook/Gradebook.razor.rz.scp.css */
.gradebook-container[teacher-gradebook-component] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.625rem calc(0.625rem - 4px);    
    background: var(--grey-light-2);
}
    .gradebook-container .gradebook-header[teacher-gradebook-component] {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
    }
    .gradebook-container .gradebook-table-container[teacher-gradebook-component] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
        .gradebook-container .gradebook-table-container .gradebook-table-header[teacher-gradebook-component] {
            width: 100%;
            height: 51px;
            display: flex;
            flex-direction: row;
            gap: 1rem;
            padding: 5px;
            background-color: rgba(246, 246, 246, 1);
            border: 1px solid rgba(225, 225, 225, 1);
            border-bottom: 0;
        }
        .gradebook-container .gradebook-table-container .gradebook-table-body[teacher-gradebook-component] {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

@media (max-width: 1680px) {
    .gradebook-container .gradebook-table-container .gradebook-table-header[teacher-gradebook-component] {
        height: fit-content;
        flex-direction: column;
    }
}
/* /Pages/CourseDetails/Components/GradeThresholds/View/Card/View/GradeCard.razor.rz.scp.css */
/** CSS override */

.gs-card-grade[teacher-grade-card-view] {
    border-radius: 8px;
    overflow: hidden;
    min-width: 230px;
    width: 230px;
}

.grade-label[teacher-grade-card-view] {
    min-height: 48px;
}

/** Original CSS */

.gs-card-grade .card-header[teacher-grade-card-view],
.gs-card-grade .card-body[teacher-grade-card-view] {
    display: flex;
    gap: 10px;
}

.gs-card-grade .card-header[teacher-grade-card-view] {
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    padding: 10px 20px;
}

.gs-card-grade .card-header .grade-label[teacher-grade-card-view] {
    font-size: 30px;
    font-weight: 600;
}

.gs-card-grade .card-body[teacher-grade-card-view] {
    flex-direction: column;
    padding: 10px;
    background: var(--grey-light-1);
}

.gs-card-grade .card-body > *[teacher-grade-card-view] {
    flex: 1 1 auto;
}

.gs-card-grade .card-body .flex > *[teacher-grade-card-view] {
    flex: 1 1 0;
}

.gs-card-grade .field-group label[teacher-grade-card-view] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.gs-card-grade .field[type=number][teacher-grade-card-view]::-webkit-outer-spin-button,
.gs-card-grade .field[type=number][teacher-grade-card-view]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.gs-card-grade .field[type=number][teacher-grade-card-view] {
    -moz-appearance: textfield;
}

.layout--dark .gs-card-grade .field[teacher-grade-card-view] {
    color: var(--grey-dark-3);
    border-color: var(--grey-light-3);
    background: #ffffff;
}

.layout--dark .gs-card-grade .field[teacher-grade-card-view]::-moz-placeholder {
    color: var(--grey-1);
}

.layout--dark .gs-card-grade .field[teacher-grade-card-view]::placeholder {
    color: var(--grey-1);
}

.layout--dark .gs-card-grade .field-color-picker .field-color[teacher-grade-card-view] {
    color: var(--grey-dark-3);
    background: #ffffff;
    border-color: var(--grey-light-3);
}

.layout--dark .gs-card-grade .field-color-picker .field-color > span[teacher-grade-card-view] {
    color: #ffffff;
}
/* /Pages/CourseDetails/Components/GradeThresholds/View/Grades/View/Grades.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/GradeThresholds/View/GradesGraph/View/GradesGraph.razor.rz.scp.css */
.grading-standards-graph[teacher-grades-graph-view] {
    padding: 10px;
    background: var(--grey-dark-4);
    border-radius: 4px 4px 0 0 !important;
}
    .grading-standards-graph .graph[teacher-grades-graph-view] {
        position: relative;
        height: 130px;
        padding: 30px;
        background: var(--alpha-light-1);
        border-radius: inherit;
    }
    .grading-standards-graph .graph-axis[teacher-grades-graph-view] {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        margin-top: 10px;
    }
        .grading-standards-graph .graph-axis .graph-tick-line[teacher-grades-graph-view] {
            position: relative;
            width: 1px;
        }
            .grading-standards-graph .graph-axis .graph-tick-line:nth-child(even)[teacher-grades-graph-view]::before {
                height: 5px;
            }
        .grading-standards-graph .graph-axis .graph-tick-line[teacher-grades-graph-view]::before {
            content: "";
            display: block;
            width: 1px;
            height: 10px;
            background: #ffffff;
            opacity: 0.125;
        }

        .grading-standards-graph .graph-axis .graph-tick-label[teacher-grades-graph-view] {
            position: absolute;
            transform: translateX(-50%);
            color: #ffffff;
            opacity: 0.375;
        }

    .grading-standards-graph .graph-grade-scale[teacher-grades-graph-view] {
        position: relative;
        display: flex;
        height: 18px;
        border-radius: 10px;
        border: 3px solid rgba(255, 255, 255, 0.05);
        margin: 30px -2px 0;
    }
/* /Pages/CourseDetails/Components/GradeThresholds/View/GradeThresholds.razor.rz.scp.css */
/** CSS override */

[teacher-grade-thresholds-component] .layout--dark .field {
    color: black;
    border-color: var(--grey-light-3);
    background-color: white;
}

[teacher-grade-thresholds-component] .layout--dark .field-color-picker .field-color {
    border-color: var(--grey-light-3);
    background-color: white;
}

.title[teacher-grade-thresholds-component] {
    min-height: 57.59px;
}

.grading-standards-inputs[teacher-grade-thresholds-component]  .scroll {
    flex: 0 1 auto;
    min-height: 0;
    padding-bottom: 10px;
}

.grading-standards-inputs[teacher-grade-thresholds-component]  .scroll > .flex {
    max-height: initial;
}

/** Original CSS */

.grading-standards-builder .builder .builder-main .container[teacher-grade-thresholds-component] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.grading-standards-builder .builder .builder-main-body[teacher-grade-thresholds-component] {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.grading-standards-builder .grading-standards-graph[teacher-grade-thresholds-component] {
    border-radius: 4px 4px 0 0;
}

.grading-standards-builder .grading-standards-inputs[teacher-grade-thresholds-component] {
    flex: 0 1 auto;
    min-height: 0;
    border-radius: 0 0 4px 4px;
}

.grading-standards-inputs[teacher-grade-thresholds-component] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: #ffffff;
}

.grading-standards-inputs .scroll[teacher-grade-thresholds-component] {
    flex: 0 1 auto;
    min-height: 0;
    padding-bottom: 10px;
}

.grading-standards-inputs .scroll > .flex[teacher-grade-thresholds-component] {
    max-height: initial;
}

.grading-standards-inputs .gs-card-grade[teacher-grade-thresholds-component] {
    width: 230px;
    min-width: 230px;
}

.layout--dark .grading-standards-inputs[teacher-grade-thresholds-component] {
    background: var(--grey-dark-3);
}

.not-configurable[teacher-grade-thresholds-component] {
    font-size: 0.875rem; 
    color: var(--grey-3); 
    font-weight: 400;
}
/* /Pages/CourseDetails/Components/GradeThresholds/View/GraphGrade/View/GraphGrade.razor.rz.scp.css */
.graph-grade[teacher-graph-grade-view] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: inherit;
    background: currentColor;
}

.graph-grade .graph-grade-ctrl[teacher-graph-grade-view] {
    position: absolute;
    bottom: -4px;
    right: 0;
    transform: translateX(50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30px;
    border-radius: 50%;
    border: 2px;
    z-index: 1;
}

.graph-grade .graph-grade-ctrl:hover[teacher-graph-grade-view] {
    z-index: 2;
}

.graph-grade .graph-grade-ctrl .knob[teacher-graph-grade-view] {
    position: relative;
    padding: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: inherit;
    border: 2px solid currentColor;
    border-radius: inherit;
    background: var(--grey-dark-4);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.26);
}

.graph-grade .graph-grade-ctrl .knob[readonly][teacher-graph-grade-view] {
    cursor: context-menu;
}

.graph-grade .graph-grade-ctrl .knob[teacher-graph-grade-view]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: currentColor;
    border-radius: inherit;
}

.graph-grade .graph-grade-ctrl .field[teacher-graph-grade-view] {
    width: 40px;
    padding: 0;
    margin-bottom: 5px;
    text-align: center;
    font-size: 12px;
    color: inherit;
    background: none;
    border-radius: 0;
    border: none;
}

.graph-grade .graph-grade-ctrl .label[teacher-graph-grade-view] {
    color: #ffffff;
}
/* /Pages/CourseDetails/Components/GradeThresholds/View/Header/View/GradesHeader.razor.rz.scp.css */
.grades-header-container[teacher-grades-header-view] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* /Pages/CourseDetails/Components/HierarchicalTree/HierarchicalTree.razor.rz.scp.css */
.hierarhical-tree[b-wjuqvgnigy] {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    overflow: auto;
    scrollbar-color: var(--alpha-dark-2) transparent;
}

.hierarhical-tree-selection-highlight[b-wjuqvgnigy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 287px; /* JS will overwrite */
    height: 30px; /* JS will overwrite */
    border-radius: 4px;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.05);
    opacity: 0;
    z-index: 0;
    transition: opacity 0.15s ease, transform 0.15s ease;
}
/* /Pages/CourseDetails/Components/HierarchicalTree/View/HierarchicalTreeNode.razor.rz.scp.css */
.hierarhical-tree-node[b-kj4r13lelp] {
    position: relative;
    display: block;
    width: max-content;
    min-width: 100%;
    min-height: 30px;
    cursor: pointer;
    box-sizing: border-box;
}

.expandable-node[b-kj4r13lelp] {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    gap: 6px;
    padding: 0 12px 0 7px;
    box-sizing: border-box;
}

.expandable-node.collapsed .expand-action-icon[b-kj4r13lelp] {
    transform: rotate(-90deg);
}

.expandable-node.expanded .expand-action-icon[b-kj4r13lelp] {
    transform: rotate(0);
}

.expand-action[b-kj4r13lelp] {
    display: flex;
    width: 24px;
    padding-left: 8px;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
}

.expand-action.hidden-expander[b-kj4r13lelp] {
    visibility: hidden;
}

.expand-action[b-kj4r13lelp]  .expand-action-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey-3);
    transition: transform var(--transition-duration) ease;
}

.expand-action[b-kj4r13lelp]  .icon-14,
.expand-action[b-kj4r13lelp]  .icon-14 .icon {
    width: 10px;
    height: 10px;
}

.expand-action[b-kj4r13lelp]  .icon-12,
.expand-action[b-kj4r13lelp]  .icon-12 .icon {
    width: 8px;
    height: 8px;
}

.expand-action[b-kj4r13lelp]  .btn--circle {
    width: 24px;
    height: 24px;
}

.hierarhical-tree-node-template[b-kj4r13lelp] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.tree-anchor-start[b-kj4r13lelp],
.tree-anchor-end[b-kj4r13lelp] {
    display: block;
    width: 1px;
    min-width: 1px;
    height: 30px;
    flex: 0 0 1px;
    pointer-events: none;
}
/* /Pages/CourseDetails/Components/NewLessonByCleoDialog/View/NewLessonByCleoDialog.razor.rz.scp.css */
.media-section[new-lesson-by-cleo-dialog-component] {
    margin-top: 32px;
}

[new-lesson-by-cleo-dialog-component] .media-library-dialog .dialog-body {
    overflow: hidden !important;
}

.add-lesson-plan-label[new-lesson-by-cleo-dialog-component] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

[new-lesson-by-cleo-dialog-component] .information-icon svg {
    width: 15px;
    height: 15px;
    display: flex;
}

[new-lesson-by-cleo-dialog-component] .tooltip {
    border-radius: 4px;
    padding: 10px;
    gap: 5px;
    flex-flow: column;
    justify-content: center;
    background-color: var(--grey-dark-3);
}

    [new-lesson-by-cleo-dialog-component] .tooltip .item {
        color: var(--grey-light-2);
        font-weight: 400;
        font-size: 12px;
        line-height: 16.34px;
    }

[new-lesson-by-cleo-dialog-component] .add-lesson-plan-button {
    width: 100% !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    border: 1px solid var(--color-primitives-naturals-300, #DDD) !important;
    color: var(--grey-3) !important;
    min-height: 41.59px;
    height: 41.59px;
    max-height: 41.59px;
}
/* /Pages/CourseDetails/Components/NewPlanDialog/NewPlanDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/NewStandaloneMediaDialog/NewStandaloneMediaDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/NewUnitByCleoDialog/View/NewUnitByCleoDialog.razor.rz.scp.css */
.media-section[new-unit-by-cleo-dialog-component] {
    margin-top: 32px;
}

[new-unit-by-cleo-dialog-component] .media-library-dialog .dialog-body {
    overflow: hidden !important;
}

.add-unit-plan-label[new-unit-by-cleo-dialog-component] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

[new-unit-by-cleo-dialog-component] .information-icon svg {
    width: 15px;
    height: 15px;
    display: flex;
}

[new-unit-by-cleo-dialog-component] .tooltip {
    border-radius: 4px;
    padding: 10px;
    gap: 5px;
    flex-flow: column;
    justify-content: center;
    background-color: var(--grey-dark-3);
}

    [new-unit-by-cleo-dialog-component] .tooltip .item {
        color: var(--grey-light-2);
        font-weight: 400;
        font-size: 12px;
        line-height: 16.34px;
    }

[new-unit-by-cleo-dialog-component] .add-unit-plan-button {
    width: 100% !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    border: 1px solid var(--color-primitives-naturals-300, #DDD) !important;
    color: var(--grey-3) !important;
    min-height: 41.59px;
    height: 41.59px;
    max-height: 41.59px;
}

[new-unit-by-cleo-dialog-component] .lessons-input label {
    color: transparent;
    visibility: hidden;
}

.number-of-lessons-validation-message[new-unit-by-cleo-dialog-component] {
    color: var(--red);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 13.2px;
    opacity: 1;
}
/* /Pages/CourseDetails/Components/NewUnitDialog/NewUnitDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/NewUnitPlanDialog/NewUnitPlanDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/RefineLessonByCleoDialog/View/RefineLessonByCleoDialog.razor.rz.scp.css */
.media-section[refine-lesson-by-cleo-dialog-component] {
    margin-top: 32px;
}

[refine-lesson-by-cleo-dialog-component] .media-library-dialog .dialog-body {
    overflow: hidden !important;
}

.add-lesson-plan-label[refine-lesson-by-cleo-dialog-component] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

[refine-lesson-by-cleo-dialog-component] .information-icon svg {
    width: 15px;
    height: 15px;
    display: flex;
}

[refine-lesson-by-cleo-dialog-component] .tooltip {
    border-radius: 4px;
    padding: 10px;
    gap: 5px;
    flex-flow: column;
    justify-content: center;
    background-color: var(--grey-dark-3);
}

    [refine-lesson-by-cleo-dialog-component] .tooltip .item {
        color: var(--grey-light-2);
        font-weight: 400;
        font-size: 12px;
        line-height: 16.34px;
    }

[refine-lesson-by-cleo-dialog-component] .add-lesson-plan-button {
    width: 100% !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    border: 1px solid var(--color-primitives-naturals-300, #DDD) !important;
    color: var(--grey-3) !important;
    min-height: 41.59px;
    height: 41.59px;
    max-height: 41.59px;
}
/* /Pages/CourseDetails/Components/RefinePlanByCleoDialog/RefinePlanByCleoDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/RefineUnitByCleoDialog/View/RefineUnitByCleoDialog.razor.rz.scp.css */
.media-section[refine-unit-by-cleo-dialog-component] {
    margin-top: 32px;
}

[refine-unit-by-cleo-dialog-component] .media-library-dialog .dialog-body {
    overflow: hidden !important;
}

.add-unit-plan-label[refine-unit-by-cleo-dialog-component] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

[refine-unit-by-cleo-dialog-component] .information-icon svg {
    width: 15px;
    height: 15px;
    display: flex;
}

[refine-unit-by-cleo-dialog-component] .tooltip {
    border-radius: 4px;
    padding: 10px;
    gap: 5px;
    flex-flow: column;
    justify-content: center;
    background-color: var(--grey-dark-3);
}

    [refine-unit-by-cleo-dialog-component] .tooltip .item {
        color: var(--grey-light-2);
        font-weight: 400;
        font-size: 12px;
        line-height: 16.34px;
    }

[refine-unit-by-cleo-dialog-component] .add-unit-plan-button {
    width: 100% !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    border: 1px solid var(--color-primitives-naturals-300, #DDD) !important;
    color: var(--grey-3) !important;
    min-height: 41.59px;
    height: 41.59px;
    max-height: 41.59px;
}

[refine-unit-by-cleo-dialog-component] .lessons-input label {
    color: transparent;
    visibility: hidden;
}

.number-of-lessons-validation-message[refine-unit-by-cleo-dialog-component] {
    color: var(--red);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 13.2px;
    opacity: 1;
}
/* /Pages/CourseDetails/Components/RefineUnitPlanByCleoDialog/RefineUnitPlanByCleoDialog.razor.rz.scp.css */
/* /Pages/CourseDetails/Components/ReportCardCommentDialog/View/ReportCardCommentDialog.razor.rz.scp.css */
.body[report-card-comment-dialog-component] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    gap: 20px;
    padding: 10px;
}

[report-card-comment-dialog-component] .comment-container {
    height: 24rem;
    min-height: 16rem;
    max-height: 32rem;
}

.report-card-comment-footer[report-card-comment-dialog-component] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 18px;
}

.report-card-comment-discard-button[report-card-comment-dialog-component] {
    min-width: 90px;
    height: 36px;
    border: none;
    background: transparent;
    color: var(--red);
    margin-right: 10px;
    text-decoration: underline;
}

.report-card-comment-discard-button:hover[report-card-comment-dialog-component],
.report-card-comment-discard-button:focus[report-card-comment-dialog-component],
.report-card-comment-discard-button:focus-visible[report-card-comment-dialog-component],
.report-card-comment-discard-button:active[report-card-comment-dialog-component] {
    background: transparent !important;
    color: var(--red);
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.report-card-comment-discard-button[report-card-comment-dialog-component]::before,
.report-card-comment-discard-button[report-card-comment-dialog-component]::after {
    display: none !important;
}
/* /Pages/CourseDetails/Components/StandardsAndSkills/Components/StandardsAndSkillsHierarchicalTree/StandardsAndSkillsHierarchicalTree.razor.rz.scp.css */
.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component] {
    display: flex;
    width: 100%;
    height: calc(100vh - 120px);
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    background: white;
}

.standards-and-skills-toolbar[standards-and-skills-hierarchical-tree-component] {
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 8px 10px;
    flex: 0 0 auto;
    align-items: center;
    border-bottom: 1px solid var(--grey-light-2);
    box-sizing: border-box;
    background: var(--grey-light-1);
}

.standards-and-skills-toolbar[standards-and-skills-hierarchical-tree-component]  .btn.secondary-color {
    background: var(--green) !important;
    color: white !important;
}

.standards-and-skills-toolbar-filters[standards-and-skills-hierarchical-tree-component] {
    display: flex;
    min-width: 0;
    margin-left: auto;
    align-items: center;
    gap: 8px;
}

.standards-and-skills-toolbar-filters[standards-and-skills-hierarchical-tree-component]  .search {
    min-width: 280px !important;
    background: white !important;
}

.standards-and-skills-toolbar-filters[standards-and-skills-hierarchical-tree-component]  .search.search--small {
    padding: 3px 8px !important;
}

.standards-and-skills-toolbar-filters[standards-and-skills-hierarchical-tree-component]  .field-group {
    min-width: 180px !important;
}

.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .expandable-node {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow-x: hidden;
    box-sizing: border-box;
}

.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .hierarhical-tree-node {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow-x: hidden;
    box-sizing: border-box;
}

.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .hierarhical-tree-node-template {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
    overflow: hidden;
    box-sizing: border-box;
}

.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .hierarhical-tree-node.selected {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.standards-and-skills-tree-render-wrapper[standards-and-skills-hierarchical-tree-component] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    overflow-x: hidden;
    box-sizing: border-box;
}

.standards-and-skills-node[standards-and-skills-hierarchical-tree-component] {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    box-sizing: border-box;
}

.standards-and-skills-node-content[standards-and-skills-hierarchical-tree-component] {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.standards-and-skills-node-type[standards-and-skills-hierarchical-tree-component],
.standards-and-skills-node-code[standards-and-skills-hierarchical-tree-component],
.standards-and-skills-node-name[standards-and-skills-hierarchical-tree-component],
.standards-and-skills-node-year[standards-and-skills-hierarchical-tree-component] {
    display: inline;
    margin-right: 6px;
    vertical-align: middle;
}

.standards-and-skills-node-type[standards-and-skills-hierarchical-tree-component],
.standards-and-skills-node-year[standards-and-skills-hierarchical-tree-component] {
    padding: 2px 6px;
    border-radius: 3px;
    background: var(--grey-light-2);
    color: var(--grey-2);
    font-size: 11px;
    line-height: 14px;
    white-space: nowrap;
}

.standards-and-skills-node-code[standards-and-skills-hierarchical-tree-component] {
    color: var(--grey-2);
    font-size: 11px;
    white-space: nowrap;
}

.standards-and-skills-node-name[standards-and-skills-hierarchical-tree-component] {
    color: #272727;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.34px;
}

.standards-and-skills-loader[standards-and-skills-hierarchical-tree-component] {
    display: flex;
    width: 100%;
    height: calc(100% - 46px);
    min-height: 0;
    align-items: center;
    justify-content: center;
}

.standards-and-skills-wrapper .loading-spinner[standards-and-skills-hierarchical-tree-component] {
    margin-top: 220px;
}

.standards-and-skills-node-selected[standards-and-skills-hierarchical-tree-component] {
    background: transparent !important;
}

.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .hierarhical-tree-node:has(.standards-and-skills-node-selected) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: #e6f7f1 !important;
    box-shadow: 0 2px 0 #e6f7f1, 0 -2px 0 #e6f7f1;
}

.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .expandable-node:has(.standards-and-skills-node-selected) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: #e6f7f1 !important;
}

.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .hierarhical-tree-node.selected:has(.standards-and-skills-node-selected) {
    background: #e6f7f1 !important;
}

.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .hierarhical-tree-node:has(.standards-and-skills-node-selected) .hierarhical-tree-node-template {
    background: #e6f7f1 !important;
}

.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .hierarhical-tree-node:has(.standards-and-skills-node-selected) + .hierarhical-tree-node:has(.standards-and-skills-node-selected) {
    border-top-color: #e6f7f1 !important;
}

.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .standards-and-skills-scroll,
.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .standards-and-skills-scroll.no-padding {
    width: 100%;
    height: auto;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    padding: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
}

.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .standards-and-skills-scroll > div,
.standards-and-skills-wrapper[standards-and-skills-hierarchical-tree-component]  .standards-and-skills-scroll.no-padding > div {
    width: 100%;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    padding: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    overflow-x: hidden;
    box-sizing: border-box;
}

.standards-and-skills-wrapper.standards-and-skills-dialog-tree[standards-and-skills-hierarchical-tree-component] {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    overflow: visible;
    border: 0;
    contain: layout size;
}

.standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-toolbar[standards-and-skills-hierarchical-tree-component] {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 0;
    min-height: 0;
    padding: 0;
    flex: 0 0 0;
    overflow: visible;
    border: 0;
    background: transparent;
}

.standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-toolbar-filters[standards-and-skills-hierarchical-tree-component] {
    position: absolute;
    z-index: 10;
    top: -56px;
    right: 0;
    margin-left: 0;
    white-space: nowrap;
    pointer-events: auto;
}

.standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-loader[standards-and-skills-hierarchical-tree-component] {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    min-height: 0;
}

.standards-and-skills-wrapper.standards-and-skills-dialog-tree .loading-spinner[standards-and-skills-hierarchical-tree-component] {
    margin-top: 0;
}

.standards-and-skills-wrapper.standards-and-skills-dialog-tree[standards-and-skills-hierarchical-tree-component]  .standards-and-skills-scroll,
.standards-and-skills-wrapper.standards-and-skills-dialog-tree[standards-and-skills-hierarchical-tree-component]  .standards-and-skills-scroll.no-padding {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    padding: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
}

@media (max-width: 820px) {
    .standards-and-skills-toolbar-filters[standards-and-skills-hierarchical-tree-component] {
        width: 100%;
        min-width: 0;
    }

    .standards-and-skills-toolbar-filters[standards-and-skills-hierarchical-tree-component]  .search {
        min-width: 0 !important;
        flex: 1 1 auto;
    }

    .standards-and-skills-toolbar-filters[standards-and-skills-hierarchical-tree-component]  .field-group {
        min-width: 150px !important;
    }
}
/* /Pages/CourseDetails/Components/StandardsAndSkills/Views/Common/StandardsAndSkillsSelection.razor.rz.scp.css */
.standards-and-skills-selection-view[b-78ctuuivjf] {
    display: flex;
    width: 100%;
    min-height: 48px;
    padding: 7px 17px !important;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    background: white;
    cursor: pointer;
}

.standards-and-skills-selection-view:hover[b-78ctuuivjf] {
    background: var(--grey-light-1);
}

.standards-and-skills-selection-icon[b-78ctuuivjf] {
    display: flex;
    width: 32px;
    height: 32px;
    min-width: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--green);
}

.standards-and-skills-selection-icon.empty[b-78ctuuivjf] {
    background: var(--grey-2);
}

.standards-and-skills-selection-content[b-78ctuuivjf] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
}

.standards-and-skills-selection-title[b-78ctuuivjf] {
    overflow: hidden;
    color: #272727;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.standards-and-skills-selection-count[b-78ctuuivjf] {
    overflow: hidden;
    color: #999999;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.standards-and-skills-selection-view[b-78ctuuivjf]  .btn.btn--circle {
    border: none !important;
}

.standards-and-skills-selection-section[b-78ctuuivjf] {
    width: 100%;
}

.standards-and-skills-selection-section[b-78ctuuivjf]  .standards-and-skills-selection-accordion {
    width: 100%;
}

.standards-and-skills-selection-remove[b-78ctuuivjf] {
    display: flex;
    margin-left: auto;
    flex: 0 0 auto;
    align-items: center;
}

.standards-and-skills-selection--disabled[b-78ctuuivjf] {
    cursor: default;
    opacity: 0.6;
    pointer-events: none;
}

.standards-and-skills-selection-section[b-78ctuuivjf]  .dropdown-header {
    font-size: 0.875rem !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 19px;
    color: rgba(97, 97, 97, 1) !important;
}
/* /Pages/CourseDetails/Components/StandardsAndSkills/Views/HierarchicalTreeView/HierarchicalTree.razor.rz.scp.css */
.hierarhical-tree[hierarchical-tree-view] {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    overflow: auto;
    scrollbar-color: var(--alpha-dark-2) transparent;
}

.hierarhical-tree.scroll[hierarchical-tree-view] {
    padding: 6px 4px !important;
}

.hierarhical-tree-selection-highlight[hierarchical-tree-view] {
    position: absolute;
    top: 0;
    left: 0;
    width: 287px; /* JS will overwrite */
    height: 30px; /* JS will overwrite */
    border-radius: 4px;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.05);
    opacity: 0;
    z-index: 0;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.hierarhical-tree-selection-highlight.full-width[hierarchical-tree-view] {
    width: 100% !important;
    z-index: 99999;
}
/* /Pages/CourseDetails/Components/StandardsAndSkills/Views/HierarchicalTreeView/View/HierarchicalTreeNode.razor.rz.scp.css */
.hierarhical-tree-node[b-4barb6knlm] {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 30px;
    cursor: pointer;
    box-sizing: border-box;
    z-index: auto;
}

.expandable-node[b-4barb6knlm] {
    position: relative;
    z-index: auto;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 30px;
    gap: 6px;
    padding: 0 12px 0 7px;
    box-sizing: border-box;
}

.hierarhical-tree-node-template[b-4barb6knlm] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
}

    .expandable-node.collapsed .expand-action .expand-action-icon[b-4barb6knlm] {
        transform: rotate(-90deg);
    }

    .expandable-node.expanded .expand-action .expand-action-icon[b-4barb6knlm] {
        transform: rotate(0deg);
    }

.expand-action[b-4barb6knlm] {
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    padding-left: 8px;
}

    .expand-action.hidden-expander[b-4barb6knlm] {
        visibility: hidden;
    }

    .expand-action[b-4barb6knlm]  .expand-action-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform var(--transition-duration) ease 0s;
        color: var(--grey-3);
    }

        .expand-action[b-4barb6knlm]  .expand-action-icon.icon-14,
        .expand-action[b-4barb6knlm]  .expand-action-icon.icon-14 .icon {
            height: 10px;
            width: 10px;
        }

        .expand-action[b-4barb6knlm]  .expand-action-icon.icon-12,
        .expand-action[b-4barb6knlm]  .expand-action-icon.icon-12 .icon {
            height: 8px;
            width: 8px;
        }

        .expand-action[b-4barb6knlm]  .expand-action-icon ::deep .icon {
            display: flex;
            transition: transform 0.2s ease;
        }

    .expand-action[b-4barb6knlm]  .btn--circle {
        width: 24px;
        height: 24px;
    }

/*.hierarhical-tree-node-template {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}*/

.tree-anchor-start[b-4barb6knlm],
.tree-anchor-end[b-4barb6knlm] {
    display: block;
    flex: 0 0 1px;
    width: 1px;
    min-width: 1px;
    height: 30px;
    pointer-events: none;
}
/* /Pages/CourseDetails/Components/StandardsAndSkills/Views/SelectStandardsAndSkillsDialog/SelectStandardsAndSkillsDialog.razor.rz.scp.css */
.select-standards-and-skills-dialog[select-standards-and-skills-dialog-view] {
    width: 100%;
    min-width: 0;
}

.select-standards-and-skills-dialog[select-standards-and-skills-dialog-view]  .dialog {
    width: min(1200px, calc(100vw - 48px));
    height: 77vh;
    min-width: 0;
    min-height: 620px;
    max-width: calc(100vw - 48px) !important;
    max-height: calc(100vh - 32px);
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

.select-standards-and-skills-dialog[select-standards-and-skills-dialog-view]  .modal-body {
    width: 100%;
    min-width: 0;
    max-width: 100% !important;
    box-sizing: border-box;
}

.select-standards-and-skills-dialog[select-standards-and-skills-dialog-view]  .dialog-body {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 24px !important;
    overflow: hidden;
    box-sizing: border-box;
}

.select-standards-and-skills-dialog-header[select-standards-and-skills-dialog-view] {
    display: flex;
    gap: 18px;
    align-items: center;
}

.select-standards-and-skills-dialog-header[select-standards-and-skills-dialog-view]  .btn {
    width: 40px !important;
    height: 40px !important;
}

.select-standards-and-skills-dialog-header[select-standards-and-skills-dialog-view]  .btn svg {
    width: 16px !important;
    height: 16px !important;
    color: #888888 !important;
    fill: #888888 !important;
}

.select-standards-and-skills-dialog-title[select-standards-and-skills-dialog-view] {
    margin: 0;
    color: #272727;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

.select-standards-and-skills-dialog-body[select-standards-and-skills-dialog-view] {
    position: relative;
    display: flex;
    width: 100%;
    height: 100% !important;
    min-width: 0;
    min-height: 560px;
    max-width: 100%;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

.select-standards-and-skills-navigation[select-standards-and-skills-dialog-view] {
    position: relative;
    z-index: 2;
    display: flex;
    width: 100%;
    min-width: 0;
    padding-right: 500px;
    padding-bottom: 16px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    pointer-events: none;
}

.select-standards-and-skills-navigation[select-standards-and-skills-dialog-view]  * {
    pointer-events: auto;
}

.standards-and-skills-dialog-tab-body[select-standards-and-skills-dialog-view] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    flex: 1 1 auto;
    overflow: visible;
    contain: layout size;
}

.standards-and-skills-all-tab-container[select-standards-and-skills-dialog-view],
.standards-and-skills-selected-tab-container[select-standards-and-skills-dialog-view] {
    position: absolute;
    inset: 0;
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    overflow: visible;
    contain: layout size;
}

.standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view] {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    flex: 1 1 auto;
    overflow: visible;
    contain: layout size;
}

.standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    flex-direction: column;
    overflow: visible;
    border: 0;
    contain: layout size;
}

.standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-toolbar {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 0;
    min-height: 0;
    padding: 0;
    flex: 0 0 0;
    overflow: visible;
    border: 0;
    background: transparent;
}

.standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-toolbar-filters {
    position: absolute;
    z-index: 10;
    top: -56px;
    right: 0;
    display: flex;
    margin-left: 0;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    pointer-events: auto;
}

.standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-scroll {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
}

.standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-scroll > div {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    overflow-x: hidden;
    box-sizing: border-box;
}

.standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-tree-render-wrapper {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    overflow-x: hidden;
    box-sizing: border-box;
}

.standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-loader {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
}

.standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree .loading-spinner {
    margin-top: 0;
}

.hidden[select-standards-and-skills-dialog-view] {
    display: none !important;
}

[select-standards-and-skills-dialog-view] .select-standards-and-skills-dialog-template button:empty {
    display: none !important;
}

@media (max-width: 1100px) {
    .select-standards-and-skills-dialog[select-standards-and-skills-dialog-view]  .dialog {
        width: 100% !important;
        min-width: 0 !important;
        max-width: calc(100vw - 24px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .select-standards-and-skills-dialog[select-standards-and-skills-dialog-view]  .modal-body {
        width: 100%;
        min-width: 0;
        max-width: 100% !important;
    }
    
    .select-standards-and-skills-navigation[select-standards-and-skills-dialog-view] {
        padding-right: 460px;
    }
}

@media (max-width: 1120px) {
    .select-standards-and-skills-dialog[select-standards-and-skills-dialog-view]  .modal-body {
        width: 100%;
        min-width: 0;
        max-width: 100% !important;
    }

    .select-standards-and-skills-dialog[select-standards-and-skills-dialog-view]  .dialog-body {
        padding: 16px !important;
    }

    .select-standards-and-skills-dialog-body[select-standards-and-skills-dialog-view] {
        height: 100%;
        min-height: 0;
    }

    .select-standards-and-skills-dialog-header[select-standards-and-skills-dialog-view] {
        gap: 12px;
    }

    .select-standards-and-skills-navigation[select-standards-and-skills-dialog-view] {
        padding-right: 0;
        padding-bottom: 12px;
    }

    .standards-and-skills-dialog-tab-body[select-standards-and-skills-dialog-view],
    .standards-and-skills-all-tab-container[select-standards-and-skills-dialog-view],
    .standards-and-skills-selected-tab-container[select-standards-and-skills-dialog-view],
    .standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view] {
        overflow: hidden;
    }

    .standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree {
        overflow: hidden;
    }

    .standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-toolbar {
        position: relative;
        height: auto;
        min-height: 0;
        padding: 8px 10px;
        flex: 0 0 auto;
        overflow: visible;
        border-bottom: 1px solid var(--grey-light-2);
        background: var(--grey-light-1);
    }

    .standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-toolbar-filters {
        position: static;
        width: 100%;
        min-width: 0;
        white-space: normal;
    }

    .standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-scroll {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        min-height: 0;
        flex: 1 1 auto;
        padding: 0 !important;
        margin: 0 !important;
    }

    .standards-and-skills-dialog-tree-content[select-standards-and-skills-dialog-view]  .standards-and-skills-wrapper.standards-and-skills-dialog-tree .standards-and-skills-toolbar-filters .search {
        min-width: 0 !important;
        flex: 1 1 auto;
    }
}

@media (max-width: 480px) {
    .select-standards-and-skills-dialog[select-standards-and-skills-dialog-view]  .dialog {
        width: 100% !important;
        min-width: 0 !important;
        max-width: calc(100vw - 12px) !important;
    }

    .select-standards-and-skills-dialog[select-standards-and-skills-dialog-view]  .dialog-body {
        padding: 12px !important;
    }
}

@media (max-height: 720px) {
    .select-standards-and-skills-dialog[select-standards-and-skills-dialog-view]  .dialog {
        height: calc(100vh - 24px);
        min-height: 0;
        max-height: calc(100vh - 24px);
    }

    .select-standards-and-skills-dialog-body[select-standards-and-skills-dialog-view] {
        height: 100%;
        min-height: 0;
    }
}
/* /Pages/CourseDetails/Components/StudentLearningPlanDialog/StudentLearningPlanDialog.razor.rz.scp.css */
.student-learning-plan-dialog[b-jz56r2rtbh] .dialog-body {
    flex: 1 1 auto !important;
}

.student-learning-plan-dialog[b-jz56r2rtbh] .modal-body {
    max-width: 1320px !important;
}
/* /Pages/CourseDetails/Components/StudentRoster/View/StudentRoster.razor.rz.scp.css */
[teacher-student-roster-view] .spinner-profile-height {
    height: 100% !important;
}

.create-student-report-container[teacher-student-roster-view] {
    width: 450px;
    height: 700px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 1000000;
}

.show[teacher-student-roster-view] {
    display: block;
}

.hide[teacher-student-roster-view] {
    display: none;
}

.cleo-student[teacher-student-roster-view] {
    display: none;
}

.cleo-bulk[teacher-student-roster-view] {
    background: white;
    border: 1px solid #E1E1E1;
    padding: 10px;
    border-radius: 4px;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    display: flex;
    align-items: center;
    min-height: 66px;
}

.ask-cleo-button[teacher-student-roster-view],
.ask-cleo-button-remove[teacher-student-roster-view] {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    overflow: hidden;
}

.ask-cleo-button[teacher-student-roster-view]  button {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    padding: 0 14px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.ask-cleo-button[teacher-student-roster-view]  button:active,
.ask-cleo-button[teacher-student-roster-view]  button:focus,
.ask-cleo-button[teacher-student-roster-view]  button:hover {
    transform: none !important;
}

.ask-cleo-button[teacher-student-roster-view]  svg {
    color: white;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.ask-cleo-button-remove[teacher-student-roster-view]  button {
    background-color: #F6F6F6 !important;
    color: #888888 !important;
}

.ask-cleo-button-remove[teacher-student-roster-view]  svg {
    color: #888888;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.ask-cleo-button-remove[teacher-student-roster-view]  button:hover svg {
    color: #888888 !important; 
}

.ask-cleo-divider[teacher-student-roster-view] {
    width: 1px;
    height: 20px;
    background: #BCBCBC;
    margin: 0 10px;
}

.rcc-generation-state[teacher-student-roster-view] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-weight: 500;
}

.rcc-awaiting-review[teacher-student-roster-view] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-weight: 600;
    color: var(--orange-600, #D97706);
}

.cleo-action-cell[teacher-student-roster-view] {
    text-align: center;
}

.cleo-button[teacher-student-roster-view] {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.cleo-button:disabled[teacher-student-roster-view] {
    cursor: not-allowed;
    opacity: 0.5;
}

.cleo-button:hover:not(:disabled)[teacher-student-roster-view] {
    opacity: 0.85;
}

.cleo img[teacher-student-roster-view] {
    width: 24px;
    height: 24px;
    display: block;
}

.approve-rccs-button[teacher-student-roster-view] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 22px;
    border: none;
    background: #ffffff;
    color: #8a8a8a;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: none;
}

.approve-rccs-button:hover[teacher-student-roster-view],
.approve-rccs-button:focus[teacher-student-roster-view],
.approve-rccs-button:active[teacher-student-roster-view] {
    border: none;
    outline: none;
    background: #ffffff;
    color: #6f6f6f;
    box-shadow: none;
}

.approve-rccs-button-content[teacher-student-roster-view] {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    font-size: 14px;
}

.approve-rccs-button-icon[teacher-student-roster-view] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.approve-rccs-button-icon[teacher-student-roster-view]  svg {
    width: 18px !important;
    height: 18px !important;
    color: #888888 !important;
}

.cleo[teacher-student-roster-view] {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px !important;
}

.cleo[teacher-student-roster-view]  svg {
    width: 24px;
    height: 24px;
    color: white;
}

.cleo img[teacher-student-roster-view] {
    width: 48px;
    height: 48px;
}
/* /Pages/CourseDetails/Components/StudentRosterFilter/View/StudentRosterFilter.razor.rz.scp.css */
.students-roster-filter-container[b-eav029add7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}

.students-filter-items-container[b-eav029add7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.toggle-item[b-eav029add7] {
    margin-top: 2px;
}

[b-eav029add7] .search--small .search-field input {
    background: #fff;
    border: 1px solid var(--grey-light-3);
}

[b-eav029add7] .search--small .search-field input,
.filter-container[b-eav029add7] {
    height: 38px;
}

[b-eav029add7] .search {
    padding: 0 !important;
}

[b-eav029add7] .field-group {
    padding: 0 !important;
}

[b-eav029add7] .filter-drop-down {
    min-width: 150px;
}

[b-eav029add7] .loader-container .loader > * {
    max-width: 3% !important;
}

[b-eav029add7] .loading-spinner {
    min-height: 0px !important;
    min-width: 150px !important;
}

[b-eav029add7] .loader-spinner {
    width: 24px !important;
    height: 24px !important;
}

.total-students[b-eav029add7] {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: var(--grey-1);
}

.filtered-students[b-eav029add7] {
    color: var(--grey-3);
}

.filter-item.report-card[b-eav029add7]  .field-menu {
    min-width: 200px !important;
}
/* /Pages/CourseDetails/Components/UnitDeleteWithFeedbackDialog/UnitDeleteWithFeedbackDialog.razor.rz.scp.css */
.delete-unit-dialog-header[unit-delete-with-feedback-dialog-component] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    height: 3.5rem;

    /* To neutralize the dialog-header padding. */
    margin: -0.9375rem 0.125rem; 
}

.delete-unit-dialog-header-icon-container[unit-delete-with-feedback-dialog-component] {
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
}

.delete-unit-dialog-header-icon[unit-delete-with-feedback-dialog-component] {
    width: 100%;
    height: 100%;
}
    .delete-unit-dialog-header-icon[unit-delete-with-feedback-dialog-component]  svg {
        width: 1.75rem;
        height: 1.75rem;
    }

.delete-unit-dialog-body[unit-delete-with-feedback-dialog-component] {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    /* - 10px dialog-body padding; 4px scroll padding */
    padding: calc(1.5rem - 10px) calc(2rem - 10px - 4px);
}
/* /Pages/CourseDetails/Components/UnitFeedbackDialog/UnitFeedbackDialog.razor.rz.scp.css */
.unit-feedback-dialog-header[unit-feedback-dialog-component] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    height: 3.5rem;

    /* To neutralize the dialog-header padding. */
    margin: -0.9375rem 0.125rem; 
}

.unit-feedback-dialog-header-icon-container[unit-feedback-dialog-component] {
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
}

.unit-feedback-dialog-header-icon[unit-feedback-dialog-component] {
    width: 100%;
    height: 100%;
}
    .unit-feedback-dialog-header-icon[unit-feedback-dialog-component]  svg {
        width: 1.75rem;
        height: 1.75rem;
    }

.unit-feedback-dialog-body[unit-feedback-dialog-component] {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    /* - 10px dialog-body padding; 4px scroll padding */
    padding: calc(1.5rem - 10px) calc(2rem - 10px - 4px);
}
/* /Pages/CourseDetails/Components/UnitItemDeleteWithFeedbackDialog/UnitItemDeleteWithFeedbackDialog.razor.rz.scp.css */
.delete-unit-item-dialog-header[unit-item-delete-with-feedback-dialog-component] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    height: 3.5rem;

    /* To neutralize the dialog-header padding. */
    margin: -0.9375rem 0.125rem; 
}

.delete-unit-item-dialog-header-icon-container[unit-item-delete-with-feedback-dialog-component] {
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
}

.delete-unit-item-dialog-header-icon[unit-item-delete-with-feedback-dialog-component] {
    width: 100%;
    height: 100%;
}
    .delete-unit-item-dialog-header-icon[unit-item-delete-with-feedback-dialog-component]  svg {
        width: 1.75rem;
        height: 1.75rem;
    }

.delete-unit-item-dialog-body[unit-item-delete-with-feedback-dialog-component] {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    /* - 10px dialog-body padding; 4px scroll padding */
    padding: calc(1.5rem - 10px) calc(2rem - 10px - 4px);
}
/* /Pages/CourseDetails/Components/UnitItemFeedbackDialog/UnitItemFeedbackDialog.razor.rz.scp.css */
.unit-item-feedback-dialog-header[unit-item-feedback-dialog-component] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    height: 3.5rem;

    /* To neutralize the dialog-header padding. */
    margin: -0.9375rem 0.125rem; 
}

.unit-item-feedback-dialog-header-icon-container[unit-item-feedback-dialog-component] {
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
}

.unit-item-feedback-dialog-header-icon[unit-item-feedback-dialog-component] {
    width: 100%;
    height: 100%;
}
    .unit-item-feedback-dialog-header-icon[unit-item-feedback-dialog-component]  svg {
        width: 1.75rem;
        height: 1.75rem;
    }

.unit-item-feedback-dialog-body[unit-item-feedback-dialog-component] {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    /* - 10px dialog-body padding; 4px scroll padding */
    padding: calc(1.5rem - 10px) calc(2rem - 10px - 4px);
}
/* /Pages/CourseDetails/Components/UnitPlanning/UnitPlanning.razor.rz.scp.css */
.unit-planning-container[unit-planning-component] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .unit-planning-container .unit-planning-empty-container[unit-planning-component] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        margin-bottom: 1rem;
    }
        .unit-planning-container .unit-planning-empty-container .welcome-message-container[unit-planning-component] {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
            .unit-planning-container .unit-planning-empty-container .welcome-message-container > span[unit-planning-component] {
                font-size: 1rem;
                font-weight: 600;
                line-height: 1.75rem;
                text-align: center;
                color: rgba(65, 65, 65, 1);
            }
        .unit-planning-container .unit-planning-empty-container .button-container[unit-planning-component] {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            border-top: none;
        }
            .unit-planning-container .unit-planning-empty-container .button-container[unit-planning-component]  button {
                line-height: var(--line-height);
            }

    .unit-planning-container .unit-planning-populated-container[unit-planning-component] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        margin-bottom: 1rem;
    }
        .unit-planning-container .unit-planning-populated-container .unit-plans-container[unit-planning-component] {
            width: 50%;
            min-width: 480px;
            max-width: 50%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            flex: 1 1 50%;
            gap: 0.5rem;
        }
    .unit-planning-container .button-container[unit-planning-component] {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding: 0.5rem;
        border-top: 1px solid var(--grey-light-3);
    }
        .unit-planning-container .button-container[unit-planning-component]  button {
            line-height: var(--line-height);
        }
            .unit-planning-container .button-container[unit-planning-component]  button .dropdown-button-content {
                width: 100%;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                gap: 0.5rem;
                overflow: hidden;
            }
                .unit-planning-container .button-container[unit-planning-component]  button .dropdown-button-content svg {
                    display: flex;
                    align-items: center;
                    top: 0;
                    left: 0;
                    min-width: 0.75rem;
                    min-height: 0.75rem;
                    width: 0.75rem;
                    height: 0.75rem;
                    margin: 0;
                }


    .unit-planning-container .unit-planning-container-header[unit-planning-component] {
        display: flex;
        justify-content: end;
        align-items: center;
        width: 100%;
        height: 2.5rem;
    }
        .unit-planning-container .unit-planning-container-header[unit-planning-component]  .btn {
            height: 2rem;
            margin: 0.25rem;
        }

        .unit-planning-container .unit-planning-container-header .tooltip[unit-planning-component] {
            border-radius: 4px;
            padding: 10px;
            gap: 5px;
            display: flex;
            flex-flow: column;
            justify-content: center;
            background-color: var(--grey-dark-3);
            color: var(--grey-light-2);
            font-weight: 400;
            font-size: 12px;
        }

        .unit-planning-container .unit-planning-container-header .save-to-course-library-button-container[unit-planning-component] {
            display: flex;
            gap: 0.5rem;
        }

            .unit-planning-container .unit-planning-container-header .save-to-course-library-button-container .save-to-course-library-button-container-icon[unit-planning-component] {
                width: 16px;
                height: 16px;
                aspect-ratio: 1/1;
            }

@media (max-width: 960px) {

    .unit-planning-container .unit-planning-populated-container .unit-plans-container[unit-planning-component] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        flex-basis: 100%;
    }
}

/* 
    NOTE: This is a workaround to prevent DropDownMenuButton drop down menu values being cutoff 
         due to drop-down-menu.js setting the max-width dynamically to an incorrect value
         because it takes the witdth of the HtmlRoot which is the button container <div>.
*/
[unit-planning-component] .dropdown-menu {
    margin-left: 150px;
    padding-right: 150px;
}

/* 
    NOTE: This is a workaround to prevent unwanted transitions on dropdowns.
*/
[unit-planning-component] .dropdown-menu .field-group .field-menu .menu-list,
[unit-planning-component] .menu .menu-list {
    transition: opacity var(--transition-duration) ease 0s !important;
}

[unit-planning-component] .field-menu .field-check,
[unit-planning-component] .field-menu .option,
[unit-planning-component] .menu .field-check,
[unit-planning-component] .menu .option {
    transition: opacity var(--transition-duration) ease 0s !important;
}
/* /Pages/CourseDetails/Components/UnitPlanToCouseLibraryDialog/UnitPlanToCouseLibraryDialog.razor.rz.scp.css */
.unit-planning-save-to-course-library-dialog[unit-plan-to-library-dialog-component]  .dialog {
    overflow: visible !important;
}

.unit-planning-save-to-course-library-dialog[unit-plan-to-library-dialog-component]  .dialog-body {
    position: relative;
    padding: 4px 14px !important;
    overflow: visible !important;
}

.dialog-header-icon[unit-plan-to-library-dialog-component] {
    width: 21px;
    height: 18px;
    aspect-ratio: 1/1;
}

.dialog-header-body[unit-plan-to-library-dialog-component] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 24px;
}
/* /Pages/CourseDetails/Page/View/TeacherCourseDetails.razor.rz.scp.css */
.students-details-page[teacher-course-details-page] {
    height: calc(100vh - 125px);
    margin: 8px 16px 0 16px;
    display: flex;
    flex-flow: column;
    gap: 8px;
}

.header[teacher-course-details-page] {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: var(--grey-dark-3);
}

    .header .school-year[teacher-course-details-page] {
        font-weight: 400;
        font-size: 14px;
        line-height: 22.4px;
        color: var(--grey-3);
    }

    .header[teacher-course-details-page]  .icon {
        min-width: 12px !important;
        min-height: 12px !important;
        width: 12px !important;
        height: 12px !important;
    }

    .header[teacher-course-details-page]  .btn {
        max-height: 32px;
    }

.main[teacher-course-details-page] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

[teacher-course-details-page] .card {
    height: 100% !important;
}

[teacher-course-details-page] .tabs-content {
    padding: 0 8px 8px 8px;
}

    [teacher-course-details-page] .tabs-content .modal-body:has(.unit-dialog) {
        overflow: visible;
    }
    [teacher-course-details-page] .tabs-content .modal-body .dialog.unit-dialog,
    [teacher-course-details-page] .tabs-content .modal-body .dialog.unit-dialog .dialog-body {
        overflow: visible;
    }

[teacher-course-details-page] .tabs-content:has(.course-content-container.sc-course-content) {
    padding: 0 !important;
}
/* /Pages/CourseDetails/Views/ActivitiesTab/View/ActivitiesTab.razor.rz.scp.css */
.show[activities-tab-view] {
    height: 100%;
    display: initial;
}

.hide[activities-tab-view] {
    display: none;
}
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/ActivityBuilderDialog.razor.rz.scp.css */
.activity-builder-dialog[activity-builder-dialog-view] .dialog-body {
    flex: 1 1 0;
}

.activity-builder[activity-builder-dialog-view] .builder .builder-main .container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.activity-builder[activity-builder-dialog-view] .builder .builder-main-body {
    flex: 0 1 auto;
    height: 100%;
    min-height: 0;
}
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/ActivityBuilderEditor.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/TableOfContent/TableOfContent.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/TableOfContent/View/BulletedListContent.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/ActivityQuestion/ActivityQuestion.razor.rz.scp.css */
.activity-create-item[activity-question-view] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--grey-3);
    font-weight: var(--font-weight);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    margin-bottom: 8px;
}

.create-header[activity-question-view] .btn {
    width: 250px;
    height: 40px;
}
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/ActivityQuestions/ActivityQuestions.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/NewActivityQuestion/NewActivityQuestion.razor.rz.scp.css */
.activity-create-item[activity-question-view] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--grey-3);
    font-weight: var(--font-weight);
}

    .activity-create-item .create-ctrl[activity-question-view] {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .activity-create-item .create-card[activity-question-view] {
        position: relative;
        padding: 10px;
        background: #ffffff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
        border: 1px solid var(--grey-light-3);
        border-radius: 0 12px 12px 12px;
        overflow: hidden;
        padding-right: 40px;
        min-height: 46px;
    }

        .activity-create-item .create-card.type--question[activity-question-view] {
            padding: 0;
            background: transparent;
            border: none;
            overflow: initial;
            box-shadow: none;
        }

            .activity-create-item .create-card.type--question .card-aside[activity-question-view] {
                top: 33px;
            }

            .activity-create-item .create-card.type--question.state--readonly .activity-question-body[activity-question-view] {
                padding-right: 10px;
            }

        .activity-create-item .create-card.state--readonly[activity-question-view] {
            padding-right: 10px;
        }

            .activity-create-item .create-card.state--readonly .card-aside[activity-question-view] {
                display: none;
            }

        .activity-create-item .create-card .card-aside[activity-question-view] {
            position: absolute;
            right: 8px;
        }

            .activity-create-item .create-card .card-aside[activity-question-view]  .btn--circle .icon {
                transform: translate(-50%, -50%) rotate(90deg);
            }

        .activity-create-item .create-card p[activity-question-view] {
            font-size: 1em;
        }

        .activity-create-item .create-card .activity-question[activity-question-view] {
            margin-top: -23px;
        }

            .activity-create-item .create-card .activity-question .activity-question-body[activity-question-view] {
                padding-right: 40px;
            }

.create-header[activity-question-view] {
    margin-top: 20px;
}

.create-header[activity-question-view] .btn {
    width: 250px;
    height: 40px;
}

.ai-icon[activity-question-view] {
    width: 12px;
    height: 14px;
}

.ai-icon-disabled[activity-question-view] {
    width: 12px;
    height: 14px;
}

.ai-icon-disabled[activity-question-view]  path {
    fill: var(--grey-2);
}

.tooltip[activity-question-view] {
    margin-right: 0.25rem;
}

    .tooltip-header[activity-question-view] {
        display: flex;
        flex-flow: row;
        align-items: center;
    }

    .tooltip[activity-question-view]  .tooltip-header svg {
        width: 0.875rem;
        height: 0.875rem;
    }

        .tooltip::deep .tooltip-header svg path[activity-question-view] {
            fill: rgba(164, 164, 164, 1);
        }

    .tooltip .tooltip-body[activity-question-view] {
        width: fit-content;
        max-width: 20rem;
        height: fit-content;
        max-height: 10rem;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 3px;
        padding: 0.625rem;
        border: none;
        border-radius: 0.25rem;
        text-align: left;
        white-space: normal;
        background-color: var(--grey-dark-3);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    }

        .tooltip .tooltip-body .tooltip-body-title[activity-question-view] {
            font-weight: 600;
            font-size: 0.875rem;
            line-height: 19px;
            color: white;
        }

        .tooltip .tooltip-body .tooltip-body-description[activity-question-view] {
            font-weight: 400;
            font-size: 0.75rem;
            line-height: 1rem;
            color: rgba(188, 188, 188, 1);
        }

.tooltip-body-bulleted-list[activity-question-view] {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    color: rgba(188, 188, 188, 1);
    list-style-position: inside !important;
    margin: 0 0 0 10px !important;
}

    .tooltip-body-bulleted-list > li[activity-question-view] {
        list-style: circle !important;
        margin: 0 0 0 10px !important;
    }

    .tooltip-body-bulleted-list > li[activity-question-view]::marker {
        color: white !important;
    }
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/QuestionContent/Image/QuestionContentImage.razor.rz.scp.css */
question-definition[question-content-image-view] {
    padding-bottom: 10px;
}
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/QuestionContent/Text/QuestionContentText.razor.rz.scp.css */
question-definition[question-content-text-view] {
    padding-bottom: 10px;
}

.question-text[question-content-text-view] {
    color: var(--grey-dark-4);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/QuestionHint/QuestionHint.razor.rz.scp.css */
.question-hint-container[question-hint-view] {
    display: flex;
    padding: 10px;
    align-self: stretch;
    border-radius: 8px;
    background: rgba(228, 202, 57, 0.10);
}

.question-hint[question-hint-view] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: flex-start;
    flex: 1 0 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--grey-dark-3);
}

.question-hint-icon[question-hint-view] {
    margin-top: 3px;
    width: 16px;
    height: 17px;
    aspect-ratio: 1 / 1;
}
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/Questions/FillInTheBlanks/Answer/FillInTheBlanksAnswer.razor.rz.scp.css */
.field-group[fill-in-blanks-answer-view] {
    margin-bottom: 0;
}
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/Questions/FillInTheBlanks/Question/FillInTheBlanksQuestion.razor.rz.scp.css */
.question-container[fill-in-blanks-question-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: white;
}

.question-body[fill-in-blanks-question-view] {
    display: flex;
    padding: 20px 32px 20px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

    .question-body.collapsed[fill-in-blanks-question-view]  .question-text {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.question-workspace[fill-in-blanks-question-view] {
    display: flex;
    flex-direction: column;
}

.question-answer-title[fill-in-blanks-question-view] {
    color: var(--grey-dark-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.fill-in-the-blanks[fill-in-blanks-question-view] {
    flex: 1 1 auto;
}

@media all and (min-width: 992px) {
    .fill-in-the-blanks[fill-in-blanks-question-view] {
        flex-wrap: nowrap;
    }
}

.expandable[fill-in-blanks-question-view] {
    overflow: hidden;
    max-height: 0 !important;
    transition: max-height 0.2s cubic-bezier(0, 0.4, 0.24, 1), margin-top 0.2s cubic-bezier(0.78, 0.01, 1, 0.6);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .expandable.expanded[fill-in-blanks-question-view] {
        max-height: 1000px !important;
        transition: max-height 0.2s cubic-bezier(0.5, 0, 1, 0.6), margin-top 0.2s cubic-bezier(0, 0.4, 0.24, 1);
    }

    .expandable.collapsed[fill-in-blanks-question-view] {
        margin-top: -24px;
    }
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/Questions/Matching/Question/MatchingQuestion.razor.rz.scp.css */
.question-container[matching-question-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: white;
}

.question-body[matching-question-view] {
    display: flex;
    padding: 20px 32px 20px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

    .question-body.collapsed[matching-question-view]  .question-text {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.question-workspace[matching-question-view] {
    display: flex;
    flex-direction: column;
}

.question-answer-title[matching-question-view] {
    color: var(--grey-dark-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.matching[matching-question-view] {
    padding: 10px 0;
}

    .matching .matching-pair[matching-question-view] {
        position: relative;
        padding: 4px 8px;
        background: transparent !important;
        border: 1px solid var(--grey-light-3);
        margin-right: 20px;
    }

        .matching .matching-pair[matching-question-view]::after {
            position: absolute;
            content: "";
            top: 50%;
            left: 100%;
            transform: translateY(-50%);
            height: 1px;
            width: 21px;
            border-top: 1px dashed var(--grey-light-3);
        }

    .matching li[matching-question-view] {
        display: flex;
        font-size: 0.875em;
        align-items: center;
    }

        .matching li label[matching-question-view] {
            margin: 4px 8px 4px 0;
        }

        .matching li:not(:last-child)[matching-question-view] {
            margin-bottom: 0.75em;
        }

.tag[matching-question-view] {
    display: inline-block;
    padding: 4px 8px;
    color: var(--grey-3);
    font-size: 0.75rem;
    letter-spacing: 0.125em;
    line-height: var(--line-height);
    text-transform: uppercase;
    border-radius: 4px;
}

    .tag.tag--basic[matching-question-view] {
        font-size: 0.875rem;
        letter-spacing: 0;
        text-transform: none;
        background: var(--alpha-dark-1);
    }

        .tag.tag--basic.correct[matching-question-view] {
            border: 2px solid var(--green);
            color: var(--green);
            background: var(--alpha-green-2);
        }

        .tag.tag--basic.incorrect[matching-question-view] {
            border: 2px solid var(--red);
            color: var(--red);
            background: var(--alpha-red-2);
        }

.expandable[matching-question-view] {
    overflow: hidden;
    max-height: 0 !important;
    transition: max-height 0.2s cubic-bezier(0, 0.4, 0.24, 1), margin-top 0.2s cubic-bezier(0.78, 0.01, 1, 0.6);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .expandable.expanded[matching-question-view] {
        max-height: 1000px !important;
        transition: max-height 0.2s cubic-bezier(0.5, 0, 1, 0.6), margin-top 0.2s cubic-bezier(0, 0.4, 0.24, 1);
    }

    .expandable.collapsed[matching-question-view] {
        margin-top: -24px;
    }
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/Questions/MultiChoice/Answer/MultiChoiceAnswer.razor.rz.scp.css */
.field-group[teacher-multi-choice-answer-view] {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 8px;
}

.field-group[teacher-multi-choice-answer-view]  label {
    margin-bottom: 0 !important;
}

.tag[teacher-multi-choice-answer-view] {
    display: inline-block;
    padding: 4px 8px;
    color: var(--grey-3);
    font-size: 0.75rem;
    letter-spacing: 0.125em;
    line-height: var(--line-height);
    text-transform: uppercase;
    border-radius: 4px;
}

    .tag.tag--basic[teacher-multi-choice-answer-view] {
        font-size: 0.875rem;
        letter-spacing: 0;
        text-transform: none;
        background: var(--alpha-dark-1);
    }

        .tag.tag--basic.correct[teacher-multi-choice-answer-view] {
            border: 2px solid var(--green);
            color: var(--green);
            background: var(--alpha-green-2);
        }

        .tag.tag--basic.incorrect[teacher-multi-choice-answer-view] {
            border: 2px solid var(--red);
            color: var(--red);
            background: var(--alpha-red-2);
        }

.answer-title[teacher-multi-choice-answer-view] {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--grey-3);
}
    .answer-title.correct[teacher-multi-choice-answer-view] {
        color:var(--green);
    }
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/Questions/MultiChoice/Question/MultiChoiceQuestion.razor.rz.scp.css */
.question-container[multi-choice-question-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: white;
}

.question-body[multi-choice-question-view] {
    display: flex;
    padding: 20px 32px 20px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

    .question-body.collapsed[multi-choice-question-view]  .question-text {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.question-workspace[multi-choice-question-view] {
    display: flex;
    flex-direction: column;
}

.question-answer-title[multi-choice-question-view] {
    color: var(--grey-dark-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.multiple-choice[multi-choice-question-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0 10px 0;
}

.expandable[multi-choice-question-view] {
    overflow: hidden;
    max-height: 0 !important;
    transition: max-height 0.2s cubic-bezier(0, 0.4, 0.24, 1), margin-top 0.2s cubic-bezier(0.78, 0.01, 1, 0.6);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .expandable.expanded[multi-choice-question-view] {
        max-height: 1000px !important;
        transition: max-height 0.2s cubic-bezier(0.5, 0, 1, 0.6), margin-top 0.2s cubic-bezier(0, 0.4, 0.24, 1);
    }

    .expandable.collapsed[multi-choice-question-view] {
        margin-top: -24px;
    }
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/Questions/Ordering/OrderingQuestion.razor.rz.scp.css */
.question-container[ordering-question-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: white;
}

.question-body[ordering-question-view] {
    display: flex;
    padding: 20px 32px 20px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

    .question-body.collapsed[ordering-question-view]  .question-text {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.question-workspace[ordering-question-view] {
    display: flex;
    flex-direction: column;
}

.question-answer-title[ordering-question-view] {
    color: var(--grey-dark-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.expandable[ordering-question-view] {
    overflow: hidden;
    max-height: 0 !important;
    transition: max-height 0.2s cubic-bezier(0, 0.4, 0.24, 1), margin-top 0.2s cubic-bezier(0.78, 0.01, 1, 0.6);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .expandable.expanded[ordering-question-view] {
        max-height: 1000px !important;
        transition: max-height 0.2s cubic-bezier(0.5, 0, 1, 0.6), margin-top 0.2s cubic-bezier(0, 0.4, 0.24, 1);
    }

    .expandable.collapsed[ordering-question-view] {
        margin-top: -24px;
    }

.ordering[ordering-question-view] {
    padding: 10px 0;
}
    .ordering label[ordering-question-view] {
        font-size: 0.875em;
    }

    .ordering ul[ordering-question-view] {
        position: relative;
    }

    .ordering li[ordering-question-view] {
        display: flex;
        align-items: center;
    }

        .ordering li label[ordering-question-view] {
            margin: 4px 8px 4px 0;
        }

        .ordering li:not(:last-child)[ordering-question-view] {
            margin-bottom: 0.75em;
        }

.tag[ordering-question-view] {
    display: inline-block;
    padding: 4px 8px;
    color: var(--grey-3);
    font-size: 0.75rem;
    letter-spacing: 0.125em;
    line-height: var(--line-height);
    text-transform: uppercase;
    border-radius: 4px;
}

    .tag.tag--basic[ordering-question-view] {
        font-size: 0.875rem;
        letter-spacing: 0;
        text-transform: none;
        background: var(--alpha-dark-1);
    }

        .tag.tag--basic.correct[ordering-question-view] {
            border: 2px solid var(--green);
            color: var(--green);
            background: var(--alpha-green-2);
        }

        .tag.tag--basic.incorrect[ordering-question-view] {
            border: 2px solid var(--red);
            color: var(--red);
            background: var(--alpha-red-2);
        }
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/Questions/ShortAnswer/ShortAnswerQuestion.razor.rz.scp.css */
.question-container[short-answer-question-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: white;
}

.question-body[short-answer-question-view] {
    display: flex;
    padding: 20px 32px 20px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

    .question-body.collapsed[short-answer-question-view]  .question-text {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.expandable[short-answer-question-view] {
    overflow: hidden;
    max-height: 0 !important;
    transition: max-height 0.2s cubic-bezier(0, 0.4, 0.24, 1), margin-top 0.2s cubic-bezier(0.78, 0.01, 1, 0.6);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .expandable.expanded[short-answer-question-view] {
        max-height: 1000px !important;
        transition: max-height 0.2s cubic-bezier(0.5, 0, 1, 0.6), margin-top 0.2s cubic-bezier(0, 0.4, 0.24, 1);
    }

    .expandable.collapsed[short-answer-question-view] {
        margin-top: -24px;
    }

.question-workspace[short-answer-question-view] {
    display: flex;
    flex-direction: column;
}

.question-answer-title[short-answer-question-view] {
    color: var(--grey-dark-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.tag[short-answer-question-view] {
    display: inline-block;
    padding: 4px 8px;
    color: var(--grey-3);
    font-size: 0.75rem;
    letter-spacing: 0.125em;
    line-height: var(--line-height);
    text-transform: uppercase;
    border-radius: 4px;
}

    .tag.tag--basic[short-answer-question-view] {
        font-size: 0.875rem;
        letter-spacing: 0;
        text-transform: none;
        background: var(--alpha-dark-1);
    }

        .tag.tag--basic.correct[short-answer-question-view] {
            border: 2px solid var(--green);
            color: var(--green);
            background: var(--alpha-green-2);
        }

        .tag.tag--basic.incorrect[short-answer-question-view] {
            border: 2px solid var(--red);
            color: var(--red);
            background: var(--alpha-red-2);
        }
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/Questions/SingleChoice/Answer/SingleChoiceAnswer.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/Questions/SingleChoice/Question/SingleChoiceQuestion.razor.rz.scp.css */
.question-container[single-choice-question-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: white;
}

.question-body[single-choice-question-view] {
    display: flex;
    padding: 20px 32px 20px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

    .question-body.collapsed[single-choice-question-view]  .question-text {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.question-workspace[single-choice-question-view] {
    display: flex;
    flex-direction: column;
}

.question-answer-title[single-choice-question-view] {
    color: var(--grey-dark-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.expandable[single-choice-question-view] {
    overflow: hidden;
    max-height: 0 !important;
    transition: max-height 0.2s cubic-bezier(0, 0.4, 0.24, 1), margin-top 0.2s cubic-bezier(0.78, 0.01, 1, 0.6);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .expandable.expanded[single-choice-question-view] {
        max-height: 1000px !important;
        transition: max-height 0.2s cubic-bezier(0.5, 0, 1, 0.6), margin-top 0.2s cubic-bezier(0, 0.4, 0.24, 1);
    }

    .expandable.collapsed[single-choice-question-view] {
        margin-top: -24px;
    }
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Views/Questions/TrueFalse/TrueFalseQuestion.razor.rz.scp.css */
.question-container[true-false-question-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: white;
}

.question-body[true-false-question-view] {
    display: flex;
    padding: 20px 32px 20px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

    .question-body.collapsed[true-false-question-view]  .question-text {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.question-workspace[true-false-question-view] {
    display: flex;
    flex-direction: column;
}

.question-answer-title[true-false-question-view] {
    color: var(--grey-dark-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.expandable[true-false-question-view] {
    overflow: hidden;
    max-height: 0 !important;
    transition: max-height 0.2s cubic-bezier(0, 0.4, 0.24, 1), margin-top 0.2s cubic-bezier(0.78, 0.01, 1, 0.6);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .expandable.expanded[true-false-question-view] {
        max-height: 1000px !important;
        transition: max-height 0.2s cubic-bezier(0.5, 0, 1, 0.6), margin-top 0.2s cubic-bezier(0, 0.4, 0.24, 1);
    }

    .expandable.collapsed[true-false-question-view] {
        margin-top: -24px;
    }
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/Editor/Views/Workspace/Workspace.razor.rz.scp.css */
.workspace[activity-builder-workspace-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.workspace-title[activity-builder-workspace-view] {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--grey-dark-4);
    padding: 16px 0;
}
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/QuestionEditor/ActivityBuilderQuestionEditor.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/QuestionEditor/Views/HintTextEditor/HintTextEditor.razor.rz.scp.css */
.hint-text-container[hint-text-editor-view] {
    display: flex;
    min-height: 40px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--yellow);
    background: white;
}

    .hint-text-container.generating[hint-text-editor-view] {
        border: 1px solid var(--grey-light-4);
    }

.hint-text-header[hint-text-editor-view] {
    display: flex;
    padding: 5px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--yellow);
    background: linear-gradient(0deg, rgba(228, 202, 57, 0.05) 0%, rgba(228, 202, 57, 0.05) 100%, white);
}

    .hint-text-header.generating[hint-text-editor-view] {
        border-bottom: 1px solid var(--grey-light-4);
        background: linear-gradient(0deg, var(--grey-light-1) 0%, var(--grey-light-1) 100%), white;
    }

.hint-text-body[hint-text-editor-view] {
    display: flex;
    flex-flow: column;
    align-self: stretch;
    background: linear-gradient(0deg, rgba(228, 202, 57, 0.05) 0%, rgba(228, 202, 57, 0.05) 100%, white);
}

    .hint-text-body[hint-text-editor-view]  .limited-input-text,
    .hint-text-body[hint-text-editor-view]  textarea {
        background: transparent !important;
        border: none !important;
    }

    .hint-text-body.generating[hint-text-editor-view] {
        background: linear-gradient(0deg, var(--grey-light-1) 0%, var(--grey-light-1) 100%), white;
        height: 104px;
    }

.hint-text-header-title[hint-text-editor-view] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--grey-3);
}

.hint-icon[hint-text-editor-view] {
    width: 16px;
    height: 17px;
    aspect-ratio: 1/1;
}

.hint-close[hint-text-editor-view] {
    display: flex;
}
    .hint-close[hint-text-editor-view]  .btn {
        background: transparent;
        border: none;
    }

        .hint-close[hint-text-editor-view]  .btn:hover {
            background: transparent;
            border: none;
            color: var(--grey-3);
        }


.hint-generation-indicator[hint-text-editor-view] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 12px;
}

.hint-generation-indicator-description[hint-text-editor-view] {
    color: var(--grey-3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.in-progress-indicator[hint-text-editor-view] {
    --gradient: no-repeat radial-gradient(circle closest-side, rgba(196, 196, 196, 1) 90%, #0000);
    display: block;
    width: 1.5rem;
    height: 1rem;
    aspect-ratio: 2;
    background: var(--gradient) 0% 50%, var(--gradient) 50% 50%, var(--gradient) 100% 50%;
    background-size: calc(100% / 3 - 2px) 50%;
    animation: loader-animation-hint-text-editor-view 1s infinite linear;
}

@keyframes loader-animation-hint-text-editor-view {
    20% {
        background-position: 0% 0%, 50% 50%, 100% 50%
    }

    40% {
        background-position: 0% 100%, 50% 0%, 100% 50%
    }

    60% {
        background-position: 0% 50%, 50% 100%, 100% 0%
    }

    80% {
        background-position: 0% 50%, 50% 50%, 100% 100%
    }
}
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/QuestionEditor/Views/QuestionCreator/QuestionCreator.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/QuestionEditor/Views/QuestionHintCreator/QuestionHintCreator.razor.rz.scp.css */
.question-hint-creator[question-hint-creator-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

    .question-hint-creator[question-hint-creator-view]  .btn--text {
        padding: 0 !important;
        transform: translateY(-50%) rotate(0deg) !important;
    }

.dialog-alert-container[question-hint-creator-view]  button:last-child {
    display: none;
}

.hint-button-content[question-hint-creator-view] {
    display: flex;
    height: 40px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--grey-light-4);
    background: var(--grey-light-1);
}

    .hint-button-icon[question-hint-creator-view] {
        width: 16px;
        height: 16px;
    }

.hint-button-title[question-hint-creator-view] {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: var(--grey-3);
}
/* /Pages/CourseDetails/Views/ActivityBuilderDialog/Views/QuestionEditor/Views/QuestionProperties/QuestionProperties.razor.rz.scp.css */
.max-points-container[activity-builder-question-properties-view] {
    position: relative;
}
    .max-points-container.ignored[activity-builder-question-properties-view]  .max-points-input .input-wrapper .field {
        border: 2px solid var(--orange);
    }
    .max-points-container.ignored[activity-builder-question-properties-view]  .ignored-tooltip-text {
        color: white;
    }
    .max-points-container.ignored[activity-builder-question-properties-view]  .pill-group {
        position: absolute;
        top: 32px;
        right: 7px;
        z-index: 2;
    }
/* /Pages/CourseDetails/Views/ActivityTooltips/Views/ActivityAssignedToTooltip.razor.rz.scp.css */
.table-item-icon[b-7rvd0ugzai] {
    display: flex;
    align-items: center;
}

.table-item-icon[b-7rvd0ugzai]  svg {
    margin-right: 10px !important;
}

.table-item-icon[b-7rvd0ugzai]  .header {
    display: flex;
    align-items: center;
}

.table-tooltip-header[b-7rvd0ugzai] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    color: white;
}

.table-tooltip-item[b-7rvd0ugzai] {
    display: flex;
    font-size: 14px;
    font-weight: normal;
    color: var(--grey-light-4)
}
/* /Pages/CourseDetails/Views/ActivityTooltips/Views/ActivityDueOnTooltip.razor.rz.scp.css */
.table-item-icon[b-n483akwdwg] {
    display: flex;
    align-items: center;
}

.table-item-icon[b-n483akwdwg]  svg {
    margin-right: 10px !important;
}

.table-item-icon[b-n483akwdwg]  .header {
    display: flex;
    align-items: center;
}

.table-tooltip-header[b-n483akwdwg] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    color: white;
}

.table-tooltip-item[b-n483akwdwg] {
    display: flex;
    font-size: 14px;
    font-weight: normal;
    color: var(--grey-light-4)
}
/* /Pages/CourseDetails/Views/ActivityTooltips/Views/ActivityVisibilityTooltip.razor.rz.scp.css */
.table-item-icon[b-k9d49lqg2p] {
    display: flex;
    align-items: center;
}

.table-item-icon[b-k9d49lqg2p]  svg {
    margin-right: 10px !important;
}

.table-item-icon[b-k9d49lqg2p]  .header {
    display: flex;
    align-items: center;
}

.table-tooltip-header[b-k9d49lqg2p] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    color: white;
}

.table-tooltip-item[b-k9d49lqg2p] {
    display: flex;
    font-size: 14px;
    font-weight: normal;
    color: var(--grey-light-4)
}
/* /Pages/CourseDetails/Views/AddLesson/AddLesson/View/AddLesson.razor.rz.scp.css */
#textarea[b-b49eff9nqk] {
    resize: none;
}

.add-lesson[b-b49eff9nqk] {
    display: flex;
    flex-direction: column;
    padding: 70px 0 20px 0;
}

.add-lesson.activity-builder-section[b-b49eff9nqk] {
    padding-top: 75px !important;
}

.edit-lesson-activity[b-b49eff9nqk] {
    padding: 80px 10px 0 10px !important;
    margin-bottom: -50px !important;
}

.textarea-label[b-b49eff9nqk] {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 2px;
}

.textarea-label.required[b-b49eff9nqk]::after {
    margin-left: 0.2em;
    content: "*";
    color: var(--green);
}

.limited-input-text-container[b-b49eff9nqk] {
    margin-top: 15px !important;
    height: 26.25rem;
    min-height: 26.25rem;
    max-height: 32rem;
}

.add-lesson-header[b-b49eff9nqk] {
    display: flex;
    align-items: center;
}

.add-lesson-icon[b-b49eff9nqk] {
    background: #AE47FF;
    border-radius: 5px;
    margin-right: 15px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-lesson-icon[b-b49eff9nqk]  svg {
    width: 25px;
    color: white;
}

.add-lesson-dialog[b-b49eff9nqk]  .add-lesson-dialog-tabs {
    position: relative;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.add-lesson-dialog[b-b49eff9nqk]  .add-lesson-dialog-tabs > .tabs-header {
    position: absolute;
    top: 0;
    left: -2px;
    right: -2px;
    width: auto;
    max-width: none;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0;
    transform: none;
    background: white !important;
    z-index: 1;
}

.add-lesson-dialog[b-b49eff9nqk]  > div.modal.modal--md.open > div.modal-body > div.dialog.dialog--standard > div.dialog-body {
    padding: 0 !important;
    margin: 0 !important;
}

.add-lesson-dialog[b-b49eff9nqk]  > div.modal.modal--md.open > div.modal-body > div.dialog.dialog--standard > div.dialog-header {
    border: none;
}

.add-lesson-dialog-section[b-b49eff9nqk] {
    margin-top: 8px !important;
}

.add-lesson .add-lesson-dialog-section[b-b49eff9nqk] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.add-lesson .add-lesson-dialog-section.add-lesson-details-section[b-b49eff9nqk] {
    padding-left: 17px !important;
    padding-right: 17px !important;
}

.activity-builder[b-b49eff9nqk] {
    background: white;
    padding: 8px;
    border-radius: 4px;
    margin-top: 24px;
}

.activity-builder-icon[b-b49eff9nqk] {
    padding: 3px;
    border-radius: 2px;
    background-color: var(--green);
    width: 36px;
    height: 30px;
}

.activity-builder-button[b-b49eff9nqk] {
    margin-left: auto;
}

.activity-builder-label[b-b49eff9nqk] {
    margin-left: 10px;
}

.activity-builder-text[b-b49eff9nqk] {
    margin-left: 10px;
}

.activity-builder-text .label[b-b49eff9nqk] {
    font-weight: 600;
    font-size: 0.875rem !important;
    color: var(--black);
}

.activity-header-icon[b-b49eff9nqk] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: var(--orange);
    padding: 4px;
}

.activity-header-icon[b-b49eff9nqk]  path{
    fill: white;
}

[b-b49eff9nqk] .card {
    border: none !important;
}

.activity-builder-details .label[b-b49eff9nqk] {
    font-weight: 400;
    font-size: 12px !important;
}

.activity-builder-details .question-count[b-b49eff9nqk] {
    margin-left: 3px;
    font-size: 12px !important;
}

.add-lesson-dialog-weight-category[b-b49eff9nqk] {
    margin-top: 15px;
}

.required[b-b49eff9nqk]::after {
    margin-left: 0.2em;
    content: "*";
    color: var(--green);
}

[b-b49eff9nqk] .remove-activity-button {
    height: 2.5rem;
}
    [b-b49eff9nqk] .remove-activity-button svg {
        width: 1rem;
        height: 1rem;
        margin-right: 0.5rem;
    }
    .remove-activity-button-container[b-b49eff9nqk] {
        margin: 0.375rem;
        padding: 1rem 0;
        border-top: 1px solid rgba(221, 221, 221, 1);
    }
/* /Pages/CourseDetails/Views/AddLesson/AddLessonAssignment/View/AddLessonAssignment.razor.rz.scp.css */
.add-lesson-assignment[add-lesson-assignment-view] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-top: 60px
}

.add-lesson-assignment > .add-activity-button-container[add-lesson-assignment-view] >  .btn,
.add-lesson-assignment > .add-assessment-button-container[add-lesson-assignment-view] >  .btn {
    background: var(--green);
    padding: 15px 35px !important;
    color: white;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
}

    .add-lesson-assignment > .add-activity-button-container[add-lesson-assignment-view] >  .btn > ::deep svg,
    .add-lesson-assignment > .add-assessment-button-container[add-lesson-assignment-view] >  .btn > ::deep svg{
        color: white !important;
    }
    
.add-activity-delimiter[add-lesson-assignment-view] {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin: 20px 0;
}
/* /Pages/CourseDetails/Views/AIQuestionDeleteDialog/AIQuestionDeleteDialog.razor.rz.scp.css */
.ai-question-delete-dialog-container[ai-question-delete-dialog-view] .dialog-body {
    flex: 1 1 auto !important;
}

.delete-question-dialog-header[ai-question-delete-dialog-view] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    height: 3.5rem;
    /* To neutralize the dialog-header padding. */
    margin: -0.9375rem 0.125rem;
}
/* /Pages/CourseDetails/Views/AIQuestionDeleteForm/AIQuestionDeleteForm.razor.rz.scp.css */
.delete-question-dialog-body[b-jkqhmvumic] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: calc(1.5rem - 10px) calc(2rem - 10px - 4px);
}
/* /Pages/CourseDetails/Views/AssessmentPreDialog/View/AssessmentPreDialog.razor.rz.scp.css */
.assessment-pre-dialog[assessment-pre-dialog-view]  .dialog-body {
    padding: 16px 32px;
}

.assessment-pre-dialog[assessment-pre-dialog-view]  .label,
.assessment-pre-dialog[assessment-pre-dialog-view]  .field-check {
    margin-bottom: 16px;
}
/* /Pages/CourseDetails/Views/AssessmentsTab/View/AssessmentsTab.razor.rz.scp.css */
.hide[b-72514o27b4] {
    display: none;
}

.display[b-72514o27b4] {
    height: 100%;
    display: initial;
}
/* /Pages/CourseDetails/Views/AsssessmentTooltips/Views/AssessmentAssignedToTooltip.razor.rz.scp.css */
.table-item-icon[b-wuzvi06rnt] {
    display: flex;
    align-items: center;
}

.table-item-icon[b-wuzvi06rnt]  svg {
    margin-right: 10px !important;
}

.table-item-icon[b-wuzvi06rnt]  .header {
    display: flex;
    align-items: center;
}

.table-tooltip-header[b-wuzvi06rnt] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    color: white;
}

.table-tooltip-item[b-wuzvi06rnt] {
    display: flex;
    font-size: 14px;
    font-weight: normal;
    color: var(--grey-light-4)
}
/* /Pages/CourseDetails/Views/AsssessmentTooltips/Views/AssessmentDueOnTooltip.razor.rz.scp.css */
.table-item-icon[b-s3njybf14q] {
    display: flex;
    align-items: center;
}

.table-item-icon[b-s3njybf14q]  svg {
    margin-right: 10px !important;
}

.table-item-icon[b-s3njybf14q]  .header {
    display: flex;
    align-items: center;
}

.table-tooltip-header[b-s3njybf14q] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    color: white;
}

.table-tooltip-item[b-s3njybf14q] {
    display: flex;
    font-size: 14px;
    font-weight: normal;
    color: var(--grey-light-4)
}
/* /Pages/CourseDetails/Views/AsssessmentTooltips/Views/AssessmentVisibilityTooltip.razor.rz.scp.css */
.table-item-icon[b-h9o80arnt9] {
    display: flex;
    align-items: center;
}

.table-item-icon[b-h9o80arnt9]  svg {
    margin-right: 10px !important;
}

.table-item-icon[b-h9o80arnt9]  .header {
    display: flex;
    align-items: center;
}

.table-tooltip-header[b-h9o80arnt9] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    color: white;
}

.table-tooltip-item[b-h9o80arnt9] {
    display: flex;
    font-size: 14px;
    font-weight: normal;
    color: var(--grey-light-4)
}
/* /Pages/CourseDetails/Views/ChecklistBuilderDialog/ChecklistBuilderDialog.razor.rz.scp.css */
.checklist-builder-dialog-content[checklist-builder-dialog-view] .dialog-body {
    flex: 1 1 0;
}

[checklist-builder-dialog-view].checklist-builder .builder {
    position: relative;
}

   [checklist-builder-dialog-view].checklist-builder .builder .builder-main .container {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

   [checklist-builder-dialog-view].checklist-builder .builder .builder-main-body {
        flex: 0 1 auto;
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

[checklist-builder-dialog-view].checklist-builder .checklist {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

    [checklist-builder-dialog-view].checklist-builder .checklist .checklist-body {
        flex: 0 1 auto;
        height: auto;
        max-height: 100%;
        min-height: 0;
    }

[checklist-builder-dialog-view].checklist-builder .checklist-creator {
    position: absolute;
    left: 50%;
    width: calc(100% - 280px);
    max-width: 768px;
    transform: translate(-50%);
    bottom: 10px;
    z-index: 9;
}
/* /Pages/CourseDetails/Views/ChecklistBuilderDialog/Views/ChecklistBuilderEditor/ChecklistBuilderEditor.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/ChecklistBuilderDialog/Views/ChecklistPropertiesPanel/ChecklistPropertiesPanel.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/ChecklistBuilderDialog/Views/ChecklistQuestionCreator/ChecklistQuestionCreator.razor.rz.scp.css */
.checklist-creator[checklist-question-creator-view] {
    box-shadow: 0 9px 18px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 30px 30px;
}

    .checklist-creator.state--collapsed[checklist-question-creator-view] {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    }

        .checklist-creator.state--collapsed .checklist-creator-header[checklist-question-creator-view] {
            border-radius: 8px;
        }

        .checklist-creator.state--collapsed .checklist-creator-body[checklist-question-creator-view] {
            padding: 0;
            height: 0;
            opacity: 0;
            overflow: hidden;
        }

    .checklist-creator .checklist-creator-header[checklist-question-creator-view] {
        display: block;
        align-items: center;
        padding: 12px 12px 10px;
        min-height: 46px;
        color: #ffffff;
        background: var(--green);
        border-radius: 8px 8px 0 0;
        cursor: pointer;
        transition: all var(--transition-duration) ease 0s;
    }

        .checklist-creator .checklist-creator-header *[checklist-question-creator-view] {
            color: inherit;
        }

        .checklist-creator .checklist-creator-header .title[checklist-question-creator-view] {
            margin-bottom: 0;
            padding: 3px 0;
        }

.checklist-creator .checklist-creator-body[checklist-question-creator-view] {
    padding: 8px;
    background: var(--grey-dark-4);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-radius: 0 0 30px 30px;
    transition: all var(--transition-duration) ease 0s;
}

.field-checklist-creator[checklist-question-creator-view] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px 5px 6px;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
    font-size: 0.875rem;
}

    .field-checklist-creator .field-prefix[checklist-question-creator-view] {
        position: relative;
        display: inline-block;
        padding: 5px 12px;
        color: var(--grey-3);
        border-radius: 30px 0 0 30px;
        background: var(--grey-light-2);
    }

        .field-checklist-creator .field-prefix[checklist-question-creator-view]::before {
            content: "";
            position: absolute;
            top: -6%;
            right: -6px;
            height: 112%;
            width: 6px;
            box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1);
        }

    .field-checklist-creator .field[checklist-question-creator-view] {
        flex: 1 1 auto;
        width: initial;
        padding: 5px;
        border: none;
        border-radius: 20px;
        font-size: inherit;
        resize: none;
        overflow: hidden;
    }

        .field-checklist-creator .field:focus[checklist-question-creator-view]::-moz-placeholder {
            color: transparent;
        }

        .field-checklist-creator .field:focus:-ms-input-placeholder[checklist-question-creator-view] {
            color: transparent;
        }

        .field-checklist-creator .field:focus[checklist-question-creator-view]::placeholder {
            color: transparent;
        }

        .field-checklist-creator .field[checklist-question-creator-view]::-moz-placeholder {
            -moz-transition: all var(--transition-duration) ease 0s;
            transition: all var(--transition-duration) ease 0s;
            color: var(--grey-1);
        }

        .field-checklist-creator .field:-ms-input-placeholder[checklist-question-creator-view] {
            -ms-transition: all var(--transition-duration) ease 0s;
            transition: all var(--transition-duration) ease 0s;
            color: var(--grey-1);
        }

        .field-checklist-creator .field[checklist-question-creator-view]::placeholder {
            transition: all var(--transition-duration) ease 0s;
            color: var(--grey-1);
        }
/* /Pages/CourseDetails/Views/ChecklistBuilderDialog/Views/ChecklistWorkspace/ChecklistWorkspace.razor.rz.scp.css */
.checklist-empty[checklist-workspace-view] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	min-height: 72px;
	padding: 20px;
	border-radius: 4px;
	border: 1px solid var(--grey-light-3);
	margin-top: 20px;
}
/* /Pages/CourseDetails/Views/ChecklistBuilderDialog/Views/ChecklistWorkspace/Views/ChecklistQuestion/ChecklistQuestion.razor.rz.scp.css */
.checklist-question[checklist-question-view] {
    position: relative;
    display: flex;
    font-size: 0.875rem;
    counter-increment: checklist;
}

    .checklist-question .checklist-question-number[checklist-question-view] {
        flex: 1 0 26px;
        margin-right: 5px;
        font-size: inherit;
        color: var(--grey-1);
    }

        .checklist-question .checklist-question-number:empty[checklist-question-view]::before {
            content: "#" counter(checklist);
        }

        .checklist-question .checklist-question-number[checklist-question-view]::before, .checklist-question .checklist-question-number[checklist-question-view]::after {
            display: inline;
        }

        .checklist-question .checklist-question-number[checklist-question-view]::before {
            content: "#";
        }

        .checklist-question .checklist-question-number[checklist-question-view]::after {
            content: ".";
        }

    .checklist-question .checklist-question-content[checklist-question-view] {
        flex: 1 1 auto;
        width: 100%;
    }

        .checklist-question .checklist-question-content .checklist-question-extra[checklist-question-view] {
            margin-top: 5px;
        }

            .checklist-question .checklist-question-content .checklist-question-extra p[checklist-question-view] {
                color: var(--grey-3);
            }

        .checklist-question .checklist-question-content .checklist-question-typing[checklist-question-view] {
            position: relative;
            display: inline-block;
            padding: 0px;
            width: 56px;
            height: 30px;
            background: var(--grey-light-1);
            border-radius: 0 12px 12px 12px;
        }

            .checklist-question .checklist-question-content .checklist-question-typing .loader-typing[checklist-question-view] {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

    .checklist-question .checklist-question-options[checklist-question-view] {
        display: flex;
        justify-content: end;
    }

.layout--dark .checklist-question .checklist-question-number[checklist-question-view] {
    color: #717171;
}

.layout--dark .checklist-question .checklist-question-definition[checklist-question-view] {
    color: var(--grey-1);
}

[checklist-question-view].checklist-menu .menu .menu-header .btn .icon {
    transform: translate(-50%, -50%) rotate(90deg);
}
/* /Pages/CourseDetails/Views/ConfirmReportCardDialog/ConfirmReportCardDialog.razor.rz.scp.css */
.confirm-report-card[b-x9hkcuny5l]  .dialog-body {
    padding: 0 !important;
    overflow: visible !important;
    min-height: 600px !important;
}

.confirm-report-card-header[b-x9hkcuny5l] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.confirm-report-card-header .cleo[b-x9hkcuny5l] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirm-report-card-header .cleo img[b-x9hkcuny5l] {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.confirm-report-card-body[b-x9hkcuny5l] {
    padding: 26px;
}

.confirm-report-card-title[b-x9hkcuny5l] {
    font-size: 15px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 8px;
}

.confirm-report-card-description[b-x9hkcuny5l] {
    font-size: 13px;
    color: var(--gray);
    margin-bottom: 18px;
}

.confirm-report-card-table[b-x9hkcuny5l] {
    width: 100%;
    border: 1px solid #E1E1E1;
    background: #FFFFFF;
}

.confirm-report-card-table-header[b-x9hkcuny5l],
.confirm-report-card-table-row[b-x9hkcuny5l] {
    display: grid;
    grid-template-columns: minmax(190px, 1.55fr) minmax(90px, 0.75fr) minmax(90px, 0.7fr) minmax(145px, 1fr) 36px;
    align-items: center;
}

.confirm-report-card-table-header[b-x9hkcuny5l] {
    min-height: 40px;
    background: #F6F6F6;
    color: #8B8B8B;
    font-size: 12px;
    font-weight: 600;
}

.confirm-report-card-table-row[b-x9hkcuny5l] {
    min-height: 40px;
    border-top: 1px solid #E1E1E1;
    background: #FFFFFF;
    color: var(--black);
    font-size: 13px;
}

.confirm-report-card-table-cell[b-x9hkcuny5l] {
    padding: 0 10px;
    min-width: 0;
}

.confirm-report-card-student-cell[b-x9hkcuny5l] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.confirm-report-card-student-avatar[b-x9hkcuny5l] {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 auto;
}

.confirm-report-card-student-name[b-x9hkcuny5l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.confirm-report-card-student-id[b-x9hkcuny5l] {
    color: #555555;
    font-size: 12px;
}

.confirm-report-card-section[b-x9hkcuny5l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 14px;
    background: #EEEEEE;
    color: #8A8A8A;
    font-size: 12px;
}

.confirm-report-card-none[b-x9hkcuny5l] {
    color: #8C8C8C;
    font-style: italic;
}

.confirm-report-card-warning[b-x9hkcuny5l] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.confirm-report-card-warning-icon[b-x9hkcuny5l] {
    color: #F5A623;
    font-size: 14px;
    line-height: 1;
}

.confirm-report-card-date[b-x9hkcuny5l] {
    color: #555555;
    font-size: 12px;
}

.confirm-report-card-remove-cell[b-x9hkcuny5l] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirm-report-card-remove-button[b-x9hkcuny5l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    color: var(--red);
    cursor: pointer;
    box-shadow: none !important;
}

.confirm-report-card-remove-button:hover[b-x9hkcuny5l],
.confirm-report-card-remove-button:focus[b-x9hkcuny5l],
.confirm-report-card-remove-button:active[b-x9hkcuny5l] {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.confirm-report-card-footer[b-x9hkcuny5l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.confirm-report-card-cancel-button[b-x9hkcuny5l],
.confirm-report-card-create-button[b-x9hkcuny5l] {
    min-width: 96px;
    height: 36px;
    padding: 0 18px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.confirm-report-card-cancel-button[b-x9hkcuny5l] {
    border: 1px solid #D6D6D6;
    background: #FFFFFF;
    color: #333333;
}

.confirm-report-card-create-button[b-x9hkcuny5l] {
    border: 1px solid var(--green);
    background: var(--green);
    color: #FFFFFF;
}

.confirm-report-card-create-button:disabled[b-x9hkcuny5l] {
    opacity: 0.45;
    cursor: not-allowed;
}

.confirm-report-card-student-avatar-default[b-x9hkcuny5l] {
    height: 26px;
    width: 26px;
    transform: translateY(2px);
    border-radius: 13px;
    border: 1px solid var(--grey-light-4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.confirm-report-card-student-avatar-default[b-x9hkcuny5l] {
    padding: 5px;
}

.confirm-report-card-student-avatar-default[b-x9hkcuny5l]  svg {
    height: 18px !important; ;
    width: 18px !important;
}

.report-card-tooltip[b-x9hkcuny5l] {
    display: flex;
    flex-flow: column;
    align-items: start;
    gap: 5px;
    width: 200px !important;
    height: auto !important;
}

.report-card-tooltip-text[b-x9hkcuny5l] {
    color: white;
    font-size: 10px;
}

.report-card-tooltip-text.header[b-x9hkcuny5l] {
    font-weight: bold;
    font-size: 12px;
}

.no-records-container[b-x9hkcuny5l] {
    width: 100%;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/CourseDetails/Views/CourseContent/AccessibilityPill/AccessibilityPill.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/CourseContent/AccessibilitySection/AccessibilitySection.razor.rz.scp.css */
.accessibility-section-loading[accessibility-section-view] {
    display: flex;
    flex-direction: column;
}

    /* Loading spinner adjustments */
    .accessibility-section-loading[accessibility-section-view]  .loader {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative !important;
        width: inherit;
        height: inherit;
    }
    .accessibility-section-loading[accessibility-section-view]  .loader-container .loader > * {
        position: relative !important;
        top: inherit;
        left: inherit;
        transform: inherit;
        max-width: initial;
    }
    .accessibility-section-loading[accessibility-section-view]  .loader-spinner.loader-spinner--mini {
        max-width: inherit;
    }


/* 
    NOTE: This is a workaround to prevent DropDownMenuButton drop down menu values being cutoff 
         due to drop-down-menu.js setting the max-width dynamically to an incorrect value
         because it takes the witdth of the HtmlRoot which is the button container <div>.
*/
[accessibility-section-view] .dropdown-menu {
    margin-left: 100px;
    padding-right: 100px;
}

/* 
    NOTE: This is a workaround to prevent unwanted transitions on dropdowns.
*/
[accessibility-section-view] .menu-list {
    transition: opacity var(--transition-duration) ease 0s !important;
}

[accessibility-section-view] .dropdown .dropdown-body {
    transition: opacity var(--transition-duration) ease 0s !important;
}

[accessibility-section-view] .field-menu .option,
[accessibility-section-view] .menu .option {
    transition: opacity var(--transition-duration) ease 0s !important;
}
/* /Pages/CourseDetails/Views/CourseContent/AccessibilitySection/AccessibilitySectionEveryone.razor.rz.scp.css */
.accessibility-everyone-container[accessibility-section-everyone-view] {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 0.5rem;
    background-color: rgba(246, 246, 246, 1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
    .accessibility-everyone-container .body-due-on[accessibility-section-everyone-view] {
        display: flex;
        flex-direction: column;
        padding: 1rem;
        border-bottom: 1px solid rgba(221, 221, 221, 1);
    }
        .accessibility-everyone-container .body-due-on .body-due-on-header[accessibility-section-everyone-view] {
            display: flex;
            flex-direction: row;
            align-items: center;
            overflow: hidden;
            gap: 0.5rem;
        }
            .accessibility-everyone-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip[accessibility-section-everyone-view] {
                display: flex;
                flex-direction: row;
                align-items: center;
                overflow: hidden;
                gap: 0.5rem;
                width: 100%;
            }
                .accessibility-everyone-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-text[accessibility-section-everyone-view] {
                    color: rgba(65, 65, 65, 1);
                    text-align: left;
                    font-weight: 600;
                    font-size: 0.875rem;
                    line-height: 19px;
                }
                .accessibility-everyone-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip[accessibility-section-everyone-view] {
                    /* NOTE: Intentionally left empty. */
                }
                    .accessibility-everyone-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-header[accessibility-section-everyone-view] {
                        display: flex;
                        flex-flow: row;
                        align-items: center;
                        margin-top: 0.125rem;
                    }
                        .accessibility-everyone-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip[accessibility-section-everyone-view]  .tooltip-header svg {
                            width: 0.875rem;
                            height: 0.875rem;
                        }
                            .accessibility-everyone-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip[accessibility-section-everyone-view]  .tooltip-header svg path {
                                fill: rgba(136, 136, 136, 1);
                            }
                    .accessibility-everyone-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-body[accessibility-section-everyone-view] {
                        width: fit-content;
                        max-width: 20rem;
                        height: fit-content;
                        max-height: 10rem;
                        display: flex;
                        flex-direction: column;
                        flex-wrap: wrap;
                        gap: 0.5rem;
                        padding: 0.625rem;
                        border: none;
                        border-radius: 0.25rem;
                        text-align: left;
                        white-space: normal;
                        background-color: var(--grey-dark-3);
                        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
                    }
                        .accessibility-everyone-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-body .tooltip-body-title[accessibility-section-everyone-view] {
                            font-weight: 600;
                            font-size: 0.875rem;
                            line-height: 19px;
                            color: white;
                        }
                        .accessibility-everyone-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-body .tooltip-body-description[accessibility-section-everyone-view] {
                            font-weight: 400;
                            font-size: 0.75rem;
                            line-height: 1rem;
                            color: rgba(188, 188, 188, 1);
                        }

            .accessibility-everyone-container .body-due-on .body-due-on-header .body-due-on-header-switch[accessibility-section-everyone-view] {
                /* NOTE: Intentionally left empty. */
            }
        .accessibility-everyone-container .body-due-on .body-due-on-input-fields[accessibility-section-everyone-view] {
            /* NOTE: Intentionally left empty. */
        }
    .accessibility-everyone-container .body-visibility[accessibility-section-everyone-view] {
        display: flex;
        flex-direction: column;
        padding: 1rem;
    }

[accessibility-section-everyone-view] .field-group .response {
    transition: opacity var(--transition-duration) ease 0s;
}
/* /Pages/CourseDetails/Views/CourseContent/AccessibilitySection/AccessibilitySectionPerSection.razor.rz.scp.css */
.accessibility-per-section-container[accessibility-section-per-section-view] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
    .accessibility-per-section-container .groups-container[accessibility-section-per-section-view] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    .accessibility-per-section-container .button-container[accessibility-section-per-section-view] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
        .accessibility-per-section-container .button-container[accessibility-section-per-section-view]  button {
            line-height: var(--line-height);
        }
/* /Pages/CourseDetails/Views/CourseContent/AccessibilitySection/AccessibilitySectionPerStudent.razor.rz.scp.css */
.accessibility-per-student-container[accessibility-section-per-student-view] {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 0.5rem;
    background-color: rgba(246, 246, 246, 1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
    .accessibility-per-student-container .body-students[accessibility-section-per-student-view] {
        display: flex;
        flex-direction: column;
        padding: 1rem;
        border-bottom: 1px solid rgba(221, 221, 221, 1);
    }

    .accessibility-per-student-container .body-due-on[accessibility-section-per-student-view] {
        display: flex;
        flex-direction: column;
        padding: 1rem;
        border-bottom: 1px solid rgba(221, 221, 221, 1);
    }
        .accessibility-per-student-container .body-due-on .body-due-on-header[accessibility-section-per-student-view] {
            display: flex;
            flex-direction: row;
            align-items: center;
            overflow: hidden;
            gap: 0.5rem;
        }
            .accessibility-per-student-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip[accessibility-section-per-student-view] {
                display: flex;
                flex-direction: row;
                align-items: center;
                overflow: hidden;
                gap: 0.5rem;
                width: 100%;
            }
                .accessibility-per-student-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-text[accessibility-section-per-student-view] {
                    color: rgba(65, 65, 65, 1);
                    text-align: left;
                    font-weight: 600;
                    font-size: 0.875rem;
                    line-height: 19px;
                }
                .accessibility-per-student-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip[accessibility-section-per-student-view] {
                    /* NOTE: Intentionally left empty. */
                }
                    .accessibility-per-student-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-header[accessibility-section-per-student-view] {
                        display: flex;
                        flex-flow: row;
                        align-items: center;
                        margin-top: 0.125rem;
                    }
                    .accessibility-per-student-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip[accessibility-section-per-student-view]  .tooltip-header svg {
                        width: 0.875rem;
                        height: 0.875rem;
                    }
                        .accessibility-per-student-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip[accessibility-section-per-student-view]  .tooltip-header svg path {
                            fill: rgba(136, 136, 136, 1);
                        }
                    .accessibility-per-student-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-body[accessibility-section-per-student-view] {
                        width: fit-content;
                        max-width: 20rem;
                        height: fit-content;
                        max-height: 10rem;
                        display: flex;
                        flex-direction: column;
                        flex-wrap: wrap;
                        gap: 0.5rem;
                        padding: 0.625rem;
                        border: none;
                        border-radius: 0.25rem;
                        text-align: left;
                        white-space: normal;
                        background-color: var(--grey-dark-3);
                        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
                    }
                        .accessibility-per-student-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-body .tooltip-body-title[accessibility-section-per-student-view] {
                            font-weight: 600;
                            font-size: 0.875rem;
                            line-height: 19px;
                            color: white;
                        }
                        .accessibility-per-student-container .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-body .tooltip-body-description[accessibility-section-per-student-view] {
                            font-weight: 400;
                            font-size: 0.75rem;
                            line-height: 1rem;
                            color: rgba(188, 188, 188, 1);
                        }

            .accessibility-per-student-container .body-due-on .body-due-on-header .body-due-on-header-switch[accessibility-section-per-student-view] {
                /* NOTE: Intentionally left empty. */
            }
        .accessibility-per-student-container .body-due-on .body-due-on-input-fields[accessibility-section-per-student-view] {
            /* NOTE: Intentionally left empty. */
        }
    .accessibility-per-student-container .body-visibility[accessibility-section-per-student-view] {
        display: flex;
        flex-direction: column;
        padding: 1rem;
    }

[accessibility-section-per-student-view] .field-group .response {
    transition: opacity var(--transition-duration) ease 0s;
}
/* /Pages/CourseDetails/Views/CourseContent/AccessibilitySection/CourseSection.razor.rz.scp.css */
.course-section-container[course-section-view] {
    display: flex;
    flex-direction: column;
    padding: 0.25rem 0.75rem;
    gap: 0.5rem;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 0.25rem;
	background-color: rgba(241, 241, 241, 1);
}
    .course-section-container .course-section-header[course-section-view] {
        display: flex;
        flex-direction: row;
        align-items: center;
        overflow: hidden;
        gap: 0.5rem;
    }
        .course-section-container .course-section-header .section-name[course-section-view] {
            width: 100%;
            color: rgba(65, 65, 65, 1);
            text-align: left;
            font-weight: 600;
            font-size: 0.875rem;
            line-height: 19px;
        }
        .course-section-container .course-section-header .section-add-to-schedule[course-section-view] {
            display: inline-flex;
            align-items: center;
            gap: 0.25rem;
            white-space: nowrap;
        }
            .course-section-container .course-section-header .section-add-to-schedule .section-add-to-schedule-text[course-section-view] {
                color: rgba(136, 136, 136, 1);
                text-align: left;
                font-weight: 400;
                font-size: 0.75rem;
            }
            .course-section-container .course-section-header .section-add-to-schedule .section-add-to-schedule-tooltip[course-section-view] {
                margin-right: 0.25rem;
            }
                .course-section-container .course-section-header .section-add-to-schedule .section-add-to-schedule-tooltip .tooltip-header[course-section-view] {
                    display: flex;
                    flex-flow: row;
                    align-items: center;
                }
                    .course-section-container .course-section-header .section-add-to-schedule .section-add-to-schedule-tooltip[course-section-view]  .tooltip-header svg {
                        width: 0.875rem;
                        height: 0.875rem;
                    }
                        .course-section-container .course-section-header .section-add-to-schedule .section-add-to-schedule-tooltip[course-section-view]  .tooltip-header svg path {
                            fill: rgba(164, 164, 164, 1);
                        }
                    .course-section-container .course-section-header .section-add-to-schedule .section-add-to-schedule-tooltip .tooltip-body[course-section-view] {
                        width: fit-content;
                        max-width: 20rem;
                        height: fit-content;
                        max-height: 10rem;
                        display: flex;
                        flex-direction: column;
                        flex-wrap: wrap;
                        gap: 0.5rem;
                        padding: 0.625rem;
                        border: none;
                        border-radius: 0.25rem;
                        text-align: left;
                        white-space: normal;
                        background-color: var(--grey-dark-3);
                        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
                    }
              .course-section-container .course-section-header .section-add-to-schedule .section-add-to-schedule-tooltip .tooltip-body .tooltip-body-title[course-section-view] {
                        font-weight: 600;
                        font-size: 0.875rem;
                        line-height: 19px;
                        color: white;
                    }
                    .course-section-container .course-section-header .section-add-to-schedule .section-add-to-schedule-tooltip .tooltip-body .tooltip-body-description[course-section-view] {
                        font-weight: 400;
                        font-size: 0.75rem;
                        line-height: 1rem;
                        color: rgba(188, 188, 188, 1);
                    }
            .course-section-container .course-section-header .section-add-to-schedule .section-add-to-schedule-action[course-section-view] {
                /* NOTE: Intentionally left empty. */
            }
        .course-section-container .course-section-header .section-action[course-section-view] {
            display: flex;
            padding: 0.25rem;
        }
            .course-section-container .course-section-header .section-action[course-section-view]  button {
                transform: translateY(-50%) rotate(0deg);
            }

    .course-section-container .course-section-body[course-section-view] {
        display: flex;
        flex-direction: column;
    }
        .course-section-container .course-section-body .empty-value[course-section-view] {
            margin: 0.625rem;
            text-align: center;
            text-transform: uppercase;
            font-size: 0.75rem;
            letter-spacing: 1.2px;
            color: var(--grey-2);
        }

        /* Loading spinner adjustments */
        .course-section-container .course-section-body[course-section-view]  .loader {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative !important;
            width: inherit;
            height: inherit;
        }
        .course-section-container .course-section-body[course-section-view]  .loader-container .loader > * {
            position: relative !important;
            top: inherit;
            left: inherit;
            transform: inherit;
            max-width: initial;
        }
        .course-section-container .course-section-body[course-section-view]  .loader-spinner.loader-spinner--mini {
            max-width: inherit;
        }
/* /Pages/CourseDetails/Views/CourseContent/AccessibilitySection/CourseSectionGroup.razor.rz.scp.css */
.course-section-group-container[course-section-group-view] {
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(221, 221, 221, 1);
	border-radius: 0.5rem;
	background-color: rgba(246, 246, 246, 1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
	.course-section-group-container .course-section-group-header[course-section-group-view] {
		display: flex;
		flex-direction: row;
		align-items: center;
        overflow: hidden;
		gap: 0.5rem;
		padding: 0.75rem;
	}
		.course-section-group-container .course-section-group-header .group-name[course-section-group-view] {
			width: 100%;
			color: rgba(136, 136, 136, 1);
			text-align: left;
			font-weight: 600;
			font-size: 0.875rem;
			line-height: 19px;
		}
		.course-section-group-container .course-section-group-header .group-action[course-section-group-view] {
			display: flex;
			padding: 0.125rem;
		}
			.course-section-group-container .course-section-group-header .group-action[course-section-group-view]  button {
				transform: translateY(-50%) rotate(0deg);
			}
	.course-section-group-container .course-section-group-body[course-section-group-view] {
		display: flex;
		flex-direction: column;
	}
		.course-section-group-container .course-section-group-body .body-sections[course-section-group-view] {
			display: flex;
			flex-direction: column;
			gap: 1rem;
			padding: 0.75rem;
			border-bottom: 1px solid rgba(221, 221, 221, 1);
		}
			.course-section-group-container .course-section-group-body .body-sections .empty-value[course-section-group-view] {
				margin: 0.75rem;
				text-align: center;
				text-transform: uppercase;
				font-size: 0.75rem;
				letter-spacing: 1.2px;
				color: var(--grey-2);
			}
			.course-section-group-container .course-section-group-body .body-sections .action-container[course-section-group-view] {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
				.course-section-group-container .course-section-group-body .body-sections .action-container .dropdown-button-content[course-section-group-view] {
					display: flex;
					align-items: center;
					gap: 0.5rem;
					height: 1rem;
				}
				/* Workaround to fix button icon to display correctly. */
				.course-section-group-container .course-section-group-body .body-sections .action-container[course-section-group-view]  button .icon {
					flex: none;
					left: 0;
				}
		.course-section-group-container .course-section-group-body .body-due-on[course-section-group-view] {
			display: flex;
			flex-direction: column;
			padding: 1rem;
			border-bottom: 1px solid rgba(221, 221, 221, 1);
		}
			.course-section-group-container .course-section-group-body .body-due-on .body-due-on-header[course-section-group-view] {
				display: flex;
				flex-direction: row;
				align-items: center;
				overflow: hidden;
				gap: 0.5rem;
			}
				.course-section-group-container .course-section-group-body .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip[course-section-group-view] {
					display: flex;
					flex-direction: row;
					align-items: center;
					overflow: hidden;
					gap: 0.5rem;
					width: 100%;
				}
					.course-section-group-container .course-section-group-body .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-text[course-section-group-view] {
						color: rgba(65, 65, 65, 1);
						text-align: left;
						font-weight: 600;
						font-size: 0.875rem;
						line-height: 19px;
					}
					.course-section-group-container .course-section-group-body .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip[course-section-group-view] {
						/* NOTE: Intentionally left empty. */
					}
						.course-section-group-container .course-section-group-body .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-header[course-section-group-view] {
							display: flex;
							flex-flow: row;
							align-items: center;
							margin-top: 0.125rem;
						}
							.course-section-group-container .course-section-group-body .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip[course-section-group-view]  .tooltip-header svg {
								width: 0.875rem;
								height: 0.875rem;
							}
								.course-section-group-container .course-section-group-body .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip[course-section-group-view]  .tooltip-header svg path {
									fill: rgba(136, 136, 136, 1);
								}
						.course-section-group-container .course-section-group-body .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-body[course-section-group-view] {
							width: fit-content;
							max-width: 20rem;
							height: fit-content;
							max-height: 10rem;
							display: flex;
							flex-direction: column;
							flex-wrap: wrap;
							gap: 0.5rem;
							padding: 0.625rem;
							border: none;
							border-radius: 0.25rem;
							text-align: left;
							white-space: normal;
							background-color: var(--grey-dark-3);
							box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
						}
							.course-section-group-container .course-section-group-body .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-body .tooltip-body-title[course-section-group-view] {
								font-weight: 600;
								font-size: 0.875rem;
								line-height: 19px;
								color: white;
							}
							.course-section-group-container .course-section-group-body .body-due-on .body-due-on-header .body-due-on-header-text-and-tooltip .body-due-on-header-tooltip .tooltip-body .tooltip-body-description[course-section-group-view] {
								font-weight: 400;
								font-size: 0.75rem;
								line-height: 1rem;
								color: rgba(188, 188, 188, 1);
							}
				.course-section-group-container .course-section-group-body .body-due-on .body-due-on-header .body-due-on-header-switch[course-section-group-view] {
					/* NOTE: Intentionally left empty. */
				}
			.course-section-group-container .course-section-group-body .body-due-on .body-due-on-input-fields[course-section-group-view] {
				/* NOTE: Intentionally left empty. */
			}
		.course-section-group-container .course-section-group-body .body-visibility[course-section-group-view] {
			display: flex;
			flex-direction: column;
			padding: 1rem;
		}

[course-section-group-view] .field-group .response {
	transition: opacity var(--transition-duration) ease 0s;
}
/* /Pages/CourseDetails/Views/CourseContent/AccessibilitySection/CourseStudents.razor.rz.scp.css */
.course-students-container[course-students-view] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
}
    .course-students-container .course-students-list-container[course-students-view] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        width: 50%;
    }
        .course-students-container .course-students-list-container .course-students-list-info[course-students-view] {
            display: flex;
            flex-direction: row;
            align-items: center;
            overflow: hidden;
            gap: 0.5rem;
        }
            .course-students-container .course-students-list-container .course-students-list-info .info-title[course-students-view] {
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: normal;
                word-wrap: break-word;
            }
            .course-students-container .course-students-list-container .course-students-list-info .info-text-container[course-students-view] {
                display: flex;
                gap: 0.25rem;
            }
                .course-students-container .course-students-list-container .course-students-list-info .info-text-container .info-text[course-students-view] {
                    font-weight: 400;
                    font-size: 0.75rem;
                    line-height: 0.75rem;
                    text-align: right;
                    color: var(--grey-1);
                }
/* /Pages/CourseDetails/Views/CourseContent/AccessibilitySection/CourseStudentsList.razor.rz.scp.css */
.course-students-list[course-students-list-view] {
    display: flex;
    flex-direction: column;
    height: 36rem;
    padding: 0.625rem;
    gap: 0.625rem;
    background: var(--grey-light-1);
    border: 1px solid var(--grey-light-4);
    border-radius: 0.25rem;
}
    .course-students-list .course-students-list-search-container[course-students-list-view] {
        width: 100%;
    }
        .course-students-list .course-students-list-search-container[course-students-list-view]  .search--small {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.25rem;
            height: 2.5rem;
            padding: 0;
            background: white;
            border: 1px solid var(--grey-light-4);
            border-radius: 0.25rem;
            z-index: 0;
        }
            .course-students-list .course-students-list-search-container[course-students-list-view]  .search--small .search-field {
                width: 100%;
            }
                .course-students-list .course-students-list-search-container[course-students-list-view]  .search--small .search-field input {
                    padding: 0.5rem 0.5rem 0.5rem 1.75rem;
                }

    .course-students-list .course-students-list-filter-container[course-students-list-view] {
        width: 100%;
    }

    .course-students-list .course-students-list-items-empty-container[course-students-list-view] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .course-students-list .course-students-list-items-container[course-students-list-view] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: white;
        border: 1px solid var(--grey-light-4);
        border-radius: 0.25rem;
    }
        .course-students-list .course-students-list-items-container[course-students-list-view]  .list-main-header {
            display: flex;
            align-items: center;
            justify-content: normal;
            height: 2.5rem;
            background: var(--grey-light-2);
            border-bottom: 1px solid var(--grey-light-4);
        }
            .course-students-list .course-students-list-items-container[course-students-list-view]  .list-main-header .field-check {
                width: 100%;
                font-size: 0.875rem;
            }
            .course-students-list .course-students-list-items-container .course-students-list-items[course-students-list-view] {
                display: flex;
                flex-direction: column;
                width: 100%;
                height: 100%;
                padding: 0.5rem;
            }

    .course-students-list .course-students-list-action-container[course-students-list-view] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    hr[course-students-list-view] {
        width: 100%;
        margin: 0;
    }
/* /Pages/CourseDetails/Views/CourseContent/AccessibilitySection/CourseStudentsListItem.razor.rz.scp.css */
.course-student-list-item[course-students-list-item-view] {
    display: flex;
    align-items: center;
    width: 100%;
}
    .course-student-list-item:not(:last-of-type)[course-students-list-item-view] {
        border-bottom: 1px solid var(--alpha-dark-1);
    }

    .course-student-list-item .course-student-container[course-students-list-item-view] {
        flex: 1 1 auto;
        min-width: 0;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        transition: all var(--transition-duration) ease 0s;
    }
        .course-student-list-item .course-student-container:hover[course-students-list-item-view] {
            background: var(--alpha-dark-1);
        }
        .course-student-list-item .course-student-container[course-students-list-item-view]  .field-check {
            padding-left: calc(1em + 1rem);
            margin-bottom: 0;
        }
/* /Pages/CourseDetails/Views/CourseContent/Activity/Activity.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/CourseContent/ActivityPill/ActivityPill.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/CourseContent/AiUploadDialog/AiUploadDialog.razor.rz.scp.css */
.ai-upload-dialog-header[ai-upload-dialog-view] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    height: 3.5rem;

    /* To neutralize the dialog-header padding. */
    margin: -0.9375rem 0.125rem; 
}

.ai-upload-dialog-header-icon-container[ai-upload-dialog-view] {
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.5rem;
}

.ai-upload-dialog-header-icon[ai-upload-dialog-view] {
    width: 100%;
    height: 100%;
}

.ai-upload-dialog-body[ai-upload-dialog-view] {
    display: flex;
    flex-direction: column;
    gap: 2rem;

    /* - 10px dialog-body padding; 4px scroll padding */
    padding: calc(1.5rem - 10px) calc(2rem - 10px - 4px);
}
/* /Pages/CourseDetails/Views/CourseContent/AiUploadDialog/AiUploadFileSection.razor.rz.scp.css */
.ai-upload-file-section[ai-upload-file-section-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1rem;
}
    .ai-upload-file-section .file-details-container[ai-upload-file-section-view] {
        padding: 0.75rem;
        margin-top: 1rem;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    }
        .ai-upload-file-section .file-details-container[ai-upload-file-section-view]  .label {
            margin-bottom: 0.75rem;
            font-weight: 600;
            line-height: 19px;
        }
        .ai-upload-file-section .file-details-container > div:last-child[ai-upload-file-section-view] {
            margin-bottom: 0;
        }
    .ai-upload-file-section .file-details[ai-upload-file-section-view] {
        margin-bottom: 0.5rem;
        padding: 0.375rem;
        border-radius: 0.25rem;
        background: white;
    }
        .ai-upload-file-section .file-details .file-icon[ai-upload-file-section-view] {
            width: 1rem;
            margin: 0 0.625rem;
            line-height: 0;
        }
        .ai-upload-file-section .file-details .file-name[ai-upload-file-section-view] {
            font-size: 0.875rem;
            font-weight: 600;
            line-height: 19px;
        }
        .ai-upload-file-section .file-details .file-type[ai-upload-file-section-view] {
            font-size: 0.75rem;
            line-height: 0.75rem;
            color: var(--grey-1);
        }
/* /Pages/CourseDetails/Views/CourseContent/Assessment/Assessment.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/CourseContent/AssessmentPill/AssessmentPill.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/CourseContent/CourseContentItem/CourseContentItem.razor.rz.scp.css */
.course-content-item-container[course-content-item-template] {
    position: relative;
}
    .course-content-item[course-content-item-template] {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0.75rem;
        gap: 0.5rem;
        background-color: rgba(246, 246, 246, 1);
        opacity: 1;
        border-radius: 0.5rem;
        border-width: 1px;
        border-style: solid;
        border-color: var(--grey-light-4);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    }
        /* hover behavior */
        .course-content-item.non-expandable:hover[course-content-item-template] {
            cursor: default;
        }
        .course-content-item:hover .course-content-item-header .header-expand-action[course-content-item-template]  button:not(:hover) .icon {
            color: var(--green);
        }
        .course-content-item:has(.course-content-item-description .description-text .description-action:hover) .course-content-item-header .header-expand-action[course-content-item-template]  button:not(:hover) .icon {
            color: var(--grey-1);
        }
        .course-content-item:has(.course-content-item-header .header-action button:hover) .course-content-item-header .header-expand-action[course-content-item-template]  button:not(:hover) .icon {
            color: var(--grey-1);
        }
        .course-content-item:has(.unit-item:hover) .course-content-item-header .header-expand-action[course-content-item-template]  button:not(:hover) .icon {
            color: var(--grey-1);
        }

        /* header */
        .course-content-item .course-content-item-header[course-content-item-template] {
            display: flex;
            flex-direction: row;
            align-items: center;
            overflow: hidden;
            gap: 0.25rem;
            cursor: default;
        }
            .course-content-item .course-content-item-header:hover[course-content-item-template] {
                cursor: pointer;
            }
            .course-content-item.non-expandable .course-content-item-header:hover[course-content-item-template] {
                cursor: default;
            }
            .course-content-item .course-content-item-header .header-expand-action[course-content-item-template] {
                display: flex;
            }
                .course-content-item:not(:hover) .course-content-item-header .header-expand-action[course-content-item-template]  button:not(:hover) .icon {
                    color: var(--grey-1);
                }
                .course-content-item .course-content-item-header .header-expand-action[course-content-item-template]  button {
                    background: transparent;
                }
                .course-content-item.expanded .course-content-item-header .header-expand-action button .header-expand-action-icon[course-content-item-template] {
                    transition: transform var(--transition-duration) ease 0s;
                    transform: rotate(0deg);
                }
                .course-content-item.collapsed .course-content-item-header .header-expand-action button .header-expand-action-icon[course-content-item-template] {
                    transition: transform var(--transition-duration) ease 0s;
                    transform: rotate(-90deg);
                }
            .course-content-item .course-content-item-header .header-title[course-content-item-template] {
                width: 100%;
                color: var(--grey-dark-4);
                text-align: left;
                font-weight: 600;
                letter-spacing: 0px;
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
            }
                .course-content-item .course-content-item-header .header-title .header-title-badge[course-content-item-template] {
                    display: flex;
                    flex-direction: row;
                    width: 2rem;
                    height: 2rem;
                }
                .course-content-item .course-content-item-header .header-title .title-text[course-content-item-template] {
                    /* NOTE: Intentionally left empty. */
                }
            .course-content-item .course-content-item-header .header-pills[course-content-item-template] {
                display: flex;
                min-width: fit-content;
            }
            .course-content-item .course-content-item-header .header-action[course-content-item-template] {
                display: flex;
                padding: 0.125rem;
            }
                .course-content-item .course-content-item-header .header-action[course-content-item-template]  button {
                    transform: translateY(-50%) rotate(0deg);
                }
                .course-content-item .course-content-item-header .header-action[course-content-item-template]  button:not(:hover) .icon {
                    color: var(--grey-1);
                }

        /* description */
        .course-content-item .course-content-item-description[course-content-item-template] {
            display: flex;
            flex-direction: row;
        }
            .course-content-item .course-content-item-description .description-text[course-content-item-template] {
                width: 100%;
                display: flex;
                flex-flow: column;
                overflow: hidden;
                font-weight: 400;
                font-size: 14px;
                line-height: 19px;
                color: rgba(97, 97, 97, 1);
                user-select: none;
            }                
                .course-content-item .course-content-item-description .description-text.long[course-content-item-template] {
                    max-height: none;
                }
                .course-content-item .course-content-item-description .description-text .description-action[course-content-item-template] {
                    align-self: center;
                    display: inline;
                    color: var(--green);
                    cursor: pointer;
                    text-decoration: none;
                }
                    .course-content-item .course-content-item-description .description-text .description-action:hover[course-content-item-template] {
                        text-decoration: underline;
                    }

        /* body */
        .course-content-item.expanded .body[course-content-item-template] {
            display: flex;
            flex-direction: column;
            gap: 0.75rem 0;
            margin-top: 1rem;
            padding: 0.25rem;
        }

        /* footer */
        .course-content-item .footer[course-content-item-template] {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

    /* 'reorder' buttons */
    .course-content-item-container.reorderable > .course-content-item[course-content-item-template] {
        border-top-left-radius: 0;
        transition: border-top-left-radius ease 500ms;
    }
    .course-content-item-container .reorder-buttons-container[course-content-item-template] {
        position: absolute;
        display: flex;
        flex-direction: column;
        top: 0;
        left: calc(-2rem + 1px); /* value = button width - 1px for border */
        height: 4rem;
        animation: reorder-buttons-container-course-content-item-template 500ms ease;
    }
        .course-content-item-container .reorder-buttons-container .reorder-button-up-container[course-content-item-template],
        .course-content-item-container .reorder-buttons-container .reorder-button-down-container[course-content-item-template] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2rem;
            height: 2rem;
            background-color: rgba(246, 246, 246, 1);
        }
        .course-content-item-container .reorder-buttons-container .reorder-button-up-container[course-content-item-template] {
            border-left: 1px solid var(--grey-light-4);
            border-top: 1px solid var(--grey-light-4);
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
        .course-content-item-container .reorder-buttons-container .reorder-button-down-container[course-content-item-template] {
            border-left: 1px solid var(--grey-light-4);
            border-bottom: 1px solid var(--grey-light-4);
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0.5rem;
            border-bottom-right-radius: 0;
        }
            
            .course-content-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[course-content-item-template],
            .course-content-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[course-content-item-template] {
                width: 1.5rem;
                height: 1.5rem;
                padding: 0.25rem;
                border: none;
                background-color: rgba(246, 246, 246, 1);
                color: var(--grey-1);
                font-size: 0.25rem;
            }
                .course-content-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up:hover[course-content-item-template],
                .course-content-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down:hover[course-content-item-template] {
                    color: rgba(136, 136, 136, 1);
                }
            .course-content-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[course-content-item-template]  svg,
            .course-content-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-down[course-content-item-template]  svg {
                width: 1rem;
                height: 1rem;
            }

    :has(.course-content-item .course-content-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-up-container[course-content-item-template] {
        border-left: 1px solid var(--grey-light-4);
        border-top: 1px solid var(--grey-light-4);
    }
    :has(.course-content-item .course-content-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-down-container[course-content-item-template] {
        border-left: 1px solid var(--grey-light-4);
        border-bottom: 1px solid var(--grey-light-4);
    }

    :has(.course-content-item .course-content-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-up-container[course-content-item-template] {
        border-left: 1px solid var(--grey-light-4);
        border-top: 1px solid var(--grey-light-4);
    }
    :has(.course-content-item .course-content-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-down-container[course-content-item-template] {
        border-left: 1px solid var(--grey-light-4);
        border-bottom: 1px solid var(--grey-light-4);
    }

    :has(.course-content-item .header-expand-action:hover) .reorder-buttons-container .reorder-button-up-container[course-content-item-template] {
        border-left: 1px solid var(--grey-light-4);
        border-top: 1px solid var(--grey-light-4);
    }
    :has(.course-content-item .header-expand-action:hover) .reorder-buttons-container .reorder-button-down-container[course-content-item-template] {
        border-left: 1px solid var(--grey-light-4);
        border-bottom: 1px solid var(--grey-light-4);
    }

    /* reorder buttons - responsive */
    @media (max-width: 960px) {

        .course-content-item-container .reorder-buttons-container[course-content-item-template] {
            top: calc(-3rem + 1px);
            left: 1rem;
            transform: rotate(-90deg);
        }
            .course-content-item-container .reorder-buttons-container .reorder-button-up-container[course-content-item-template],
            .course-content-item-container .reorder-buttons-container .reorder-button-down-container[course-content-item-template] {
                /* No styling changes here. */
            }
            .course-content-item-container .reorder-buttons-container .reorder-button-up-container[course-content-item-template] {
                border-left: none;
                border-top: 1px solid var(--grey-light-4);
                border-right: 1px solid var(--grey-light-4);
                border-bottom: none;
                border-top-left-radius: 0rem;
                border-top-right-radius: 0.5rem;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
            .course-content-item-container .reorder-buttons-container .reorder-button-down-container[course-content-item-template] {
                border-left: none;
                border-top: none;
                border-right: 1px solid var(--grey-light-4);
                border-bottom: 1px solid var(--grey-light-4);
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0.5rem;
            }

                .course-content-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[course-content-item-template],
                .course-content-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[course-content-item-template] {
                    /* No styling changes here. */
                }
                    .course-content-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up:hover[course-content-item-template],
                    .course-content-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down:hover[course-content-item-template] {
                        /* No styling changes here. */
                    }
            .course-content-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[course-content-item-template]  svg,
            .course-content-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[course-content-item-template]  svg {
                transform: rotate(90deg);
            }

        :has(.course-content-item .course-content-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-up-container[course-content-item-template] {
            border-right: 1px solid var(--grey-light-4);
            border-top: 1px solid var(--grey-light-4);
            border-left: none;
            border-bottom: none;
        }
        :has(.course-content-item .course-content-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-down-container[course-content-item-template] {
            border-right: 1px solid var(--grey-light-4);
            border-bottom: 1px solid var(--grey-light-4);
            border-left: none;
            border-top: none;
        }

        :has(.course-content-item .course-content-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-up-container[course-content-item-template] {
            border-right: 1px solid var(--grey-light-4);
            border-top: 1px solid var(--grey-light-4);
            border-left: none;
            border-bottom: none;
        }
        :has(.course-content-item .course-content-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-down-container[course-content-item-template] {
            border-right: 1px solid var(--grey-light-4);
            border-bottom: 1px solid var(--grey-light-4);
            border-left: none;
            border-top: none;
        }

        :has(.course-content-item .header-expand-action:hover) .reorder-buttons-container .reorder-button-up-container[course-content-item-template] {
            border-right: 1px solid var(--grey-light-4);
            border-top: 1px solid var(--grey-light-4);
            border-left: none;
            border-bottom: none;
        }
        :has(.course-content-item .header-expand-action:hover) .reorder-buttons-container .reorder-button-down-container[course-content-item-template] {
            border-right: 1px solid var(--grey-light-4);
            border-bottom: 1px solid var(--grey-light-4);
            border-left: none;
            border-top: none;
        }

    }

    @keyframes reorder-buttons-container-course-content-item-template {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
/* /Pages/CourseDetails/Views/CourseContent/CourseContentPillTooltip/CourseContentPillTooltip.razor.rz.scp.css */
.pill-tooltip-title[course-content-pill-tooltip-view] {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: white;
}
.pill-tooltip-text[course-content-pill-tooltip-view] {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
    .pill-tooltip-text .pill-tooltip-text-row[course-content-pill-tooltip-view] {
        display: inline-flex;
        gap: 0.25rem;
    }
    .pill-tooltip-text .pill-tooltip-text-label[course-content-pill-tooltip-view] {
        color: rgba(188, 188, 188, 1);
    }
    .pill-tooltip-text .pill-tooltip-text-value[course-content-pill-tooltip-view] {
        color: rgba(241, 241, 241, 1);
    }
/* /Pages/CourseDetails/Views/CourseContent/DetailsSection/DetailsSection.razor.rz.scp.css */
.description-container[details-section-view] {
    height: 24rem;
    min-height: 16rem;
    max-height: 32rem;
}
/* /Pages/CourseDetails/Views/CourseContent/ExpandableSection/ExpandableSection.razor.rz.scp.css */
.expandable-section-container[b-tvn3g9wmdq] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .expandable-section-container .expandable-section-header[b-tvn3g9wmdq] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        height: 2rem;
        border-bottom: 1px solid var(--grey-light-4);
    }

        .expandable-section-container .expandable-section-header .expand-action[b-tvn3g9wmdq] {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            flex: 1 1 auto;
            min-width: 0;
            cursor: pointer;
        }

            .expandable-section-container .expandable-section-header .expand-action[b-tvn3g9wmdq]  button {
                width: 0.75rem;
                height: 0.75rem;
                background: transparent;
                flex: 0 0 auto;
            }

                .expandable-section-container .expandable-section-header .expand-action[b-tvn3g9wmdq]  button .icon {
                    width: 0.625rem;
                    height: 0.625rem;
                }

                .expandable-section-container .expandable-section-header .expand-action[b-tvn3g9wmdq]  button:not(:hover) .icon {
                    color: rgba(97, 97, 97, 1);
                }

            .expandable-section-container .expandable-section-header .expand-action:hover[b-tvn3g9wmdq]  button .icon {
                color: var(--green);
            }

            .expandable-section-container .expandable-section-header .expand-action .expand-action-icon[b-tvn3g9wmdq] {
                transition: transform var(--transition-duration) ease 0s;
            }

    .expandable-section-container.expanded .expandable-section-header .expand-action .expand-action-icon[b-tvn3g9wmdq] {
        transform: rotate(0deg);
    }

    .expandable-section-container.collapsed .expandable-section-header .expand-action .expand-action-icon[b-tvn3g9wmdq] {
        transform: rotate(-90deg);
    }

    .expandable-section-container .expandable-section-header .expand-action .title[b-tvn3g9wmdq] {
        width: 100%;
        min-width: 0;
        margin: 0;
        text-align: left;
        font-weight: 400;
        user-select: none;
        -webkit-user-select: none;
        text-transform: uppercase;
        font-size: 0.875rem;
        line-height: 19px;
        letter-spacing: 1.5px;
        color: rgba(97, 97, 97, 1);
    }

    .expandable-section-container .expandable-section-header .sort-action[b-tvn3g9wmdq] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
    }

        .expandable-section-container .expandable-section-header .sort-action.hidden[b-tvn3g9wmdq] {
            visibility: hidden;
            pointer-events: none;
        }

        .expandable-section-container .expandable-section-header .sort-action[b-tvn3g9wmdq]  button {
            width: 1.5rem;
            height: 1.5rem;
            background: transparent;
        }

            .expandable-section-container .expandable-section-header .sort-action[b-tvn3g9wmdq]  button .icon {
                width: 0.875rem;
                height: 0.875rem;
                color: rgba(97, 97, 97, 1);
            }

            .expandable-section-container .expandable-section-header .sort-action[b-tvn3g9wmdq]  button:hover .icon {
                color: var(--green);
            }

            .expandable-section-container .expandable-section-header .sort-action[b-tvn3g9wmdq]  button:hover {
                background: rgba(0, 0, 0, 0.05);
                border-radius: 4px;
            }

    .expandable-section-container .expandable-section-body[b-tvn3g9wmdq] {
        transition: opacity var(--transition-duration) ease 0s;
    }

    .expandable-section-container.expanded .expandable-section-body[b-tvn3g9wmdq] {
        padding-top: 1rem;
        opacity: 1;
    }

    .expandable-section-container.collapsed .expandable-section-body[b-tvn3g9wmdq] {
        opacity: 0;
    }

   

      
/* /Pages/CourseDetails/Views/CourseContent/ExternalAssessment/ExternalAssessment.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/CourseContent/ExternalPill/ExternalPill.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/CourseContent/GeneratedPill/GeneratedPill.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/CourseContent/Lesson/Lesson.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/CourseContent/MediaPill/MediaPill.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/CourseContent/Review/GeneratedUnit/GeneratedUnit.razor.rz.scp.css */
.result-waiting-card[generated-unit-view] {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: var(--grey-light-1);
}

.result-waiting-card-container[generated-unit-view] {
    display: flex;
    padding: 12px 12px 16px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.result-waiting-card-header[generated-unit-view] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: left;
    gap: 4px;
}

.result-waiting-card-header-title[generated-unit-view] {
    color: var(--grey-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.result-waiting-card-footer[generated-unit-view] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.result-waiting-card-footer-indicator[generated-unit-view] {
    margin: 0 0 0 12px;
}

.result-waiting-card-footer-description[generated-unit-view] {
    color: var(--grey-3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.result-review-card[generated-unit-view] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--green);
    background: linear-gradient(0deg, var(--alpha-green-1) 0%, var(--alpha-green-1) 100%), #FFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
}

/* hover behavior */
.result-review-card:hover .result-review-card-header .header-expander[generated-unit-view]  button:not(:hover) .icon {
    color: var(--green);
}

.result-review-card:not(:hover) .result-review-card-header .header-expander[generated-unit-view]  button:not(:hover) .icon {
    color: var(--grey-1);
}

.result-review-card:not(:hover) .result-review-card-header .header-expander[generated-unit-view]  button {
    background: transparent;
}

.result-review-card:has(.result-description .description-text .description-action:hover) .result-review-card-header .header-expander[generated-unit-view]  button:not(:hover) .icon {
    color: var(--grey-1);
}

.result-review-card:has(.result-review-card-header .header-action button:hover) .result-review-card-header .header-expander[generated-unit-view]  button:not(:hover) .icon {
    color: var(--grey-1);
}

/* header */
.result-review-card-header[generated-unit-view] {
    display: flex;
    height: 48px;
    gap: 4px;
    padding: 12px;
    flex-direction: row;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    cursor: pointer;
    user-select: none;
}

    .result-review-card-header:hover[generated-unit-view] {
        cursor: pointer;
    }

    .result-review-card-header .header-expander[generated-unit-view] {
        display: flex;
    }

.result-review-card.expanded .result-review-card-header .header-expander button .header-expander-icon[generated-unit-view] {
    transition: transform var(--transition-duration) ease 0s;
    transform: rotate(0deg);
}

.result-review-card.collapsed .result-review-card-header .header-expander button .header-expander-icon[generated-unit-view] {
    transition: transform var(--transition-duration) ease 0s;
    transform: rotate(-90deg);
}

.result-review-card .result-review-card-header .header-title[generated-unit-view] {
    width: 100%;
    color: var(--grey-dark-4);
    text-align: left;
    font-weight: 600;
    letter-spacing: 0px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* description */
.result-description[generated-unit-view] {
    display: flex;
    flex-direction: row;
    margin: 6px 12px 6px 12px;
}

    .result-description .description-text[generated-unit-view] {
        width: 100%;
        display: flex;
        flex-flow: column;
        overflow: hidden;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: rgba(97, 97, 97, 1);
        user-select: none;
    }

        .result-description .description-text.short[generated-unit-view] {
            max-height: 200px;
        }

        .result-description .description-text.long[generated-unit-view] {
            max-height: none;
        }

        .result-description .description-text .description-action[generated-unit-view] {
            align-self: center;
            display: inline;
            color: var(--green);
            cursor: pointer;
            text-decoration: none;
        }

            .result-description .description-text .description-action:hover[generated-unit-view] {
                text-decoration: underline;
            }

.result-review-card-body[generated-unit-view] {
    display: flex;
    padding: 12px 12px 16px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
}

    .result-review-card-body:empty[generated-unit-view] {
        padding: unset;
    }

.result-review-card-footer[generated-unit-view] {
    display: flex;
    height: 90px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
}

.result-review-card-footer-header[generated-unit-view] {
    display: flex;
    padding: 4px 12px 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    align-self: stretch;
}

.result-review-card-footer-header-icon[generated-unit-view] {
    width: 24px;
    height: 24px;
}

    .result-review-card-footer-header-icon[generated-unit-view]  path{
       fill: var(--green) !important;
    }

.result-review-card-footer-header-text[generated-unit-view] {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.result-review-card-footer-buttons[generated-unit-view] {
    display: flex;
    width: 100%;
    padding: 0px 12px 12px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}
/* /Pages/CourseDetails/Views/CourseContent/Review/GeneratedUnitItem/GeneratedUnitItem.razor.rz.scp.css */
.result-item[generated-unit-item-view] {
    display: flex;
    width: 100%;
    padding: 8px 12px 12px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: rgba(255, 255, 255, 0.20);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    overflow: hidden;
}

    .result-item.selected[generated-unit-item-view] {
        border: 1px solid var(--green);
    }

        .result-item.selected .result-item-header-title[generated-unit-item-view],
        .result-item.selected .result-item-description[generated-unit-item-view] {
            color: var(--grey-dark-2);
        }

.badge-container[generated-unit-item-view] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.icon-container[generated-unit-item-view] {
    display: flex;
    height: 20px;
    width: 20px;
    align-items: center;
    justify-content: center;
}

.result-item-container[generated-unit-item-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.result-item-header[generated-unit-item-view] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.result-item-header-title[generated-unit-item-view] {
    color: var(--grey-3);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    user-select: none;
}

.checkbox-title[generated-unit-item-view] {
    color: var(--grey-dark-2);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.result-item-body[generated-unit-item-view] {
    display: flex;
}

/* description */
.result-description[generated-unit-item-view] {
    display: flex;
    flex-direction: row;
    margin: 6px 12px 6px 12px;
    width: 100%;
    color: var(--grey-3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    user-select: none;
    overflow: hidden
}

    .result-description .description-text[generated-unit-item-view] {
        width: 100%;
        display: flex;
        flex-flow: column;
        overflow: hidden;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: rgba(97, 97, 97, 1);
        user-select: none;
    }

        .result-description .description-text.short[generated-unit-item-view] {
            max-height: 200px;
        }

        .result-description .description-text.long[generated-unit-item-view] {
            max-height: none;
        }

        .result-description .description-text .description-action[generated-unit-item-view] {
            align-self: center;
            display: inline;
            color: var(--green);
            cursor: pointer;
            text-decoration: none;
        }

            .result-description .description-text .description-action:hover[generated-unit-item-view] {
                text-decoration: underline;
            }
/* /Pages/CourseDetails/Views/CourseContent/Review/GeneratedUnitItemContent/GeneratedUnitItemContent.razor.rz.scp.css */
.result-waiting-card[unit-item-review-view] {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: var(--grey-light-1);
}

.result-waiting-card-container[unit-item-review-view] {
    display: flex;
    padding: 12px 12px 16px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.result-waiting-card-header[unit-item-review-view] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: left;
    gap: 4px;
}

.result-waiting-card-header-title[unit-item-review-view] {
    color: var(--grey-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.result-waiting-card-footer[unit-item-review-view] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.result-waiting-card-footer-indicator[unit-item-review-view] {
    margin: 0 0 0 12px;
}

.result-waiting-card-footer-description[unit-item-review-view] {
    color: var(--grey-3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.result-review-card[unit-item-review-view] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--green);
    background: linear-gradient(0deg, var(--alpha-green-1) 0%, var(--alpha-green-1) 100%), #FFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    cursor: default;
}

/* header */
.result-review-card-header[unit-item-review-view] {
    display: flex;
    height: 48px;
    gap: 8px;
    padding: 12px;
    flex-direction: row;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    user-select: none;
}

    .result-review-card-header .header-title[unit-item-review-view] {
        width: 100%;
        color: var(--grey-dark-4);
        text-align: left;
        font-weight: 600;
        letter-spacing: 0px;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

    .result-review-card-header .icon-container[unit-item-review-view] {
        display: flex;
        height: 30px;
        width: 30px;
        align-items: center;
        justify-content: center;
    }

.result-review-card-body[unit-item-review-view] {
    display: flex;
    padding: 12px 12px 16px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
    cursor: pointer;
}

    .result-review-card-body .description[unit-item-review-view] {
        overflow: hidden;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: rgba(97, 97, 97, 1);
        user-select: none;
    }

.result-review-card-footer[unit-item-review-view] {
    display: flex;
    height: 90px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
}

.result-review-card-footer-header[unit-item-review-view] {
    display: flex;
    padding: 4px 12px 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    align-self: stretch;
}

.result-review-card-footer-header-icon[unit-item-review-view] {
    width: 24px;
    height: 24px;
}

    .result-review-card-footer-header-icon[unit-item-review-view]  path{
       fill: var(--green) !important;
    }

.result-review-card-footer-header-text[unit-item-review-view] {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.result-review-card-footer-buttons[unit-item-review-view] {
    display: flex;
    width: 100%;
    padding: 0px 12px 12px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}

.result-description .description-text[unit-item-review-view] {
        width: 100%;
        display: flex;
        flex-flow: column;
        overflow: hidden;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: rgba(97, 97, 97, 1);
        user-select: none;
    }

    .result-description .description-text .description-action[unit-item-review-view] {
            align-self: center;
            display: inline;
            color: var(--green);
            cursor: pointer;
            text-decoration: none;
        }

            .result-description .description-text .description-action:hover[unit-item-review-view] {
                text-decoration: underline;
            }
/* /Pages/CourseDetails/Views/CourseContent/Review/ReviewGeneratedUnitItemDialog/ReviewGeneratedUnitItemDialog.razor.rz.scp.css */
.item-details-dialog[review-generated-unit-item-dialog-view] .modal-body {
    overflow: visible !important;
}

.body-container[review-generated-unit-item-dialog-view] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
}

.body-content-description[review-generated-unit-item-dialog-view]  .quill-editor {
    border: none !important;
}
.body-content-description[review-generated-unit-item-dialog-view]  .ql-editor {
    padding: 0 !important;
}

.badge-container[review-generated-unit-item-dialog-view] {
    display: flex;
    gap: 18px;
}

.icon-container[review-generated-unit-item-dialog-view] {
    display: flex;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
}

.item-details-dialog.rte-content-hidden .body-content-description[review-generated-unit-item-dialog-view] {
    display: none;
}
/* /Pages/CourseDetails/Views/CourseContent/StandaloneMedia/StandaloneMedia.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/CourseContent/StandaloneMediaDialog/StandaloneMediaDialog.razor.rz.scp.css */
.standalone-media-dialog-header[standalone-media-dialog-view] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.125rem;
    height: 3.5rem;

    /* To neutralize the dialog-header padding. */
    margin: -0.9375rem 0.125rem; 
}

.standalone-media-dialog-header-icon-container[standalone-media-dialog-view] {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.3125rem; 
    border-radius: 0.25rem;
    background: rgba(0, 162, 255, 1);
}

.standalone-media-dialog-header-icon[standalone-media-dialog-view] {
    width: 100%;
    height: 100%;
    color: white;
}

.standalone-media-dialog-body[standalone-media-dialog-view] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /* - 10px dialog-body padding; 4px scroll padding */
    padding: calc(1.5rem - 10px) calc(2rem - 10px - 4px);
    overflow: hidden;
}

.form[standalone-media-dialog-view] {
    display: flex;
    gap: 1rem;
    flex-direction: column;
}
/* /Pages/CourseDetails/Views/CourseContent/Unit/Unit.razor.rz.scp.css */
.body-container[unit-view] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.body-container-loading[unit-view] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
    /* Loading spinner adjustments */
    .body-container-loading[unit-view]  .loader {
        display: flex;
        align-items: center;
        justify-content: center;

        position: relative !important;
        width: inherit;
        height: inherit;
    }
    .body-container-loading[unit-view]  .loader-container .loader > * {
        position: relative !important;
        top: inherit;
        left: inherit;
        transform: inherit;
        max-width: initial;
    }
    .body-container-loading[unit-view]  .loader-spinner.loader-spinner--mini {
        max-width: inherit;
    }

.action-container[unit-view] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
    .action-container .dropdown-button-content[unit-view] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        height: 1rem;
    }
    /* Workaround to fix button icon to display correctly. */
    .action-container[unit-view]  button .icon {
        flex: none;
        left: 0;
    }
/* /Pages/CourseDetails/Views/CourseContent/Unit/UnitItems.razor.rz.scp.css */
.empty-value[unit-items-view] {
    margin: 2rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 1.2px;
    color: var(--grey-2);
}
/* /Pages/CourseDetails/Views/CourseContent/UnitDialog/UnitDialog.razor.rz.scp.css */
.form-container[unit-dialog-view] {
    display: flex;
    flex-direction: column;
    max-width: 1556px;
    padding: 0.625rem;
    height: 100%;
    gap: 10px;
}

.row.no-resize[unit-dialog-view] {
    flex: 0 !important;
}

[unit-dialog-view] .dialog-body {
    height: 55vh !important;
}
/* /Pages/CourseDetails/Views/CourseContent/UnitItem/UnitItem.razor.rz.scp.css */
.unit-item-container[unit-item-template] {
    position: relative;
}
    .unit-item[unit-item-template] {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0.75rem;
        gap: 0.5rem;
        background-color: white;
        opacity: 1;
        border-radius: 0.5rem;
        border-width: 1px;
        border-style: solid;
        border-color: var(--grey-light-4);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    }
        /* hover behavior */
        .unit-item:hover[unit-item-template] {
            border-color: var(--grey-1);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
            cursor: pointer;
        }
        .unit-item:has(.unit-item-description .description-text .description-action:hover)[unit-item-template] {
            border-color: var(--grey-light-4);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        }
        .unit-item:has(.unit-item-header .header-action button:hover)[unit-item-template] {
            border-color: var(--grey-light-4);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        }

        /* header */
        .unit-item .unit-item-header[unit-item-template] {
            display: flex;
            flex-direction: row;
            align-items: center;
            overflow: hidden;
            gap: 0.25rem;
            cursor: default;
        }
            .unit-item .unit-item-header:hover[unit-item-template] {
                cursor: pointer;
            }
            .unit-item .unit-item-header .header-title[unit-item-template] {
                width: 100%;
                color: var(--grey-dark-4);
                text-align: left;
                font-weight: 600;
                letter-spacing: 0px;
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
            }
                .unit-item .unit-item-header .header-title .header-title-badge[unit-item-template] {
                    display: flex;
                    flex-direction: row;
                    width: 2rem;
                    height: 2rem;
                }
                .unit-item .unit-item-header .header-title .header-title-text[unit-item-template] {
                    /* NOTE: Intentionally left empty. */
                }
            .unit-item .unit-item-header .header-pills[unit-item-template] {
                display: flex;
                min-width: fit-content;
            }
            .unit-item .unit-item-header .header-action[unit-item-template] {
                display: flex;
                padding: 0.125rem;
            }
                .unit-item .unit-item-header .header-action[unit-item-template]  button {
                    transform: translateY(-50%) rotate(0deg);
                }
                .unit-item .unit-item-header .header-action[unit-item-template]  button:not(:hover) .icon {
                    color: var(--grey-1);
                }

        /* description */
        .unit-item .unit-item-description[unit-item-template] {
            display: flex;
            flex-direction: row;
        }
            .unit-item .unit-item-description .description-text[unit-item-template] {
                width: 100%;
                display: flex;
                flex-flow: column;
                overflow: hidden;
                font-weight: 400;
                font-size: 14px;
                line-height: 19px;
                color: rgba(97, 97, 97, 1);
                user-select: none;
            }
                
                .unit-item .unit-item-description .description-text.long[unit-item-template] {
                    max-height: none;
                }
                .unit-item .unit-item-description .description-text .description-action[unit-item-template] {
                    align-self: center;
                    display: inline;
                    color: var(--green);
                    cursor: pointer;
                    text-decoration: none;
                }
                    .unit-item .unit-item-description .description-text .description-action:hover[unit-item-template] {
                        text-decoration: underline;
                    }
        
         /* body */
        .unit-item .unit-item-body[unit-item-template] {
            display: flex;
            flex-direction: column;
            gap: 0.75rem 0;
            margin-top: 1rem;
            padding: 0.25rem;
        }

        /* footer */
        .unit-item .unit-item-footer[unit-item-template] {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

    /* 'reorder' buttons */
    .unit-item-container.reorderable > .unit-item[unit-item-template] {
        border-top-left-radius: 0;
        transition: border-top-left-radius ease 500ms;
    }
    .unit-item-container .reorder-buttons-container[unit-item-template] {
        position: absolute;
        display: flex;
        flex-direction: column;
        top: 0;
        left: calc(-2rem + 1px); /* value = button width - 1px for border */
        height: 4rem;
        animation: reorder-buttons-container-unit-item-template 500ms ease;
    }
        .unit-item-container .reorder-buttons-container .reorder-button-up-container[unit-item-template],
        .unit-item-container .reorder-buttons-container .reorder-button-down-container[unit-item-template] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2rem;
            height: 2rem;
            background-color: white;
        }
        .unit-item-container .reorder-buttons-container .reorder-button-up-container[unit-item-template] {
            border-left: 1px solid var(--grey-light-4);
            border-top: 1px solid var(--grey-light-4);
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
            .unit-item-container:has(.unit-item:hover) .reorder-buttons-container .reorder-button-up-container[unit-item-template] {
                border-left: 1px solid var(--grey-1);
                border-top: 1px solid var(--grey-1);
            }
        .unit-item-container .reorder-buttons-container .reorder-button-down-container[unit-item-template] {
            border-left: 1px solid var(--grey-light-4);
            border-bottom: 1px solid var(--grey-light-4);
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0.5rem;
            border-bottom-right-radius: 0;
        }
            .unit-item-container:has(.unit-item:hover) .reorder-buttons-container .reorder-button-down-container[unit-item-template] {
                border-left: 1px solid var(--grey-1);
                border-bottom: 1px solid var(--grey-1);
            }

            .unit-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[unit-item-template],
            .unit-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[unit-item-template] {
                width: 1.5rem;
                height: 1.5rem;
                padding: 0.25rem;
                border: none;
                background-color: white;
                color: var(--grey-1);
                font-size: 0.25rem;
            }
                .unit-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up:hover[unit-item-template],
                .unit-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down:hover[unit-item-template] {
                    color: rgba(136, 136, 136, 1);
                }
            .unit-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[unit-item-template]  svg,
            .unit-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[unit-item-template]  svg {
                width: 1rem;
                height: 1rem;
            }

    :has(.unit-item .unit-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-up-container[unit-item-template] {
        border-left: 1px solid var(--grey-light-4);
        border-top: 1px solid var(--grey-light-4);
    }
    :has(.unit-item .unit-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-down-container[unit-item-template] {
        border-left: 1px solid var(--grey-light-4);
        border-bottom: 1px solid var(--grey-light-4);
    }

    :has(.unit-item .unit-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-up-container[unit-item-template] {
        border-left: 1px solid var(--grey-light-4);
        border-top: 1px solid var(--grey-light-4);
    }
    :has(.unit-item .unit-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-down-container[unit-item-template] {
        border-left: 1px solid var(--grey-light-4);
        border-bottom: 1px solid var(--grey-light-4);
    }

    /* reorder buttons - responsive */
    @media (max-width: 960px) {

        .unit-item-container .reorder-buttons-container[unit-item-template] {
            top: calc(-3rem + 1px);
            left: 1rem;
            transform: rotate(-90deg);
        }
            .unit-item-container .reorder-buttons-container .reorder-button-up-container[unit-item-template],
            .unit-item-container .reorder-buttons-container .reorder-button-down-container[unit-item-template] {
                /* No styling changes here. */
            }
            .unit-item-container .reorder-buttons-container .reorder-button-up-container[unit-item-template] {
                border-left: none;
                border-top: 1px solid var(--grey-light-4);
                border-right: 1px solid var(--grey-light-4);
                border-bottom: none;
                border-top-left-radius: 0rem;
                border-top-right-radius: 0.5rem;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
                .unit-item-container:has(.unit-item:hover) .reorder-buttons-container .reorder-button-up-container[unit-item-template] {
                    border-left: none;
                    border-top: 1px solid var(--grey-1);
                    border-right: 1px solid var(--grey-1);
                    border-bottom: none;
                }
            .unit-item-container .reorder-buttons-container .reorder-button-down-container[unit-item-template] {
                border-left: none;
                border-top: none;
                border-right: 1px solid var(--grey-light-4);
                border-bottom: 1px solid var(--grey-light-4);
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0.5rem;
            }
                .unit-item-container:has(.unit-item:hover) .reorder-buttons-container .reorder-button-down-container[unit-item-template] {
                    border-left: none;
                    border-top: none;
                    border-right: 1px solid var(--grey-1);
                    border-bottom: 1px solid var(--grey-1);
                }

                .unit-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[unit-item-template],
                .unit-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[unit-item-template] {
                    /* No styling changes here. */
                }
                    .unit-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up:hover[unit-item-template],
                    .unit-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down:hover[unit-item-template] {
                        /* No styling changes here. */
                    }
            .unit-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[unit-item-template]  svg,
            .unit-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[unit-item-template]  svg {
                transform: rotate(90deg);
            }
    }

    @keyframes reorder-buttons-container-unit-item-template {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
/* /Pages/CourseDetails/Views/CourseGradeEvaluation/View/CourseGradeEvaluation.razor.rz.scp.css */
.height-100[teacher-course-grade-evaluation-view] {
    padding-top: 30px;
}

.course-grade-evaluation[teacher-course-grade-evaluation-view]  .tabs-header {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 30px !important;
}

.course-grade-evaluation[teacher-course-grade-evaluation-view]  .tabs-content {
    padding: 0;
}

.course-grade-evaluation[teacher-course-grade-evaluation-view]  .tabs-header button {
    border: 1px solid var(--grey-light-4) !important;
    margin: 0 !important;
    width: 180px !important;
    height: 40px !important;
    padding: 8px 12px !important;
}
    .course-grade-evaluation[teacher-course-grade-evaluation-view]  .tabs-header button::after {
        display: none;
    }

.course-grade-evaluation[teacher-course-grade-evaluation-view]  .tabs-header button:first-of-type {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.course-grade-evaluation[teacher-course-grade-evaluation-view]  .tabs-header button:last-of-type {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.course-grade-evaluation[teacher-course-grade-evaluation-view]  .tabs-header button.active {
    background: white !important;
}
/* /Pages/CourseDetails/Views/CourseLibraryCollectionPicker/CourseLibraryCollectionPicker.razor.rz.scp.css */
[course-library-collection-picker-view] .field-menu .menu-list,
.menu .menu-list[course-library-collection-picker-view] {
    z-index: 9999 !important;
}

[course-library-collection-picker-view] .field-menu,
.menu[course-library-collection-picker-view] {
    position: relative;
}
/* /Pages/CourseDetails/Views/Gradebook/CourseItemGradeDialog/CourseItemGradeDialog.razor.rz.scp.css */

.edit-course-item-grade-dialog-wrapper[course-item-grade-dialog-view]  .edit-course-item-grade-dialog {
    background: white;
}
.edit-course-item-grade-dialog-wrapper[course-item-grade-dialog-view]  .dialog-footer {
    background: var(--grey-light-2);
}

.edit-course-item-grade-dialog-body[course-item-grade-dialog-view] {
    display: flex;
    flex-direction: column;
    padding: 0.625rem;
    gap: 1.25rem;
}
    .edit-course-item-grade-dialog-body .course-item-info-container[course-item-grade-dialog-view] {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.625rem;
    }
        .edit-course-item-grade-dialog-body  .course-item-info-container .course-item-icon-container[course-item-grade-dialog-view] {
            width: 2.25rem;
            height: 2.25rem;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            color: var(--orange)
        }
            .edit-course-item-grade-dialog-body .course-item-info-container .course-item-icon-container[course-item-grade-dialog-view]  svg {
                width: 1.625rem;
                height: 1.625rem;
            }
        .edit-course-item-grade-dialog-body .course-item-info-container .course-item-name-container[course-item-grade-dialog-view] {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: left;
            overflow: hidden;
        }
            .edit-course-item-grade-dialog-body .course-item-info-container .course-item-name-container .weight-category-name[course-item-grade-dialog-view] {
                line-height: 19.2px;
                letter-spacing: 1.5px;
                font-size: 0.875rem;
                font-weight: 400;
                color: var(--grey-2);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                text-transform: uppercase;
            }
            .edit-course-item-grade-dialog-body .course-item-info-container .course-item-name-container .course-item-name[course-item-grade-dialog-view] {
                line-height: 2rem;
                font-size: 1.25rem;
                font-weight: 600;
                color: var(--grey-dark-4);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
    .edit-course-item-grade-dialog-body .student-info-container[course-item-grade-dialog-view] {
        width: fit-content;
        min-width: 10rem;
        max-width: 100%;
        height: 3rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        gap: 0.5rem;
        padding: 0.75rem;
        border-radius: 0.25rem;
        background-color: var(--grey-light-1);
        text-align: left;
        overflow: hidden;
    }
        .edit-course-item-grade-dialog-body .student-info-container .student-info-avatar[course-item-grade-dialog-view] {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }
        .edit-course-item-grade-dialog-body .student-info-container .student-info-details[course-item-grade-dialog-view] {
            max-height: 2.125rem;
            display: flex;
            flex-direction: column;
            justify-content: left;
            overflow: hidden;
        }
            .edit-course-item-grade-dialog-body .student-info-container .student-info-details .student-info-details-title[course-item-grade-dialog-view] {
                line-height: 19.07px;
                font-size: 0.875rem;
                font-weight: 600;
                color: var(--dark-gray-4);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }    
            .edit-course-item-grade-dialog-body .student-info-container .student-info-details .student-info-details-subtitle[course-item-grade-dialog-view] {
                line-height: 16.8px;
                font-size: 0.75rem;
                font-weight: 400;
                color: rgba(188, 188, 188, 1);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

.exempt-row[course-item-grade-dialog-view] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

    .exempt-row .toggle-content[course-item-grade-dialog-view] {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        gap: 8px;
    }

    [course-item-grade-dialog-view] .exempt-row .field-group {
        display: flex;
        flex-flow: row;
        align-items: center;
        gap: 8px;
        color: var(--grey-dark-1);
        font-family: var(--font-family);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    [course-item-grade-dialog-view] .exempt-row .field-group .field-switch-small {
        margin-bottom: 0 !important;
        padding-bottom: 4px;
    }
    
    [course-item-grade-dialog-view] .exempt-row .field-group .header {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
    }

    [course-item-grade-dialog-view] .exempt-row .field-group .tooltip {
        color: white;
        max-width: 275px;
    }
/* /Pages/CourseDetails/Views/Gradebook/GradebookDateRangePicker/GradebookDateRangePicker.razor.rz.scp.css */
.gradebook-date-range-container[teacher-gradebook-date-range-picker-view] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 2.5rem;
    gap: 0.25rem;
}
    .gradebook-date-range-container.by-term-gap[teacher-gradebook-date-range-picker-view] {
        gap: calc(1.5rem - 9px);
    }
    .gradebook-date-range-container .date-range-navigation-container[teacher-gradebook-date-range-picker-view] {
        display: inline-flex;
        align-items: center;
        height: 2.5rem;
        gap: 0.25rem;
    }
    .gradebook-date-range-container.by-term-gap .date-range-navigation-container[teacher-gradebook-date-range-picker-view] {
        padding-left: 0.625rem;
    }
        .gradebook-date-range-container .date-range-navigation-container .date-dropdown-container[teacher-gradebook-date-range-picker-view] {
            width: 210px;
            height: 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }
            .gradebook-date-range-container .date-range-navigation-container .date-dropdown-container[teacher-gradebook-date-range-picker-view]  .field-group > .field-menu > .menu-header {
                font-size: 1rem;
            }
            .gradebook-date-range-container .date-range-navigation-container .date-dropdown-container[teacher-gradebook-date-range-picker-view]  .menu-header .icon {
                margin-left: 0.5rem;
            }
        .gradebook-date-range-container .date-range-navigation-container .date-navigation-button-container[teacher-gradebook-date-range-picker-view] {
            line-height: 0;
        }
            .gradebook-date-range-container .date-range-navigation-container .date-navigation-button-container[teacher-gradebook-date-range-picker-view]  .icon {
                width: 0.75rem;
                height: 0.75rem;
            }
            .gradebook-date-range-container .date-range-navigation-container .date-navigation-button-container > *[teacher-gradebook-date-range-picker-view] {
                display: inline-flex;
                align-items: center;
                user-select: none;
            }
            .gradebook-date-range-container .date-range-navigation-container .date-navigation-button-container .nav-text-enabled[teacher-gradebook-date-range-picker-view],
            .gradebook-date-range-container .date-range-navigation-container .date-navigation-button-container .nav-text-disabled[teacher-gradebook-date-range-picker-view] {
                display: inline-block;
                margin-right: inherit;
                padding: 0.25rem;
                flex-shrink: 0;
                font-size: 0.875rem;
                font-weight: 400;
                line-height: 1.2;
                white-space: nowrap;
            }
            .gradebook-date-range-container .date-range-navigation-container .date-navigation-button-container .nav-text-enabled[teacher-gradebook-date-range-picker-view] {
                color: var(--grey-3);
                cursor: pointer;
            }
            .gradebook-date-range-container .date-range-navigation-container .date-navigation-button-container .nav-text-disabled[teacher-gradebook-date-range-picker-view] {
                color: var(--grey-light-4);
                cursor: not-allowed;
            }
    .gradebook-date-range-container .date-range-navigation-mode-container[teacher-gradebook-date-range-picker-view] {
        position: relative;
        display: inline-flex;
        height: 2rem;
        padding-left: 1.25rem;
        user-select: none;
    }
    .gradebook-date-range-container .date-range-navigation-mode-container[teacher-gradebook-date-range-picker-view]::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1px;
        height: 80%;
        background: var(--grey-light-3);
    }
        .gradebook-date-range-container .date-range-navigation-mode-container[teacher-gradebook-date-range-picker-view]  .btn {
            width: 5rem;
            height: 100%;
            margin: 0;
            border-radius: 0;
            font-size: 0.875rem;
            background: rgba(0, 0, 0, 0.025);
        }
            .gradebook-date-range-container .date-range-navigation-mode-container[teacher-gradebook-date-range-picker-view]  .btn.active {
                background: white;
            }
            .gradebook-date-range-container .date-range-navigation-mode-container[teacher-gradebook-date-range-picker-view]  .btn:first-of-type {
                border-radius: 0.25rem 0 0 0.25rem;
                border-right: none;
            }
            .gradebook-date-range-container .date-range-navigation-mode-container[teacher-gradebook-date-range-picker-view]  .btn:last-of-type {
                border-radius: 0 0.25rem 0.25rem 0;
                border-left: none;
            }

:has(.navigation-button-previous .nav-text-enabled) .navigation-button-previous:hover .nav-text-enabled[teacher-gradebook-date-range-picker-view],
:has(.navigation-button-next .nav-text-enabled) .navigation-button-next:hover .nav-text-enabled[teacher-gradebook-date-range-picker-view] {
    color: var(--green);
}
:has(.navigation-button-previous .nav-text-enabled) .navigation-button-previous:hover[teacher-gradebook-date-range-picker-view]  button,
:has(.navigation-button-next .nav-text-enabled) .navigation-button-next:hover[teacher-gradebook-date-range-picker-view]  button {
    background: var(--alpha-dark-1);
    border-color: transparent;
}
:has(.navigation-button-previous .nav-text-enabled) .navigation-button-previous:hover[teacher-gradebook-date-range-picker-view]  button .icon,
:has(.navigation-button-next .nav-text-enabled) .navigation-button-next:hover[teacher-gradebook-date-range-picker-view]  button .icon {
    color: var(--green);
}
/* /Pages/CourseDetails/Views/Gradebook/GradebookFilter/GradebookFilter.razor.rz.scp.css */
.gradebook-filter-container[teacher-gradebook-filter-view] {
    height: 2.5rem;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}

    .gradebook-filter-container .gradebook-filter-dropdown-container[teacher-gradebook-filter-view] {
        height: 100%;
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        align-items: center;
    }

        .gradebook-filter-container .gradebook-filter-dropdown-container[teacher-gradebook-filter-view]  .gradebook-filter-drop-down {
            height: 100%;
        }

            .gradebook-filter-container .gradebook-filter-dropdown-container[teacher-gradebook-filter-view]  .gradebook-filter-drop-down:nth-of-type(1) {
                width: 13.5rem;
            }

                .gradebook-filter-container .gradebook-filter-dropdown-container[teacher-gradebook-filter-view]  .gradebook-filter-drop-down:nth-of-type(1) .text-overflow {
                    white-space: nowrap !important;
                    max-width: 13.5rem;
                }

            .gradebook-filter-container .gradebook-filter-dropdown-container[teacher-gradebook-filter-view]  .gradebook-filter-drop-down:nth-of-type(2) {
                width: 8.75rem;
            }

                .gradebook-filter-container .gradebook-filter-dropdown-container[teacher-gradebook-filter-view]  .gradebook-filter-drop-down:nth-of-type(2) .text-overflow {
                    white-space: nowrap !important;
                    max-width: 8.75rem;
                }

            .gradebook-filter-container .gradebook-filter-dropdown-container[teacher-gradebook-filter-view]  .gradebook-filter-drop-down:nth-of-type(3) {
                width: 12.5rem;
            }

                .gradebook-filter-container .gradebook-filter-dropdown-container[teacher-gradebook-filter-view]  .gradebook-filter-drop-down:nth-of-type(3) .text-overflow {
                    white-space: nowrap !important;
                    max-width: 12.5rem;
                }

    .gradebook-filter-container .gradebook-filter-action-container[teacher-gradebook-filter-view] {
        height: 100%;
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        align-items: center;
    }

        .gradebook-filter-container .gradebook-filter-action-container[teacher-gradebook-filter-view]  button {
            width: calc(2.5rem - 1px);
            height: calc(2.5rem - 1px);
            padding: 0;
            margin-bottom: 1px;
            display: flex;
            align-items: center;
        }

            .gradebook-filter-container .gradebook-filter-action-container[teacher-gradebook-filter-view]  button svg {
                width: 1.125rem;
                height: 1.125rem;
            }

.add-button[teacher-gradebook-filter-view] {
    height: 2.4rem;
    width: 2.4rem;
}

    .add-button[teacher-gradebook-filter-view]  {
        height: 100%;
    }

        .add-button[teacher-gradebook-filter-view]  .menu-list {
            width: 188px !important;
        }

        .add-button[teacher-gradebook-filter-view]  .btn--primary {
            height: 2.4rem;
            width: 2.4rem;
        }

        .add-button[teacher-gradebook-filter-view]  .icon {
            left: 11% !important;
            flex: 0 0 16px !important;
        }

.add-button[teacher-gradebook-filter-view]  .option{
    padding-inline-end:8px;
}

[teacher-gradebook-filter-view] .field-menu .menu-list {
    min-width: 180px;
}
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/GradebookTable.razor.rz.scp.css */
.gradebook-table-stripe-pattern-bg[teacher-gradebook-table-view] {
    background-image: linear-gradient( 
        45deg,                              /* gradient-angle */
        rgba(0, 0, 0, 0.05) 6.25%,          /* color-start start-percent */
        rgba(246, 246, 246, 1) 6.25%,       /* color-middle start-percent */
        rgba(246, 246, 246, 1) 50%,         /* color-middle middle-percent */
        rgba(0, 0, 0, 0.05) 50%,            /* color-end middle-percent */
        rgba(0, 0, 0, 0.05) 56.25%,         /* color-end end-percent */
        rgba(246, 246, 246, 1) 56.25%,      /* color-end-transition end-percent */
        rgba(246, 246, 246, 1) 100%         /* color-end-transition 100% */
    );
    background-size: 1rem 1rem;
    background-color: rgba(246, 246, 246, 1);
}

.gradebook-table-wrapper-container[teacher-gradebook-table-view] {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
    overflow: auto;
    border: 1px solid rgba(225, 225, 225, 1);
}
    .gradebook-table-wrapper-container table[teacher-gradebook-table-view] {
        width: 100%;
        height: 100%;
    }
        .gradebook-table-wrapper-container table thead[teacher-gradebook-table-view] {
            position: -webkit-sticky;
            position: sticky;
            z-index: 2;
            height: 240px;
            min-height: 240px;
            max-height: 240px;
            top: 0;
        }
        .gradebook-table-wrapper-container table tbody[teacher-gradebook-table-view] {
            display: flex;
            flex-direction: column;
        }

        .gradebook-table-wrapper-container table .gradebook-table-first-column[teacher-gradebook-table-view],
        .gradebook-table-wrapper-container table .gradebook-table-penultimate-column[teacher-gradebook-table-view],
        .gradebook-table-wrapper-container table .gradebook-table-last-column[teacher-gradebook-table-view] {
            position: -webkit-sticky;
            position: sticky;
            z-index: 1;
        }
        .gradebook-table-wrapper-container table .gradebook-table-first-column[teacher-gradebook-table-view] {
            width: 240px;
            min-width: 240px;
            max-width: 240px;
            left: 0px;
        }
        .gradebook-table-wrapper-container table .gradebook-table-middle-column[teacher-gradebook-table-view] {
            /* empty */
        }
        .gradebook-table-wrapper-container table thead tr th:nth-child(2)[teacher-gradebook-table-view],
        .gradebook-table-wrapper-container table tbody tr td:nth-child(2)[teacher-gradebook-table-view] {
            border-left: none;
        }
        .gradebook-table-wrapper-container table .gradebook-table-penultimate-column[teacher-gradebook-table-view] {
            width: 66px;
            min-width: 66px;
            max-width: 66px;
            box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.12);
            clip-path: inset(0px 0px 0px -10px);
            border-left: 0;
        }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column + .gradebook-table-penultimate-column[teacher-gradebook-table-view] {
                box-shadow: none;
                clip-path: none;
                border-left: 1px solid rgba(225, 225, 225, 1);
            }
        .gradebook-table-wrapper-container table .gradebook-table-last-column[teacher-gradebook-table-view] {
            width: 66px;
            min-width: 66px;
            max-width: 66px;
            right: 0px;
        }
        .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(2)[teacher-gradebook-table-view] {
            right: calc(66px * 1);
        }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(3)[teacher-gradebook-table-view] {
                right: calc(66px * 2);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(4)[teacher-gradebook-table-view] {
                right: calc(66px * 3);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(5)[teacher-gradebook-table-view] {
                right: calc(66px * 4);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(6)[teacher-gradebook-table-view] {
                right: calc(66px * 5);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(7)[teacher-gradebook-table-view] {
                right: calc(66px * 6);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(8)[teacher-gradebook-table-view] {
                right: calc(66px * 7);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(9)[teacher-gradebook-table-view] {
                right: calc(66px * 8);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(10)[teacher-gradebook-table-view] {
                right: calc(66px * 9);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(11)[teacher-gradebook-table-view] {
                right: calc(66px * 10);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(12)[teacher-gradebook-table-view] {
                right: calc(66px * 11);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(13)[teacher-gradebook-table-view] {
                right: calc(66px * 12);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(14)[teacher-gradebook-table-view] {
                right: calc(66px * 13);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(15)[teacher-gradebook-table-view] {
                right: calc(66px * 14);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(16)[teacher-gradebook-table-view] {
                right: calc(66px * 15);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(17)[teacher-gradebook-table-view] {
                right: calc(66px * 16);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(18)[teacher-gradebook-table-view] {
                right: calc(66px * 17);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(19)[teacher-gradebook-table-view] {
                right: calc(66px * 18);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(20)[teacher-gradebook-table-view] {
                right: calc(66px * 19);
            }
            .gradebook-table-wrapper-container table .gradebook-table-penultimate-column:nth-last-child(21)[teacher-gradebook-table-view] {
                right: calc(66px * 20);
            }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/CourseGradeCellWithGrade.razor.rz.scp.css */
.course-grade-cell-with-grade[teacher-gradebook-table-view] {
    width: 66px;
    height: 46px;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 246, 246, 1);
    border-left: 1px solid rgba(225, 225, 225, 1);
}
    .course-grade-cell-with-grade .course-grade-cell-with-grade-container[teacher-gradebook-table-view] {
        min-width: 27px;
        max-width: 60px;
        width: fit-content;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px 4px;
        border-radius: 0.25rem;
    }
        .course-grade-cell-with-grade .course-grade-cell-with-grade-container .course-grade-cell-with-grade-content[teacher-gradebook-table-view] {
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            color: white;
            user-select: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/CourseGradeCellWithPercentage.razor.rz.scp.css */
.course-grade-cell-with-percentage[teacher-gradebook-table-view] {
    width: 66px;
    height: 46px;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 246, 246, 1);
    border-left: 1px solid rgba(225, 225, 225, 1);
}
    .course-grade-cell-with-percentage .course-grade-cell-with-percentage-container[teacher-gradebook-table-view] {
        min-width: 27px;
        max-width: 60px;
        width: fit-content;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px 4px;
        border-radius: 0.25rem;
        background-color: rgba(0, 0, 0, 0.05);
    }
        .course-grade-cell-with-percentage .course-grade-cell-with-percentage-container .course-grade-cell-with-percentage-content[teacher-gradebook-table-view] {
            font-size: 0.75rem;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            color: rgba(136, 136, 136, 1);
            user-select: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/CourseGradeCellWithProficiency.razor.rz.scp.css */
.course-grade-cell-with-proficiency[teacher-gradebook-table-view] {
    width: 66px;
    height: 46px;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 246, 246, 1);
    border-left: 1px solid rgba(225, 225, 225, 1);
}
    .course-grade-cell-with-proficiency .course-grade-cell-with-proficiency-container[teacher-gradebook-table-view] {
        min-width: 27px;
        max-width: 60px;
        width: fit-content;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px 4px;
        border-radius: 0.25rem;
    }
        .course-grade-cell-with-proficiency .course-grade-cell-with-proficiency-container .course-grade-cell-with-proficiency-content[teacher-gradebook-table-view] {
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            color: white;
            user-select: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/GradebookTableBodyRow.razor.rz.scp.css */
.gradebook-table-body-row[teacher-gradebook-table-view] {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgba(225, 225, 225, 1);
}
    .gradebook-table-body-row .gradebook-table-body-cell-spacer[teacher-gradebook-table-view] {
        width: 100%;
        min-width: 0;
        height: 46px;
        background-color: white;
        border: none;
        border-left: 1px solid rgba(225, 225, 225, 1);
    }

.course-item-grade-cell[teacher-gradebook-table-view] {
    width: 66px;
    height: 46px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 1);
    border-left: 1px solid rgba(225, 225, 225, 1);
}
    .course-item-grade-cell .late-indicator[teacher-gradebook-table-view] {
        width: 0.75rem;
        height: 0.75rem;
        position: absolute;
        left: 0.25rem;
        top: 0.25rem;
        display: flex;
    }
        .course-item-grade-cell .late-indicator[teacher-gradebook-table-view] >  svg {
            width: 0.75rem;
            height: 0.75rem;
        }
    .course-item-grade-cell .comment-indicator[teacher-gradebook-table-view] {
        width: 0.75rem;
        height: 0.75rem;
        position: absolute;
        right: 0.25rem;
        top: 0.25rem;
        display: flex;
    }
        .course-item-grade-cell .comment-indicator[teacher-gradebook-table-view] >  svg {
            width: 0.75rem;
            height: 0.75rem;
        }
    .course-item-grade-cell .override-indicator[teacher-gradebook-table-view] {
        width: 0.75rem;
        height: 0.75rem;
        position: absolute;
        right: 0.25rem;
        bottom: 0.25rem;
        display: flex;
    }
        .course-item-grade-cell .override-indicator[teacher-gradebook-table-view] >  svg {
            width: 0.75rem;
            height: 0.75rem;
            fill: rgba(188, 188, 188, 1);
        }

    .course-item-grade-cell .exempt-indicator[teacher-gradebook-table-view] {
        width: 0.75rem;
        height: 0.75rem;
        position: absolute;
        left: 0.25rem;
        bottom: 0.25rem;
        display: flex;
    }

        .course-item-grade-cell .exempt-indicator[teacher-gradebook-table-view] >  svg {
            width: 0.75rem;
            height: 0.75rem;
            fill: rgba(188, 188, 188, 1);
        }
        
    .course-item-grade-cell .course-item-grade-cell-container[teacher-gradebook-table-view] {
        width: 27px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
        .course-item-grade-cell .course-item-grade-cell-container .course-item-grade-cell-content[teacher-gradebook-table-view] {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;

            /* Inheritance for Pill views */

            /* .pill properties */
            justify-content: center;

            /* .pill-layout-inherit properties */
            padding: 0;
            gap: 0.5rem;

            /* .pill-content-inherit properties */
            font-size: 0.875rem;
            font-weight: 400;

            /* .pill-color-inherit properties */
            background-color: transparent;
            color: rgba(136, 136, 136, 1);
            border-color: none;
        }
            .course-item-grade-cell .course-item-grade-cell-container .course-item-grade-cell-content[teacher-gradebook-table-view]  .pill.pill-content-inherit .pill-icons-container svg {
                width: 1rem;
                height: 1rem;
            }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/GradedCell.razor.rz.scp.css */
.graded-cell[teacher-gradebook-table-view] {
    /* NOTE: Intentionally left empty. */
}
    .graded-cell .graded-cell-container[teacher-gradebook-table-view] {
        /* NOTE: Intentionally left empty. */
    }
        .graded-cell .graded-cell-container.with-percent-values[teacher-gradebook-table-view] {
            width: 32px;
        }
            .graded-cell .graded-cell-container.with-percent-values[teacher-gradebook-table-view]  .pill-text-value {
                font-size: 0.75rem;
            }
        .graded-cell .graded-cell-container.with-grade-values[teacher-gradebook-table-view] {
            /* NOTE: Intentionally left empty. */
        }
        .graded-cell .graded-cell-container .graded-cell-content[teacher-gradebook-table-view] {
            /* NOTE: Intentionally left empty. */
        }

[teacher-gradebook-table-view] .dropdown-menu.btn {
    position: absolute;
    width: 27px;
    height: 27px;
    border: none; 
    border-radius: 0.25rem;
    padding: 0;
    transition: none;
    color: transparent;
    background-color: transparent;
    border-color: transparent;
    outline: none;
}
[teacher-gradebook-table-view] .dropdown-menu.btn:hover {
    color: transparent;
    background: transparent;
    border-color: transparent;
    outline: none;
}
    [teacher-gradebook-table-view] .dropdown-menu.btn .field-group {
        width: 100%;
        height: 100%;
    }
        [teacher-gradebook-table-view] .dropdown-menu.btn .field-group .field-menu {
            width: 100%;
            height: 100%;
        }
            [teacher-gradebook-table-view] .dropdown-menu.btn .field-group .field-menu .menu-header {
                width: 100%;
                height: 100%;
            }
                [teacher-gradebook-table-view] .dropdown-menu.btn .field-group .field-menu .menu-header button {
                    width: 100%;
                    height: 100%;
                    border: none;
                    border-radius: 0.25rem;
                    padding: 0;
                    color: rgba(136, 136, 136, 1);
                    border-color: transparent;
                    background: transparent;
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                [teacher-gradebook-table-view] .dropdown-menu.btn .field-group .field-menu .menu-header button:hover {
                    border-color: transparent;
                    background: transparent;
                }
                    [teacher-gradebook-table-view] .dropdown-menu.btn .field-group .field-menu .menu-header button svg.icon {
                        width: 10px;
                        height: 10px;
                        position: relative;
                        top: auto;
                        left: auto;
                        margin-right: 0;
                        transform: translate(0px, 27px);
                    }
                    [teacher-gradebook-table-view] .dropdown-menu.btn .field-group .field-menu .menu-header button:hover svg.icon {
                        transition: transform ease 350ms;
                        transform: translate(0);
                    }
                    [teacher-gradebook-table-view] .dropdown-menu.btn .field-group .field-menu.open .menu-header button svg.icon {
                        transition: none;
                        transform: translate(0);
                    }

[teacher-gradebook-table-view] .pill .pill-text {
    transition: transform ease 350ms;
}
.graded-cell-content:has(.pill .dropdown-menu.btn .field-group .field-menu .menu-header button:hover)[teacher-gradebook-table-view]  .pill .pill-text {
    transform: translateY(-27px);
}
.graded-cell-content:has(.pill .dropdown-menu.btn .field-group .field-menu.open)[teacher-gradebook-table-view]  .pill .pill-text {
    transform: translateY(-27px);
}
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/NotAssignedCell.razor.rz.scp.css */
.not-assigned-cell[teacher-gradebook-table-view] {
    background-color: transparent;
}
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/PendingSubmissionCell.razor.rz.scp.css */
.pending-submission-cell[teacher-gradebook-table-view] {
    /* NOTE: Intentionally left empty. */
}
    .pending-submission-cell .pending-submission-cell-container[teacher-gradebook-table-view] {
        /* NOTE: Intentionally left empty. */
    }
        .pending-submission-cell .pending-submission-cell-container .pending-submission-cell-content[teacher-gradebook-table-view] {
            background-color: rgba(0, 0, 0, 0.03);
        }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/StudentInfoCell.razor.rz.scp.css */
.student-info-cell[teacher-gradebook-table-view] {
    position: relative;
    width: 240px;
    height: 46px;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 246, 246, 1);
    padding: 0.5rem 0.75rem 0.5rem 0.75rem;
    gap: 0.5rem;
    overflow: hidden;
    text-align: left;
    box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.09);
    transition: background-color var(--transition-duration) ease-in-out 0.2s;
}
    .student-info-cell .student-info-avatar[teacher-gradebook-table-view] {
        display: flex;
        flex-direction: column;
    }
    .student-info-cell .student-info-details[teacher-gradebook-table-view] {
        max-height: 34px;
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
    }
        .student-info-cell .student-info-details .student-info-details-title[teacher-gradebook-table-view] {
            line-height: 19.07px;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--dark-gray-4); /* rgba(136, 136, 136, 1) */
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .student-info-cell .student-info-details .student-info-details-subtitle[teacher-gradebook-table-view] {
            line-height: 16.8px;
            font-size: 0.75rem;
            font-weight: 400;
            color: rgba(188, 188, 188, 1);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

     .student-info-cell .student-pills-container[teacher-gradebook-table-view] {
         width: 2rem;
         min-width: 2rem;
         height: 100%;
         transition: margin-right var(--transition-duration) ease-in-out 0.2s;
         margin-right: 0;
         background-color: transparent;
         display: flex;
         align-items: center;
         justify-content: center;
     }
    .student-info-cell .student-actions-container[teacher-gradebook-table-view] {
        position: absolute;
        transition: right var(--transition-duration) ease-in-out 0.2s, opacity var(--transition-duration) ease-in-out 0.2s;
        right: -50px;
        opacity: 0;

    }

.student-info-cell:hover[teacher-gradebook-table-view] {
    background-color: rgba(236, 236, 236, 1);
}
    .student-info-cell:hover .student-pills-container[teacher-gradebook-table-view] {
        margin-right: 28px;
    }
    .student-info-cell:hover .student-actions-container[teacher-gradebook-table-view] {
        right: 0.25rem;
        opacity: 1;
    }
        .student-info-cell .student-actions-container[teacher-gradebook-table-view]  .menu--more .menu-list {
            margin-left: 2.5rem;
            margin-top: -2rem;
        }

        tr:last-child .student-info-cell .student-actions-container[teacher-gradebook-table-view]  .menu--more .menu-list {
            margin-top: 5rem;
        }

[teacher-gradebook-table-view] .dropdown-menu .field-group .field-menu .menu-list,
[teacher-gradebook-table-view] .menu .menu-list {
    transition: opacity var(--transition-duration) ease 0s, transform var(--transition-duration) ease 0s !important;
}

.report-icon[teacher-gradebook-table-view] {
    display: flex;
}

[teacher-gradebook-table-view] .report-icon svg {
    width: 18px;
    height: 18px;
    cursor: pointer;
}
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/SubmittedCell.razor.rz.scp.css */
.submitted-cell[teacher-gradebook-table-view] {
    /* NOTE: Intentionally left empty. */
}
    .submitted-cell .submitted-cell-container[teacher-gradebook-table-view] {
        /* NOTE: Intentionally left empty. */
    }
        .submitted-cell .submitted-cell-container .submitted-cell-content[teacher-gradebook-table-view] {
            /* NOTE: Intentionally left empty. */
        }
            .submitted-cell .submitted-cell-container.late-submission .submitted-cell-content[teacher-gradebook-table-view] {
                background-color: rgba(235, 141, 42, 0.05);
            }
            .submitted-cell .submitted-cell-container.on-time-submission .submitted-cell-content[teacher-gradebook-table-view] {
                background-color: rgba(39, 191, 129, 0.05);
            }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/WeightCategoryGradeCellWithGrade.razor.rz.scp.css */
.weight-category-grade-cell-with-grade[teacher-gradebook-table-view] {
    width: 66px;
    height: 46px;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 246, 246, 1);
    border-left: 1px solid rgba(225, 225, 225, 1);
}
    .weight-category-grade-cell-with-grade .weight-category-grade-cell-with-grade-container[teacher-gradebook-table-view] {
        min-width: 27px;
        max-width: 60px;
        width: fit-content;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px 4px;
    }
        .weight-category-grade-cell-with-grade .weight-category-grade-cell-with-grade-container .weight-category-grade-cell-with-grade-content[teacher-gradebook-table-view] {
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            color: rgba(136, 136, 136, 1);
            user-select: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/WeightCategoryGradeCellWithPercentage.razor.rz.scp.css */
.weight-category-grade-cell-with-percentage[teacher-gradebook-table-view] {
    width: 66px;
    height: 46px;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 246, 246, 1);
    border-left: 1px solid rgba(225, 225, 225, 1);
}
    .weight-category-grade-cell-with-percentage .weight-category-grade-cell-with-percentage-container[teacher-gradebook-table-view] {
        min-width: 27px;
        max-width: 60px;
        width: fit-content;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px 4px;
    }
        .weight-category-grade-cell-with-percentage .weight-category-grade-cell-with-percentage-container .weight-category-grade-cell-with-percentage-content[teacher-gradebook-table-view] {
            font-size: 0.75rem;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            color: rgba(136, 136, 136, 1);
            user-select: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Body/WeightCategoryGradeCellWithProficiency.razor.rz.scp.css */
.weight-category-grade-cell-with-proficiency[teacher-gradebook-table-view] {
    width: 66px;
    height: 46px;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 246, 246, 1);
    border-left: 1px solid rgba(225, 225, 225, 1);
}
    .weight-category-grade-cell-with-proficiency .weight-category-grade-cell-with-proficiency-container[teacher-gradebook-table-view] {
        min-width: 27px;
        max-width: 60px;
        width: fit-content;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px 4px;
    }
        .weight-category-grade-cell-with-proficiency .weight-category-grade-cell-with-proficiency-container .weight-category-grade-cell-with-proficiency-content[teacher-gradebook-table-view] {
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            color: rgba(136, 136, 136, 1);
            user-select: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Header/CourseHeaderCell.razor.rz.scp.css */
.course-header-cell[teacher-gradebook-table-view] {
    width: 66px;
    height: 240px;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(246, 246, 246, 1);
    border-left: 1px solid rgba(225, 225, 225, 1);
}
    .course-header-cell .course-header-cell-text[teacher-gradebook-table-view] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transform: rotate(180deg);
        writing-mode: vertical-rl;
        text-orientation: mixed;
        text-align: left;
        padding: 0.75rem;

        font-size: 0.875rem;
        font-weight: 600;
        line-height: 19.07px;        
        color: rgba(50, 50, 50, 1);

        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
        .course-header-cell .course-header-cell-text > span[teacher-gradebook-table-view] {
            overflow: hidden;
            text-overflow: ellipsis;
        }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Header/CourseItemHeaderCell.razor.rz.scp.css */
.course-item-header-cell[teacher-gradebook-table-view] {
    display: grid;
    grid-template-rows: 1fr 167px 1fr;
    grid-template-columns: 66px;
    grid-template-areas: "title" "title" "title";
    width: 66px;
    height: 240px;
    align-items: center;
    justify-content: center;
    justify-items: center;
    background-color: var(--grey-light-1);
    border-left: 1px solid var(--grey-light-3);
}

    .course-item-header-cell:hover[teacher-gradebook-table-view] {
        background-color: var(--grey-light-2);  
    }

    .course-item-header-cell .course-item-title-container[teacher-gradebook-table-view] {
        grid-area: title;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        transform: rotate(180deg);
        writing-mode: vertical-rl;
        text-orientation: mixed;
        text-align: left;
        padding: 0.75rem;
    }

    .course-item-header-cell.has-due-date[teacher-gradebook-table-view] {
        grid-template-areas: "title" "title" "due";
    }

    .course-item-header-cell.can-edit:hover[teacher-gradebook-table-view] {
        grid-template-areas: "menu" "title" "title";
    }

    .course-item-header-cell.has-due-date:hover[teacher-gradebook-table-view] {
        grid-template-areas: "menu" "title" "due";
    }

    .course-item-header-cell.can-edit:hover .dropdown-menu-icon[teacher-gradebook-table-view] {
        display: block;
    }

.dropdown-menu-icon[teacher-gradebook-table-view] {
    display: none;
    grid-area: menu;
}


    .dropdown-menu-icon[teacher-gradebook-table-view]  .menu .option {
        text-align: start !important;
        padding-inline-end: 8px;
    }

    .dropdown-menu-icon[teacher-gradebook-table-view]  .menu-list {
        min-width: 90px;
    }

.course-item-header-cell .course-item-title-container .course-item-subtitle[teacher-gradebook-table-view] {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    color: var(--grey-3);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.course-item-header-cell .course-item-title-container .course-item-title[teacher-gradebook-table-view] {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 19.07px;
    text-align: left;
    color: rgba(50, 50, 50, 1);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.course-item-header-cell .course-item-date-container[teacher-gradebook-table-view] {
    grid-area: due;
    width: 100%;
    height: 46px;
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--grey-light-1) !important;
    border-top: 1px solid var(--grey-light-3);
}

/*.course-item-header-cell:hover .course-item-date-container{
    border-top: 1px solid var(--grey-1)
}*/

    .course-item-header-cell .course-item-date-container .due-date-day[teacher-gradebook-table-view],
    .course-item-header-cell .course-item-date-container .due-date-month[teacher-gradebook-table-view] {
        display: inline-block;
        text-transform: uppercase;
        font-weight: 400;
        color: rgba(136, 136, 136, 1);
    }

    .course-item-header-cell .course-item-date-container .due-date-day[teacher-gradebook-table-view] {
        font-size: 14px;
        line-height: 19px;
    }

    .course-item-header-cell .course-item-date-container .due-date-month[teacher-gradebook-table-view] {
        font-size: 10px;
        line-height: 14px;
    }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Header/GradebookTableHeaderRow.razor.rz.scp.css */
.gradebook-table-header-row[teacher-gradebook-table-view] {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgba(225, 225, 225, 1);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.09);
}
    .gradebook-table-header-row .gradebook-table-header-cell-spacer[teacher-gradebook-table-view] {
        width: 100%;
        min-width: 0;
        height: 240px;

        border: none;
        border-left: 1px solid rgba(225, 225, 225, 1);
    }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Header/GradingStandardHeaderCell.razor.rz.scp.css */
.grading-standard-header-cell[teacher-gradebook-table-view] {
    width: 240px;
    height: 240px;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(246, 246, 246, 1);
    box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.09);
}
    .grading-standard-header-cell .grading-standard-header-cell-container[teacher-gradebook-table-view] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        color: rgba(136, 136, 136, 1);
    }
        .grading-standard-header-cell .grading-standard-header-cell-container .grading-standard-content[teacher-gradebook-table-view] {
            width: 100%;
            height: 194px;
            display: flex;
            flex-direction: column;
            text-align: left;
            gap: 1rem;
            padding: 1rem 0.625rem 1rem 1.25rem;
        }
            .grading-standard-header-cell .grading-standard-header-cell-container .grading-standard-content .grading-standard-content-header[teacher-gradebook-table-view] {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                color: rgba(164, 164, 164, 1);
            }
                .grading-standard-header-cell .grading-standard-header-cell-container .grading-standard-content .grading-standard-content-header .grading-standard-header-name[teacher-gradebook-table-view] {
                    font-weight: 400;
                    font-size: 0.75rem;
                    line-height: 16.34px;
                    text-transform: uppercase;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
                .grading-standard-header-cell .grading-standard-header-cell-container .grading-standard-content .grading-standard-content-header .grading-standard-header-action[teacher-gradebook-table-view] {
                    width: 2rem;
                    height: 2rem;
                    display: flex;
                    padding: 0.125rem;
                }
                    .grading-standard-header-cell .grading-standard-header-cell-container .grading-standard-content .grading-standard-content-header .grading-standard-header-action[teacher-gradebook-table-view]  button {
                        transform: translateY(-50%) rotate(0deg);
                    }
            .grading-standard-header-cell .grading-standard-header-cell-container .grading-standard-content .grading-standard-content-list[teacher-gradebook-table-view] {
                display: flex;
                flex-direction: column;
                overflow: auto;
                padding: 0;
                list-style-type: none;
            }
                .grading-standard-header-cell .grading-standard-header-cell-container .grading-standard-content .grading-standard-content-list li[teacher-gradebook-table-view] {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    margin-bottom: 5px;
                }
                    .grading-standard-header-cell .grading-standard-header-cell-container .grading-standard-content .grading-standard-content-list li .grading-standard-grade-dot[teacher-gradebook-table-view] {
                        width: 0.375rem;
                        height: 0.375rem;
                        display: inline-block;
                        border-radius: 50%;
                        margin-right: 0.5rem;
                    }
                    .grading-standard-header-cell .grading-standard-header-cell-container .grading-standard-content .grading-standard-content-list li .grading-standard-grade-name[teacher-gradebook-table-view] {
                        font-weight: 400;
                        font-size: 0.75rem;
                        line-height: 16.34px;
                    }
                    .grading-standard-header-cell .grading-standard-header-cell-container .grading-standard-content .grading-standard-content-list li .grading-standard-grade-range[teacher-gradebook-table-view] {
                        margin-left: auto;
                        font-weight: 400;
                        font-size: 0.75rem;
                        line-height: 16.34px;
                    }
        .grading-standard-header-cell .grading-standard-header-cell-container .search-action-content[teacher-gradebook-table-view] {
            width: 100%;
            height: 46px;
            display: flex;
            flex-direction: row;
            align-items: center;
            border-top: 1px solid rgba(225, 225, 225, 1);
        }
            .grading-standard-header-cell .grading-standard-header-cell-container .search-action-content[teacher-gradebook-table-view]  .search {
                background-color: rgba(246, 246, 246, 1);
            }
                .grading-standard-header-cell .grading-standard-header-cell-container .search-action-content[teacher-gradebook-table-view]  .search .search-field input {
                    padding: 6px 8px 6px 28px;
                }
            .grading-standard-header-cell .grading-standard-header-cell-container .search-action-content .search-action-counter[teacher-gradebook-table-view] {
                display: flex;
                margin-right: 0.5rem;
                font-size: 0.75rem;
                font-weight: 400;
                line-height: 18px;
                text-align: right;
            }
                .grading-standard-header-cell .grading-standard-header-cell-container .search-action-content .search-action-counter .search-action-counter-light[teacher-gradebook-table-view] {
                    color: rgba(225, 225, 225, 1);
                }
/* /Pages/CourseDetails/Views/Gradebook/GradebookTable/Views/Header/WeightCategoryHeaderCell.razor.rz.scp.css */
.weight-category-header-cell[teacher-gradebook-table-view] {
    width: 66px;
    height: 240px;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(246, 246, 246, 1);
    border-left: 1px solid rgba(225, 225, 225, 1);
}
    .weight-category-header-cell .weight-category-header-cell-text[teacher-gradebook-table-view] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transform: rotate(180deg);
        writing-mode: vertical-rl;
        text-orientation: mixed;        
        padding: 0.75rem;

        font-size: 0.875rem;
        font-weight: 400;
        line-height: 19.07px;
        text-align: left;
        color: rgba(136, 136, 136, 1);

        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
        .weight-category-header-cell .weight-category-header-cell-text > span[teacher-gradebook-table-view] {
            overflow: hidden;
            text-overflow: ellipsis;
        }
/* /Pages/CourseDetails/Views/Gradebook/GradeReportBar/GradeReportBar.razor.rz.scp.css */
.grade-report-bar-container[teacher-grade-report-bar-view] {
    width: 100%;
    height: 60px;
    
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;

    background-color: rgba(246, 246, 246, 1);
    border: 1px solid rgba(221, 221, 221, 1);
    padding: 0.625rem;
}
/* /Pages/CourseDetails/Views/LearningPlanDialog/LearningPlanDialog.razor.rz.scp.css */
.student-learning-plan-dialog[b-7jl66rdr0r] .dialog-body {
    flex: 1 1 auto !important;
}

[b-7jl66rdr0r] .description-container {
    height: 24rem;
    min-height: 16rem;
    max-height: 32rem;
}

.radio-buttons-container[b-7jl66rdr0r] .field-group{
    display: flex;
    gap: 20px;
    margin-top: -15px;
}

.learning-plan-margin-sm[b-7jl66rdr0r] {
    margin: 10px 0;
}

.learning-plan-margin-xl[b-7jl66rdr0r] {
    margin: 10px 0 15px 0;
}

.learning-plan-margin-xl[b-7jl66rdr0r] .field-check {
    font-size: 0.875rem;
    margin-bottom: 2px;
    font-weight: 600;
    color: var(--grey-3);
}

.upload-headline[b-7jl66rdr0r] {
    font-size: 12px;
    line-height: 100%;
    font-weight: 600;
    color: #888888;
    display: flex;
    margin-bottom: 15px;
}

.tooltip[b-7jl66rdr0r] {
    border-radius: 4px;
    padding: 12px;
    gap: 5px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    background-color: var(--grey-dark-3);
    color: #F1F1F1;
    font-size: 12px;    
    max-width: 200px;
}

[b-7jl66rdr0r] .information-icon svg {
    width: 15px;
    height: 15px;
    display: flex;
}

.label[b-7jl66rdr0r] {
    color: var(--grey-3);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 5px;
}

.summary-info[b-7jl66rdr0r] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-bottom: 3px;
}

.learning-plan-margin-sm .col-12[b-7jl66rdr0r]  .field-group > label.required {
    display: none !important;
}

.summary-info .label.required[b-7jl66rdr0r]::after {
    content: " *";
    font-weight: 700;
}

.summary-info .label.required.invalid[b-7jl66rdr0r]::after {
    color: var(--red) !important;
}

.summary-info .label.required.valid[b-7jl66rdr0r]::after {
    color: var(--green) !important;
}
/* /Pages/CourseDetails/Views/MediaSection/View/FilesDetails/FilesDetails.razor.rz.scp.css */
.file-details-container[media-section-files-details-view] {
    margin-top: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    padding: 12px;
}

.file-details-container[media-section-files-details-view]  .label {
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 19px;
}

.file-details-container > div:last-child[media-section-files-details-view] {
    margin-bottom: 0;
}

.file-details[media-section-files-details-view] {
    background: white;
    margin-bottom: 8px;
    border-radius: 4px;
    padding: 4px 0 4px 10px;
    cursor: pointer;
    justify-content: space-between;
}

.file-icon[media-section-files-details-view] {
    width: 22.75px;
    height: 22.75px;
    aspect-ratio: 1/1;
}

.file-name[media-section-files-details-view] {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 19px;
}

.file-type[media-section-files-details-view] {
    font-size: 0.625rem;
    color: var(--grey-1);
    line-height: 12px;
    text-transform: uppercase;
}

.file-details-wrapper[media-section-files-details-view] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.file-remove-btn-icon[media-section-files-details-view] {
    width: 12px;
    height: 12px;
}

.file-remove-btn-icon[media-section-files-details-view]  .icon {
    width: 12px !important;
    height: 12px !important;
}

[media-section-files-details-view] .file-remove-btn:hover {
    background-color: transparent !important;
    color: var(--grey-dark-2) !important;
}
    
/* /Pages/CourseDetails/Views/MediaSection/View/LinkDetail/LinkDetail.razor.rz.scp.css */
.link-details[media-section-link-detail-view] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    background: white;
    margin-bottom: 8px;
    border-radius: 4px;
    padding: 4px 0 4px 10px;
    cursor: pointer;
}

.link-details-wrapper[media-section-link-detail-view] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.link-icon[media-section-link-detail-view] {
    width: 22.75px;
    height: 22.75px;
    aspect-ratio: 1/1;
    flex-shrink: 0;
}

.link-details-content[media-section-link-detail-view] {
    flex: 1;
    min-width: 0;
}

.link-name[media-section-link-detail-view] {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.link-url[media-section-link-detail-view] {
    font-size: 0.625rem;
    color: var(--grey-3);
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.link-details[media-section-link-detail-view]  .link-remove-btn {
    flex-shrink: 0;
    margin-left: auto;
}

.link-remove-btn-icon[media-section-link-detail-view] {
    width: 12px;
    height: 12px;
}

    .link-remove-btn-icon[media-section-link-detail-view]  .icon {
        width: 12px !important;
        height: 12px !important;
    }

[media-section-link-detail-view] .link-remove-btn:hover {
    background-color: transparent !important;
    color: var(--grey-dark-2) !important;
}
/* /Pages/CourseDetails/Views/MediaSection/View/LinkDetails/LinkDetails.razor.rz.scp.css */
.link-details-container[media-section-link-details-view] {
    margin-top: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    padding: 12px;
    min-width: 0;
}

    .link-details-container[media-section-link-details-view]  .label {
        font-weight: 600;
        margin-bottom: 12px;
        line-height: 19px;
    }

    .link-details-container > div:last-child[media-section-link-details-view] {
        margin-bottom: 0;
    }

.tooltip-body[media-section-link-details-view] {
    width: max-content;
    max-width: 35vw;
    max-height: 10rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0.5rem;
    overflow-y: auto;
    white-space: normal;
    overflow-wrap: anywhere;
    padding: 0.625rem;
    border: none;
    border-radius: 0.25rem;
    text-align: left;
    background-color: var(--grey-dark-3);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
}

    .tooltip-body .tooltip-body-title[media-section-link-details-view] {
        flex-shrink: 0;
        margin: 0;
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 19px;
        color: white;
    }

    .tooltip-body .tooltip-body-description[media-section-link-details-view] {
        flex-shrink: 0;
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1rem;
        color: rgba(188, 188, 188, 1);
    }
/* /Pages/CourseDetails/Views/MediaSection/View/MediaSection.razor.rz.scp.css */
.media-section[media-section-view]  .dropdown-header {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 19px;
    color: rgba(97, 97, 97, 1);
}

.media-section[media-section-view]  .dropdown-body {
    padding-top: 15px;
}

.media-section[media-section-view]  .add-media-button {
    height: 40px;
}

.media-section[media-section-view]  .media-section-accordion .dropdown-header:hover svg {
    fill: var(--green);
}

.media-section[media-section-view]  .media-section-accordion .dropdown-header .header-content {
    padding-top: 1px;
}
.media-section[media-section-view]  .media-section-accordion .dropdown-header .header-content .tooltip-header {
    display: flex;
    flex-flow: row;
    align-items: center;
}
    .media-section[media-section-view]  .media-section-accordion .dropdown-header .header-content .tooltip-header svg {
        width: 0.875rem;
        height: 0.875rem;
    }
        .media-section[media-section-view]  .media-section-accordion .dropdown-header .header-content .tooltip-header svg path {
            fill: rgba(164, 164, 164, 1);
        }
    .media-section[media-section-view]  .media-section-accordion .dropdown-header .header-content .tooltip-body {
        width: fit-content;
        max-width: 20rem;
        height: fit-content;
        max-height: 10rem;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0.5rem;
        padding: 0.625rem;
        border: none;
        border-radius: 0.25rem;
        text-align: left;
        white-space: normal;
        background-color: var(--grey-dark-3);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    }
        .media-section[media-section-view]  .media-section-accordion .dropdown-header .header-content .tooltip-body .tooltip-body-description {
            font-weight: 400;
            font-size: 0.75rem;
            line-height: 1rem;
            text-transform: none;
            letter-spacing: normal;
            color: rgba(188, 188, 188, 1);
        }
/* /Pages/CourseDetails/Views/MethodologiesSection/View/ChecklistsDetails/ChecklistsDetails.razor.rz.scp.css */
div.checklists-details-container[b-w8wxkm1a6j]  span.pill {
    width: 100%;
    max-width: none;
    height: 2rem;
    
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 1px;

    color: #888888;
}
[b-w8wxkm1a6j] .pill .pill-action {
    margin-left: auto;
}
/* /Pages/CourseDetails/Views/MethodologiesSection/View/MethodologiesSection.razor.rz.scp.css */
.methodologies-section[methodologies-section-view]  .dropdown-header {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 19px;
    color: rgba(97, 97, 97, 1);
}

[methodologies-section-view] .drop-down .drop-down-body {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0, 10px);
    display: inline-block;
    list-style: none;
    padding-left: 0px;
    min-width: 180px;
    width: auto;
    max-width: 300px;
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    transition: all var(--transition-duration) ease 0s;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    line-height: var(--line-height);
    z-index: 99;
    max-height: 50vh;
    scrollbar-color: var(--alpha-dark-2) transparent;
    scrollbar-width: thin;
}

.methodologies-section[methodologies-section-view]  .dropdown-body {
    padding-top: 15px;
}

.methodologies-section[methodologies-section-view]  .add-checklist-button {
    width: 140px;
    height: 40px;
}

.methodologies-section[methodologies-section-view]  .methodologies-section-accordion .dropdown-header:hover svg {
    fill: var(--green);
}

.methodologies-section-container[methodologies-section-view] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

[methodologies-section-view] label.label {
    font-weight: 600;
}

.rubrics-section-container[methodologies-section-view] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 8px;
}

[methodologies-section-view] .drop-down .drop-down-body {
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    width: fit-content !important;
    margin-top: 2px;
}

.dropdown-item[methodologies-section-view] {
    padding: 14px;
    cursor: pointer;
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

    .dropdown-item:hover[methodologies-section-view] {
        background-color: var(--grey-light-2);
    }

.add-rubric-button[methodologies-section-view] {
    width: 140px;
    height: 40px;
}

    .add-rubric-button[methodologies-section-view]  svg {
        width: 14px;
        height: 14px;
    }

    .add-rubric-button:not(:disabled)[methodologies-section-view]  svg,
    .add-rubric-button:not(:disabled)[methodologies-section-view]  svg path {
        fill: white;
    }

    .add-rubric-button .arrow[methodologies-section-view] {
        position: relative;
        left: 6px;
        top: 1px;
    }
/* /Pages/CourseDetails/Views/MethodologiesSection/View/RubricDetails/View/RubricDetails.razor.rz.scp.css */
div.rubric-details-container[b-x3yp5tmw45]  span.pill {
    width: 100%;
    max-width: none;
    height: 2rem;
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 1px;
    color: #888888;
}

[b-x3yp5tmw45] .pill .pill-action {
    margin-left: auto;
}
/* /Pages/CourseDetails/Views/NewActivity/View/NewActivity.razor.rz.scp.css */
.new-activity-dialog-section[new-activity-view] {
    margin-top: 24px;
}

.new-activity-dialog-body[new-activity-view] {
    padding: 10px 36px;
}

.new-activity-dialog-description[new-activity-view] {
    margin-top: 10px;
    height: 24rem;
    min-height: 16rem;
    max-height: 32rem;
}

.activity-builder[new-activity-view] {
    background: white;
    padding: 8px;
    border-radius: 4px;
    margin-top: 24px;
}

.activity-builder-icon[new-activity-view] {
    padding: 3px;
    border-radius: 2px;
    background-color: var(--green);
    width: 26px;
    height: 30px;
}

.activity-builder-button[new-activity-view] {
    margin-left: auto;
}

.activity-builder-label[new-activity-view] {
    margin-left: 10px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.activity-builder-label label[new-activity-view] {
    margin-bottom: 0;
    color: var(--black);
}

.activity-header-icon[new-activity-view] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: var(--yellow);
    padding: 4px;
}

.activity-header-icon[new-activity-view]  path{
    fill: white;
}

.headline[new-activity-view] {
    margin-left: 18px;
}

.activity-builder-details > .label[new-activity-view] {
    font-weight: 400;
    font-size: 12px;
}

.activity-builder-details .question-count[new-activity-view] {
    margin-left: 3px;
    font-size: 12px;
}
/* /Pages/CourseDetails/Views/NewAssessment/View/NewAssessment.razor.rz.scp.css */
.new-assessment-dialog-section[new-assessment-view] {
    margin-top: 24px;
}

.new-assessment-dialog-body[new-assessment-view] {
    padding: 10px 36px;
}

.new-assessment-dialog-description[new-assessment-view] {
    margin-top: 10px;
    height: 24rem;
    min-height: 16rem;
    max-height: 32rem;
}

.new-assessment-dialog-weight-category[new-assessment-view] {
    margin-top: 10px;
}

.assessment-builder[new-assessment-view] {
    background: white;
    padding: 8px;
    border-radius: 4px;
    margin-top: 24px;
}

.assessment-builder-icon[new-assessment-view] {
    padding: 3px;
    border-radius: 2px;
    background-color: var(--green);
    width: 26px;
    height: 30px;
}

.assessment-builder-button[new-assessment-view] {
    margin-left: auto;
}

.assessment-builder-label[new-assessment-view] {
    margin-left: 10px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

    .assessment-builder-label label[new-assessment-view] {
        margin-bottom: 0;
        color: var(--black);
    }

.assessment-header-icon[new-assessment-view] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: var(--orange);
    padding: 4px;
}

    .assessment-header-icon[new-assessment-view]  path {
        fill: white;
    }

.headline[new-assessment-view] {
    margin-left: 18px;
}

.assessment-builder-details > .label[new-assessment-view] {
    font-weight: 400;
    font-size: 12px;
}

.assessment-builder-details .question-count[new-assessment-view] {
    margin-left: 3px;
    font-size: 12px;
}

[new-assessment-view] .label {
    width: fit-content;
}

[new-assessment-view] .label-container {
    display: flex;
}

[new-assessment-view] .header {
    width: fit-content;
    height: fit-content;
    padding-inline-start: 2px;
    margin-block-start: auto;
    margin-block-end: .4rem;
}

[new-assessment-view] .option-item-tooltip {
    margin-right: 0.25rem;
}

[new-assessment-view] .option-item-tooltip-header {
    display: flex;
    flex-flow: row;
    align-items: center;
}

    [new-assessment-view] .option-item-tooltip-header ::deep svg {
        width: 0.875rem;
        height: 0.875rem;
    }

        [new-assessment-view] .option-item-tooltip-header ::deep svg path {
            fill: rgba(164, 164, 164, 1);
        }

[new-assessment-view] .option-item-tooltip-body {
    width: fit-content;
    max-width: 20rem;
    height: fit-content;
    max-height: 10rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.625rem;
    border: none;
    border-radius: 0.25rem;
    text-align: left;
    white-space: normal;
    background-color: var(--grey-dark-3);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    color: rgba(188, 188, 188, 1);
}
/* /Pages/CourseDetails/Views/NewExternalAssessment/View/NewExternalAssessment.razor.rz.scp.css */
.new-external-assessment-dialog-section[new-external-assessment-view] {
    margin-top: 32px;
}

.new-external-assessment-dialog-body[new-external-assessment-view] {
    padding: 10px 36px;
}

.new-external-assessment-dialog-description[new-external-assessment-view] {
    margin-top: 10px;
    height: 24rem;
    min-height: 16rem;
    max-height: 32rem;
}

.new-external-assessment-dialog-weight-category[new-external-assessment-view] {
    margin-top: 10px;
}

.external-assessment-header-icon[new-external-assessment-view] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: var(--orange);
    padding: 4px;
}

    .external-assessment-header-icon[new-external-assessment-view]  path {
        fill: white;
    }

.headline[new-external-assessment-view] {
    margin-left: 18px;
}

[new-external-assessment-view] .label {
    width: fit-content;
}

[new-external-assessment-view] .label-container {
    display: flex;
}

[new-external-assessment-view] .header {
    width: fit-content;
    height: fit-content;
    padding-inline-start: 2px;
    margin-block-start: auto;
    margin-block-end: .4rem;
}

[new-external-assessment-view] .option-item-tooltip {
    margin-right: 0.25rem;
}

[new-external-assessment-view] .option-item-tooltip-header {
    display: flex;
    flex-flow: row;
    align-items: center;
}

    [new-external-assessment-view] .option-item-tooltip-header ::deep svg {
        width: 0.875rem;
        height: 0.875rem;
    }

        [new-external-assessment-view] .option-item-tooltip-header ::deep svg path {
            fill: rgba(164, 164, 164, 1);
        }

[new-external-assessment-view] .option-item-tooltip-body {
    width: fit-content;
    max-width: 20rem;
    height: fit-content;
    max-height: 10rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.625rem;
    border: none;
    border-radius: 0.25rem;
    text-align: left;
    white-space: normal;
    background-color: var(--grey-dark-3);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    color: rgba(188, 188, 188, 1);
}
/* /Pages/CourseDetails/Views/OptionsSection/OptionsSection.razor.rz.scp.css */
.options-section[options-section-view]  .dropdown-header {
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 19px;
	color: rgba(97, 97, 97, 1);
}

.options-container[options-section-view] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.option-item[options-section-view] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.description[options-section-view] {
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.options-tooltip[options-section-view] {
	margin-right: 0.25rem;
}

	.options-tooltip .tooltip-header[options-section-view] {
		display: flex;
		flex-flow: row;
		align-items: center;
	}

	.options-tooltip[options-section-view]  .tooltip-header svg {
		width: 0.875rem;
		height: 0.875rem;
	}

	.options-tooltip::deep .tooltip-header svg path[options-section-view] {
		fill: rgba(164, 164, 164, 1);
	}

	.options-tooltip .tooltip-body[options-section-view] {
		width: fit-content;
		max-width: 20rem;
		height: fit-content;
		max-height: 10rem;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 0.5rem;
		padding: 0.625rem;
		border: none;
		border-radius: 0.25rem;
		text-align: left;
		white-space: normal;
		background-color: var(--grey-dark-3);
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
	}

		.options-tooltip .tooltip-body .tooltip-body-title[options-section-view] {
			font-weight: 600;
			font-size: 0.875rem;
			line-height: 19px;
			color: white;
		}

		.options-tooltip .tooltip-body .tooltip-body-description[options-section-view] {
			font-weight: 400;
			font-size: 0.75rem;
			line-height: 1rem;
			color: rgba(188, 188, 188, 1);
		}
/* /Pages/CourseDetails/Views/RubricBuilderDialog/Comment/View/CommentRubricBuilderDialog.razor.rz.scp.css */
[comment-rubric-builder-dialog] .modal.modal--lg .modal-body {
    max-width: 1320px !important;
}

[comment-rubric-builder-dialog] .dialog--builder {
    min-height: 0;
}

.header[comment-rubric-builder-dialog] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 18px;
    align-items: center;
    width: 100%;
}

[comment-rubric-builder-dialog] .dialog-header {
    border: none !important;
}

[comment-rubric-builder-dialog] .btn--circle svg {
    fill: var(--grey-3);
}

[comment-rubric-builder-dialog] .btn--circle:hover {
    border-color: var(--grey-light-4) !important;
    background: white !important;
}

.rubric-icon[comment-rubric-builder-dialog] {
    width: 26px;
    height: 26px;
}

.dialog-title[comment-rubric-builder-dialog] {
    flex: 1 0 0;
    color: var(--grey-dark-2);
    font-family: var(--font-family);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.6px;
}

[comment-rubric-builder-dialog] .btn--primary {
    min-width: 96px;
    height: 40px;
}

.body-container[comment-rubric-builder-dialog] {
    display: flex;
    flex-flow: column;
    padding: 20px;
    gap: 20px;
    overflow: hidden;
}

[comment-rubric-builder-dialog] .dialog-body {
    background-color: white;
}

.assessment[comment-rubric-builder-dialog] {
    width: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    color: var(--grey-dark-3);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.rubric-description[comment-rubric-builder-dialog] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    max-width: 993px;
}

.criteria-title[comment-rubric-builder-dialog] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--grey-light-4);
}

.control-buttons-container[comment-rubric-builder-dialog] {
    display: flex;
    flex-flow: row;
    gap: 16px;
}

    .control-buttons-container[comment-rubric-builder-dialog]  .btn.btn--secondary svg {
        width: 16px;
        height: 16px;
        margin-right: 3px;
    }

    .control-buttons-container[comment-rubric-builder-dialog]  .btn.btn--secondary path {
        fill: var(--grey-3);
    }
/* /Pages/CourseDetails/Views/RubricBuilderDialog/Comment/Views/Criterion/View/CommentCriterion.razor.rz.scp.css */
.comment-criterion[comment-criterion-view] {
    display: flex;
    flex-flow: column;
    width: 100%;
    border: solid;
    border-width: 1px;
    border-radius: 4px;
    border-color: var(--grey-light-3);
}

.header[comment-criterion-view] {
    min-height: 48px;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    background-color: white;
    border-radius: 4px;
    padding: 8px 10px;
}

.drag-indicator[comment-criterion-view] {
    width: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey-light-3);
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
    .drag-indicator:active[comment-criterion-view] {
        color: var(--green);
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

.expand-control[comment-criterion-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    flex: 1;
    color: var(--grey-dark-3);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    cursor: pointer;
    user-select: none;
}

    .expand-control[comment-criterion-view]  svg {
        width: 12px !important;
        height: 12px !important;
    }

.points[comment-criterion-view] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
}

.delete[comment-criterion-view] {
    width: 12px;
    height: 12px;
    color: var(--grey-3);
    cursor: pointer;
    display: flex;
}

.body[comment-criterion-view] {
    width: 100%;
    background-color: var(--grey-light-1);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    flex-flow: column;
    gap: 10px;
    padding: 20px;
}

    .body.show[comment-criterion-view] {
        display: flex;
    }

    .body.hide[comment-criterion-view] {
        display: none;
    }

.row-1[comment-criterion-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 10px;
}

    .row-1[comment-criterion-view]  .field-group {
        width: 100%;
    }

.column-1[comment-criterion-view] {
    width: 66.666666%;
}

.column-2[comment-criterion-view] {
    width: 33.333333%;
}
/* /Pages/CourseDetails/Views/RubricBuilderDialog/Comment/Views/Criterions/View/CommentCriterions.razor.rz.scp.css */
.criterions[comment-criterions-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    gap: 10px;
    overflow: auto;
}
/* /Pages/CourseDetails/Views/RubricBuilderDialog/Range/View/RangeRubricBuilderDialog.razor.rz.scp.css */
[range-rubric-builder-dialog] .modal.modal--lg .modal-body {
    max-width: 1320px !important;
}

[range-rubric-builder-dialog] .dialog--builder {
    min-height: 0;
}

.header[range-rubric-builder-dialog] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 18px;
    align-items: center;
    width: 100%;
}

[range-rubric-builder-dialog] .dialog-header {
    border: none !important;
}

[range-rubric-builder-dialog] .btn-back svg {
    fill: var(--grey-3);
}

[range-rubric-builder-dialog] .btn-back:hover {
    border-color: var(--grey-light-4) !important;
    background: white !important;
}

.rubric-icon[range-rubric-builder-dialog] {
    width: 26px;
    height: 26px;
}

.dialog-title[range-rubric-builder-dialog] {
    flex: 1 0 0;
    color: var(--grey-dark-2);
    font-family: var(--font-family);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.6px;
}

[range-rubric-builder-dialog] .btn--primary {
    min-width: 96px;
    height: 40px;
}

.body-container[range-rubric-builder-dialog] {
    display: flex;
    flex-flow: column;
    padding: 20px;
    gap: 20px;
    overflow: hidden;
}

[range-rubric-builder-dialog] .dialog-body {
    background-color: white;
}

.assessment[range-rubric-builder-dialog] {
    width: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    color: var(--grey-dark-3);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.rubric-description[range-rubric-builder-dialog] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    max-width: 993px;
}

.criteria-title[range-rubric-builder-dialog] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--grey-light-4);
}

.control-buttons-container[range-rubric-builder-dialog] {
    display: flex;
    flex-flow: row;
    gap: 16px;
}

    .control-buttons-container[range-rubric-builder-dialog]  .btn.btn--secondary svg {
        width: 16px;
        height: 16px;
        margin-right: 3px;
    }

    .control-buttons-container[range-rubric-builder-dialog]  .btn.btn--secondary path {
        fill: var(--grey-3);
    }
/* /Pages/CourseDetails/Views/RubricBuilderDialog/Range/Views/Criterion/View/RangeCriterion.razor.rz.scp.css */
.range-criterion[range-criterion-view] {
    display: flex;
    flex-flow: column;
    width: 100%;
    border: solid;
    border-width: 1px;
    border-radius: 4px;
    border-color: var(--grey-light-3);
}

.header[range-criterion-view] {
    min-height: 48px;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    background-color: white;
    border-radius: 4px;
    padding: 8px 10px;
}

.drag-indicator[range-criterion-view] {
    width: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey-light-3);
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
    .drag-indicator:active[range-criterion-view] {
        color: var(--green);
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

.expand-control[range-criterion-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    flex: 1;
    color: var(--grey-dark-3);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    cursor: pointer;
    user-select: none;
}

    .expand-control[range-criterion-view]  svg {
        width: 12px !important;
        height: 12px !important;
    }

.points[range-criterion-view] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
}

.delete[range-criterion-view] {
    width: 12px;
    height: 12px;
    color: var(--grey-3);
    cursor: pointer;
    display: flex;
}

.body[range-criterion-view] {
    width: 100%;
    background-color: var(--grey-light-1);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    flex-flow: column;
    overflow: hidden;
}

    .body.show[range-criterion-view] {
        display: flex;
    }

    .body.hide[range-criterion-view] {
        display: none;
    }

.criterion[range-criterion-view] {
    display: flex;
    flex-flow: column;
    gap: 10px;
    padding: 20px;
}

.range-title[range-criterion-view] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--grey-light-4);
    margin-top: 10px;
}

.ranges-container[range-criterion-view] {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    gap: 12px;
}

.ranges[range-criterion-view] {
    padding: 0 20px 20px 20px;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    overflow: auto;
}

[range-criterion-view] .btn {
    min-width: 32px;
}

[range-criterion-view] .btn-add {
    margin-left: 10px;
}
/* /Pages/CourseDetails/Views/RubricBuilderDialog/Range/Views/Criterions/View/RangeCriterions.razor.rz.scp.css */
.criterions[range-criterions-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    gap: 10px;
    overflow: auto;
}
/* /Pages/CourseDetails/Views/RubricBuilderDialog/Range/Views/RangeCard/View/RangeCard.razor.rz.scp.css */
.range-card[range-card-view] {
    width: 320px;
    min-width: 320px;
    display: flex;
    flex-flow: column;
    background: white;
    border-radius: 4px;
    border: 1px solid var(--grey-light-4);
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.06);
    position: relative;
}

.header[range-card-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 12px;
    gap: 10px;
}

.drag-indicator[range-card-view] {
    width: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey-light-3);
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
    .drag-indicator:active[range-card-view] {
        color: var(--green);
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

.title[range-card-view] {
    height: 26px;
    flex: 1 0 0;
    overflow: hidden;
    color: var(--grey-dark-3);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    margin: 0;
}

.trash[range-card-view] {
    width: 16px;
    height: 16px;
    color: var(--grey-3);
    cursor: pointer;
}

.body[range-card-view] {
    display: flex;
    flex-flow: column;
    gap: 10px;
    padding: 20px;
}

.row-1[range-card-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 10px;
}

[range-card-view] .btn-before,
[range-card-view] .btn-after {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 1000;
    width: 24px;
    height: 24px;
    min-width: 24px !important;
    background-color: var(--green) !important;
}

    [range-card-view] .btn-before:hover,
    [range-card-view] .btn-after:hover {
        background-color: var(--green) !important;
    }

    [range-card-view] .btn-before svg,
    [range-card-view] .btn-after svg {
        width: 12px;
        height: 12px;
        fill: white !important;
    }

[range-card-view] .btn-before {
    left: 0;
    transform: translate(-50%, -50%);
}

[range-card-view] .btn-after {
    right: 0;
    transform: translate(50%, -50%);
}

.range-card:hover[range-card-view]  .btn-before,
.range-card:hover[range-card-view]  .btn-after {
    display: initial;
}

.invalid-values-message[range-card-view] {
    color: var(--red);
    font-size: 0.75rem;
}

.override-invalid[range-card-view]  .field-group.valid .field {
    border-bottom: 2px solid var(--red);
}
/* /Pages/CourseDetails/Views/RubricBuilderDialog/Scale/View/ScaleRubricBuilderDialog.razor.rz.scp.css */
[scale-rubric-builder-dialog] .modal.modal--lg .modal-body {
    max-width: 1320px !important;
}

[scale-rubric-builder-dialog] .dialog--builder {
    min-height: 0;
}

.header[scale-rubric-builder-dialog] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 18px;
    align-items: center;
    width: 100%;
}

[scale-rubric-builder-dialog] .dialog-header {
    border: none !important;
}

[scale-rubric-builder-dialog] .btn-back svg {
    fill: var(--grey-3);
}

[scale-rubric-builder-dialog] .btn-back:hover {
    border-color: var(--grey-light-4) !important;
    background: white !important;
}

.rubric-icon[scale-rubric-builder-dialog] {
    width: 26px;
    height: 26px;
}

.dialog-title[scale-rubric-builder-dialog] {
    flex: 1 0 0;
    color: var(--grey-dark-2);
    font-family: var(--font-family);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.6px;
}

[scale-rubric-builder-dialog] .btn--primary {
    min-width: 96px;
    height: 40px;
}

.body-container[scale-rubric-builder-dialog] {
    display: flex;
    flex-flow: column;
    padding: 20px;
    gap: 20px;
    overflow: hidden;
}

[scale-rubric-builder-dialog] .dialog-body {
    background-color: white;
}

.assessment[scale-rubric-builder-dialog] {
    width: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    color: var(--grey-dark-3);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.rubric-description[scale-rubric-builder-dialog] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    max-width: 993px;
}

.criteria-title[scale-rubric-builder-dialog] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--grey-light-4);
}

.control-buttons-container[scale-rubric-builder-dialog] {
    display: flex;
    flex-flow: row;
    gap: 16px;
}
    .control-buttons-container[scale-rubric-builder-dialog]  .btn.btn--secondary svg {
        width: 16px;
        height: 16px; 
        margin-right: 3px;
    }

    .control-buttons-container[scale-rubric-builder-dialog]  .btn.btn--secondary path {
        fill: var(--grey-3);
    }
/* /Pages/CourseDetails/Views/RubricBuilderDialog/Scale/Views/Criterion/View/ScaleCriterion.razor.rz.scp.css */
.scale-criterion[scale-criterion-view] {
    display: flex;
    flex-flow: column;
    width: 100%;
    border: solid;
    border-width: 1px;
    border-radius: 4px;
    border-color: var(--grey-light-3);
}

.header[scale-criterion-view] {
    min-height: 48px;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    background-color: white;
    border-radius: 4px;
    padding: 8px 10px;
}

.drag-indicator[scale-criterion-view] {
    width: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey-light-3);
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
    .drag-indicator:active[scale-criterion-view] {
        color: var(--green);
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

.expand-control[scale-criterion-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    flex: 1;
    color: var(--grey-dark-3);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    cursor: pointer;
    user-select: none;
}

    .expand-control[scale-criterion-view]  svg {
        width: 12px !important;
        height: 12px !important;
    }

.points[scale-criterion-view] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
}

.delete[scale-criterion-view] {
    width: 12px;
    height: 12px;
    color: var(--grey-3);
    cursor: pointer;
    display: flex;
}

.body[scale-criterion-view] {
    width: 100%;
    background-color: var(--grey-light-1);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    flex-flow: column;
    overflow: hidden;
}

    .body.show[scale-criterion-view] {
        display: flex;
    }

    .body.hide[scale-criterion-view] {
        display: none;
    }

.criterion[scale-criterion-view] {
    display: flex;
    flex-flow: column;
    gap: 10px;
    padding: 20px;
}

.scale-title[scale-criterion-view] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--grey-light-4);
    margin-top: 10px;
}

.scales-container[scale-criterion-view] {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    gap: 12px;
}

.scales[scale-criterion-view] {
    padding: 0 20px 20px 20px;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    overflow: auto;
}

[scale-criterion-view] .btn {
    min-width: 32px;
}

[scale-criterion-view] .btn-add {
    margin-left: 10px;
}
/* /Pages/CourseDetails/Views/RubricBuilderDialog/Scale/Views/Criterions/View/ScaleCriterions.razor.rz.scp.css */
.criterions[scale-criterions-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    gap: 10px;
    overflow: auto;
}
/* /Pages/CourseDetails/Views/RubricBuilderDialog/Scale/Views/ScaleCard/View/ScaleCard.razor.rz.scp.css */
.scale-card[scale-card-view] {
    width: 320px;
    min-width: 320px;
    display: flex;
    flex-flow: column;
    background: white;
    border-radius: 4px;
    border: 1px solid var(--grey-light-4);
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.06);
    position: relative;
}

.header[scale-card-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 12px;
    gap: 10px;
}

.drag-indicator[scale-card-view] {
    width: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey-light-3);
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

    .drag-indicator:active[scale-card-view] {
        color: var(--green);
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

.title[scale-card-view] {
    height: 26px;
    flex: 1 0 0;
    overflow: hidden;
    color: var(--grey-dark-3);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    margin: 0;
}

.trash[scale-card-view] {
    width: 16px;
    height: 16px;
    color: var(--grey-3);
    cursor: pointer;
}

.body[scale-card-view] {
    display: flex;
    flex-flow: column;
    gap: 10px;
    padding: 20px;
}

[scale-card-view] .btn-before,
[scale-card-view] .btn-after {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 1000;
    width: 24px;
    height: 24px;
    min-width: 24px !important;
    background-color: var(--green) !important;
}

    [scale-card-view] .btn-before:hover,
    [scale-card-view] .btn-after:hover {
        background-color: var(--green) !important;
    }

    [scale-card-view] .btn-before svg,
    [scale-card-view] .btn-after svg {
        width: 12px;
        height: 12px;
        fill: white !important;
    }

[scale-card-view] .btn-before {
    left: 0;
    transform: translate(-50%, -50%);
}

[scale-card-view] .btn-after {
    right: 0;
    transform: translate(50%, -50%);
}

.scale-card:hover[scale-card-view]  .btn-before,
.scale-card:hover[scale-card-view]  .btn-after {
    display: initial;
}

.body.override-invalid[scale-card-view]  .field-group.valid .field {
    border-bottom: 2px solid var(--red);
}

.validation-message[scale-card-view] {
    font-size: .75rem;
    color: var(--red);
}
/* /Pages/CourseDetails/Views/SelectableList/SelectableList.razor.rz.scp.css */
.selectable-list[selectable-list-view] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    height: fit-content;
    background: #FFF;
}

    .selectable-list .selectable-list-header[selectable-list-view] {
        height: 40px;
        padding: 10px 5px 10px 10px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: var(--grey-light-2);
        border: 1px solid var(--grey-light-4);
        border-radius: 4px 4px 0 0;
    }

        .selectable-list .selectable-list-header .list-header-label[selectable-list-view] {
            color: var(--grey-3);
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 14px;
        }

    .selectable-list .selectable-list-body[selectable-list-view] {
        display: flex;
        flex-direction: column;
        border: 1px solid var(--grey-light-3);
        border-top: none;
        border-radius: 0 0 4px 4px;
        background: #ffffff;
        overflow: hidden;
    }

    .selectable-list.is-empty .selectable-list-body[selectable-list-view] {
        display: none;
    }

    .selectable-list.is-empty .selectable-list-header[selectable-list-view] {
        border-radius: 4px;
    }
/* /Pages/CourseDetails/Views/SelectableList/Views/SelectableListItem/SelectableListItem.razor.rz.scp.css */
.selectable-list-item[b-p5i07revuz] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    color: var(--grey-dark-3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

    .selectable-list-item:not(:last-of-type)[b-p5i07revuz] {
        border-bottom: 1px solid var(--alpha-dark-1);
    }

    .selectable-list-item[b-p5i07revuz] .field-check {
        padding-left: calc(1em + 16px);
        margin-bottom: 0;
    }
/* /Pages/CourseDetails/Views/StandardsSection/StandardsSection.razor.rz.scp.css */
.standard-block[b-9mba0391ic] {
    margin-block-start: 1rem;
    padding: 10px;
    background-color: var(--grey-light-1);
    border: 1px solid var(--grey-light-4);
    border-radius: 4px;
}

[b-9mba0391ic] .standard {
    background-color: white;
}

[b-9mba0391ic] .standard-code-pill {
    background-color: var(--grey-light-1);
}

[b-9mba0391ic] .btn--primary {
    padding: 14px 12px;
}

[b-9mba0391ic] .dropdown-header {
    font-size: 0.875rem !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 19px;
    color: rgba(97, 97, 97, 1) !important;
}
/* /Pages/CourseDetails/Views/StudentCard/View/StudentCard.razor.rz.scp.css */
.student--card[student-card-view] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.student--card-header[student-card-view] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.student--card-avatar[student-card-view] {
    text-align: center;
}

.student-name[student-card-view] {
    color: var(--grey-dark-3);
    font-size: 1rem;
    font-weight: 600;
}

.student-role[student-card-view] {
    color: var(--grey-2);
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.section-info[student-card-view] {
    padding: 2px 12px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.05);
    color: var(--grey-3);
    font-size: 0.875rem;
}

.student--card-footer[student-card-view] {
    width: 100%;
    display: flex;
    margin-top: 1rem;
}

.footer-items[student-card-view] {
    padding: 2px 15px 4px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    white-space: nowrap;
}

.middle[student-card-view] {
    border-right: 1px solid var(--grey-light-3);
    border-left: 1px solid var(--grey-light-3);
}

.footer--item-info[student-card-view],
.footer-item[student-card-view] {
    font-size: 0.875rem;
}

.footer--item-info[student-card-view] {
    color: var(--grey-dark-3);
    font-weight: 600;
}

.footer-item[student-card-view] {
    color: var(--grey-2);
    text-transform: uppercase;
}

.student--card-dropdown[student-card-view] {
    display: flex;
    flex-flow: row;
    align-items: center;
}

    .student--card-dropdown[student-card-view]  .menu-header {
        transform: rotate(90deg);
    }

    .student--card-dropdown[student-card-view]  svg {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

.student--card-avatar[student-card-view]  .avatar {
    width: 104px;
    height: 104px;
}

.fake-container[student-card-view] {
    max-width: 293px;
}

[student-card-view] .tooltip {
    color: var(--grey-light-2);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.report-icon[student-card-view] {
    display: flex;
}

[student-card-view] .report-icon svg {
    width: 19px;
    height: 19px;
}

.student-card-selection[student-card-view] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-card-selection input[type="checkbox"][student-card-view] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.student-card-cleo-button[student-card-view] {
    background: transparent;
    padding: 0;
    margin-left: 10px;
    cursor: pointer;
    transform: translateY(-3px);
    border-radius: 50%;
    border: 2px solid var(--green);
}

.student-card-cleo-button .cleo[student-card-view] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-card-cleo-button .cleo img[student-card-view] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.student--card-contact-btn[student-card-view] {
    display: flex;
}
/* /Pages/CourseDetails/Views/StudentRosterGrid/View/StudentRosterGrid.razor.rz.scp.css */
.grid-container[teacher-student-roster-grid-view] {
    width: 100%;
    height: calc(100% - 60px);
    padding: 10px 10px 0 10px;
    border-radius: 12px 12px 0 0;
    background-color: var(--alpha-dark-1);
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--alpha-dark-2);
}

    .grid-container[teacher-student-roster-grid-view]::-webkit-scrollbar {
        width: 5px;
        height: 84px;
    }

    .grid-container[teacher-student-roster-grid-view]::-webkit-scrollbar-thumb {
        border-radius: 4px;
    }

    .grid-container[teacher-student-roster-grid-view]::-webkit-scrollbar-track {
        margin-top: 10px;
    }

.student-roster-grid[teacher-student-roster-grid-view] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(304px, 1fr));
    gap: 10px;
    margin-bottom: 10px !important;
}

.no-records-container[teacher-student-roster-grid-view] {
    width: 100%;
    padding: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/CourseDetails/Views/StudentRosterTable/View/StudentRosterTable.razor.rz.scp.css */
.students-table[teacher-student-roster-table-view] {
    width: 100%;
    height: calc(100% - 60px);
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.table[teacher-student-roster-table-view] {
    width: 100%;
    font-size: 0.875rem;
    border: 1px solid var(--grey-light-3);
    overflow: hidden;
}

.table th[teacher-student-roster-table-view], .table td[teacher-student-roster-table-view] {
    position: relative;
    vertical-align: inherit;
}

.table td[teacher-student-roster-table-view] {
    border-bottom: 1px solid var(--grey-light-3);
    text-align: left;
    height: 44px;
    padding: 5px 0 5px 12px;
    background: #FFFFFF;
}

.table tr:hover td[teacher-student-roster-table-view] {
    background: #F2F2F2 !important;
    cursor: pointer;
}

.table th[teacher-student-roster-table-view] {
    color: var(--grey-3);
    background: var(--grey-light-1);
    height: 44px;
    padding: 5px 12px;
    text-align: left;
}

.table .th--sticky[teacher-student-roster-table-view] {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    background: var(--grey-light-1);
}

.table [rowspan][teacher-student-roster-table-view] {
    vertical-align: top;
}

.table .td--sticky[teacher-student-roster-table-view] {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
}

.table .th--sticky.th--sticky-top-right[teacher-student-roster-table-view] {
    right: -5px;
    top: -2px !important;
}

.table .th--sticky.th--sticky-right[teacher-student-roster-table-view],
.table .td--sticky.td--sticky-right[teacher-student-roster-table-view] {
    right: -5px;
}

.table .th--sticky-top[teacher-student-roster-table-view] {
    top: -2px !important;
}

.table .th--sticky[teacher-student-roster-table-view]::before, .table .th--sticky[teacher-student-roster-table-view]::after,
.table .th--sticky[teacher-student-roster-table-view][teacher-student-roster-table-view]::after {
    content: none;
    position: absolute;
    display: block;
}

.td--sticky-right[teacher-student-roster-table-view] {
    background-color: transparent !important;
    justify-content: space-evenly;
    display: flex;
    align-items: center;
}

.td--sticky-right svg[teacher-student-roster-table-view] {
    z-index: unset;
}

tr[teacher-student-roster-table-view] {
    background-color: white;
}

.td--child-chip[teacher-student-roster-table-view] {
    padding: 6px 12px;
    background: #F2F2F2;
    border-radius: 14px;
    white-space: nowrap;
}

.td--child-avatar[teacher-student-roster-table-view] {
    height: 30px;
    width: 30px;
    transform: translateY(2px);
    border-radius: 15px;
    border: 1px solid var(--grey-light-4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.td--child-avatar-default[teacher-student-roster-table-view] {
    padding: 5px;
}

.td--child-avatar svg[teacher-student-roster-table-view] {
    height: 20px;
    width: 20px;
}

.td--child-student-info span[teacher-student-roster-table-view] {
    display: inline-block;
}

.td--child-student-name[teacher-student-roster-table-view] {
    margin-left: 15px;
}

.table .tr--link[teacher-student-roster-table-view], .table .td--link[teacher-student-roster-table-view] {
    transition: unset;
}

[teacher-student-roster-table-view] .scroll {
    padding: 0 !important;
}

.control-cell[teacher-student-roster-table-view] {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 6px;
}

.report-wrapper[teacher-student-roster-table-view] {
    display: flex;
    align-items: center;
}

.report-icon[teacher-student-roster-table-view] {
    display: flex;
    margin-right: 10px;
    align-self: baseline;
}

[teacher-student-roster-table-view] .report-icon svg {
    width: 19px;
    height: 19px;
}

.student-avatar-name[teacher-student-roster-table-view] {
    display: flex !important;
    flex-flow: row;
    flex-wrap: nowrap;
    height: 100%;
    gap: 8px;
    align-items: center;
}

[teacher-student-roster-table-view] .tooltip {
    color: var(--grey-light-2);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.icon-container[teacher-student-roster-table-view] {
    display: flex;
    align-items: center;
}

.styled-name[teacher-student-roster-table-view] {
    font-style: italic;
    color: #BCBCBC;
}

.lp-wrapper[teacher-student-roster-table-view] {
    display: block;
    width: 100%;
}

.lp-actions[teacher-student-roster-table-view],
.lp-add-btn[teacher-student-roster-table-view] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.lp-add-btn[teacher-student-roster-table-view]  .btn {
    border: none !important;
}

.lp-add-btn[teacher-student-roster-table-view]  .btn,
.lp-add-btn[teacher-student-roster-table-view]  .btn:focus,
.lp-add-btn[teacher-student-roster-table-view]  .btn:active {
    border: none !important;
    box-shadow: none !important;
    background: inherit !important;
}

.lp-add-btn[teacher-student-roster-table-view]  .btn:hover {
    color: var(--green) !important;
}

.lp-wrapper .lp-actions .action-item[teacher-student-roster-table-view]  svg{
    width: 14px;
    color: #888888 !important;
    fill: #888888 !important;
}

.lp-margin-right[teacher-student-roster-table-view] {
    margin-right: 10px;
}

.action-item[teacher-student-roster-table-view] {
    display: flex;
}

.lp-file[teacher-student-roster-table-view] {
    margin-right: 8px;
    padding: 5px;
    border-radius: 5px;
    background: #F2F2F2;
    height: 30px;
    cursor: pointer;
}

.lp-file[teacher-student-roster-table-view]  svg {
    transform: translateY(2px);
}

[teacher-student-roster-table-view] .loader-container {
    min-width: 24px !important;
    min-height: 24px !important;
    display: inline !important;
}

[teacher-student-roster-table-view] .loader-spinner {
    width: 24px !important;
    height: 24px !important;
}

[teacher-student-roster-table-view] .card.layout--light {
    background: transparent !important;
    border: none !important;
    margin-right: 5px;
}

.cleo-button[teacher-student-roster-table-view] {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    background-color: var(--grey-3);
    border: none;
    border-radius: 26px;
    outline: none;
    transform: translateY(2px);
}

.cleo[teacher-student-roster-table-view] {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px !important;
    transform: translateY(2px);
}

.cleo[teacher-student-roster-table-view]  svg {
    width: 24px;
    height: 24px;
    color: white;
}

.cleo img[teacher-student-roster-table-view] {
    width: 40px;
    height: 40px;
}

.cleo-button:hover[teacher-student-roster-table-view],
.cleo-button.active[teacher-student-roster-table-view] {
    background-color: var(--grey-light-2);
}

.cleo-button:hover .cleo[teacher-student-roster-table-view],
.cleo-button.active .cleo[teacher-student-roster-table-view] {
    background-color: var(--green);
    padding: 6px;
}

.cleo-button:hover .cleo[teacher-student-roster-table-view]  svg,
.cleo-button.active .cleo[teacher-student-roster-table-view]  svg {
    width: 18px;
    height: 18px;
    color: white;
}

[teacher-student-roster-table-view] .inactive {
    color: var(--grey-1);
    background: transparent;
}

.td--checkbox[teacher-student-roster-table-view] {
    width: 30px !important;
}

.rcc-review-tag[teacher-student-roster-table-view] {
    border: 1px solid #B7EAD5;
    background: #F4FCF8 !important;
    padding: 6px 10px;
    color: var(--green);
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
}

    .rcc-review-tag:hover[teacher-student-roster-table-view],
    .rcc-review-tag:focus[teacher-student-roster-table-view],
    .rcc-review-tag:active[teacher-student-roster-table-view],
    .rcc-review-tag:focus-visible[teacher-student-roster-table-view] {
        border: 1px solid #B7EAD5 !important;
        background: #F4FCF8 !important;
        color: var(--green) !important;
        box-shadow: none !important;
        outline: none !important;
        text-decoration: none !important;
    }
    
.rcc-review-tag-button[teacher-student-roster-table-view] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

    .rcc-review-tag:hover .rcc-review-tag-button[teacher-student-roster-table-view],
    .rcc-review-tag:focus .rcc-review-tag-button[teacher-student-roster-table-view],
    .rcc-review-tag:active .rcc-review-tag-button[teacher-student-roster-table-view] {
        color: var(--green) !important;
    }

.rcc-review-tag-button[teacher-student-roster-table-view]  svg {
    color: var(--green) !important;
    width: 12px !important;
    height: 12px !important;
}

.cleo-action-cell[teacher-student-roster-table-view] {
    text-align: center;
}

.cleo-button[teacher-student-roster-table-view] {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.cleo-button:hover[teacher-student-roster-table-view] {
    opacity: 0.85;
}

.cleo img[teacher-student-roster-table-view] {
    width: 24px;
    height: 24px;
    display: block;
}

.cleo-action-cell[teacher-student-roster-table-view]  .header.tooltip-dark {
    width: min-content;
}
/* /Pages/CourseDetails/Views/Syllabus/Syllabus.razor.rz.scp.css */
.description-container[b-exnmzvfz8k] {
    min-height: 12.5rem;
    max-height: 25rem;    
    padding: 0 !important;
    margin-bottom: 24px;
}
/* /Pages/CourseDetails/Views/SyllabusFooter/SyllabusFooter.razor.rz.scp.css */
[b-xbfwcs4v12] .btn-override {
    height: 32px !important;
}

.syllabus-footer-container[b-xbfwcs4v12] {
    width: 100%;
    padding: 10px;
    min-height: 51px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    border-top: 1px solid var(--grey-light-3);
    z-index: 1;
}
/* /Pages/CourseDetails/Views/UnitPlanning/AssignedToClassEventsPill/AssignedToClassEventsPill.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/UnitPlanning/AssignedToClassEventsSection/AssignedToClassEventsSection.razor.rz.scp.css */
.accessibility-section-loading[assigned-to-class-events-section-view] {
    display: flex;
    flex-direction: column;
}

    /* Loading spinner adjustments */
    .accessibility-section-loading[assigned-to-class-events-section-view]  .loader {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative !important;
        width: inherit;
        height: inherit;
    }
    .accessibility-section-loading[assigned-to-class-events-section-view]  .loader-container .loader > * {
        position: relative !important;
        top: inherit;
        left: inherit;
        transform: inherit;
        max-width: initial;
    }
    .accessibility-section-loading[assigned-to-class-events-section-view]  .loader-spinner.loader-spinner--mini {
        max-width: inherit;
    }


/* 
    NOTE: This is a workaround to prevent DropDownMenuButton drop down menu values being cutoff 
         due to drop-down-menu.js setting the max-width dynamically to an incorrect value
         because it takes the witdth of the HtmlRoot which is the button container <div>.
*/
[assigned-to-class-events-section-view] .dropdown-menu {
    margin-left: 100px;
    padding-right: 100px;
}

/* 
    NOTE: This is a workaround to prevent unwanted transitions on dropdowns.
*/
[assigned-to-class-events-section-view] .menu-list {
    transition: opacity var(--transition-duration) ease 0s !important;
}

[assigned-to-class-events-section-view] .dropdown .dropdown-body {
    transition: opacity var(--transition-duration) ease 0s !important;
}

[assigned-to-class-events-section-view] .field-menu .option,
[assigned-to-class-events-section-view] .menu .option {
    transition: opacity var(--transition-duration) ease 0s !important;
}
/* /Pages/CourseDetails/Views/UnitPlanning/AssignedToClassEventsSection/AssignedToClassEventsSectionPerSection.razor.rz.scp.css */
.accessibility-per-section-container[assigned-to-class-events-section-per-section-view] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
    .accessibility-per-section-container .groups-container[assigned-to-class-events-section-per-section-view] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
/* /Pages/CourseDetails/Views/UnitPlanning/AssignedToClassEventsSection/CourseSection.razor.rz.scp.css */
.course-section-container[assigned-to-class-events-course-section-view] {
    display: flex;
    flex-direction: column;
    padding: 0.25rem 0.75rem;
    gap: 0.5rem;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 0.25rem;
	background-color: rgba(241, 241, 241, 1);
}
    .course-section-container .course-section-header[assigned-to-class-events-course-section-view] {
        display: flex;
        flex-direction: row;
        align-items: center;
        overflow: hidden;
        gap: 0.5rem;
    }
        .course-section-container .course-section-header .section-name[assigned-to-class-events-course-section-view] {
            width: 100%;
            color: rgba(65, 65, 65, 1);
            text-align: left;
            font-weight: 600;
            font-size: 0.875rem;
            line-height: 19px;
        }
        .course-section-container .course-section-header .section-action[assigned-to-class-events-course-section-view] {
            display: flex;
            padding: 0.25rem;
        }
            .course-section-container .course-section-header .section-action[assigned-to-class-events-course-section-view]  button {
                transform: translateY(-50%) rotate(0deg);
            }

    .course-section-container .course-section-body[assigned-to-class-events-course-section-view] {
        display: flex;
        flex-direction: column;
    }
        .course-section-container .course-section-body .empty-value[assigned-to-class-events-course-section-view] {
            margin: 0.625rem;
            text-align: center;
            text-transform: uppercase;
            font-size: 0.75rem;
            letter-spacing: 1.2px;
            color: var(--grey-2);
        }

        /* Loading spinner adjustments */
        .course-section-container .course-section-body[assigned-to-class-events-course-section-view]  .loader {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative !important;
            width: inherit;
            height: inherit;
        }
        .course-section-container .course-section-body[assigned-to-class-events-course-section-view]  .loader-container .loader > * {
            position: relative !important;
            top: inherit;
            left: inherit;
            transform: inherit;
            max-width: initial;
        }
        .course-section-container .course-section-body[assigned-to-class-events-course-section-view]  .loader-spinner.loader-spinner--mini {
            max-width: inherit;
        }
/* /Pages/CourseDetails/Views/UnitPlanning/AssignedToClassEventsSection/CourseSectionGroup.razor.rz.scp.css */
.course-section-group-container[assigned-to-class-events-course-section-group-view] {
	display: flex;
	flex-direction: column;
}
	.course-section-group-container .course-section-group-body[assigned-to-class-events-course-section-group-view] {
		display: flex;
		flex-direction: column;
	}
		.course-section-group-container .course-section-group-body .body-sections[assigned-to-class-events-course-section-group-view] {
			display: flex;
			flex-direction: column;
			gap: 1rem;
		}
			.course-section-group-container .course-section-group-body .body-sections .empty-value[assigned-to-class-events-course-section-group-view] {
				margin: 0.75rem;
				text-align: center;
				text-transform: uppercase;
				font-size: 0.75rem;
				letter-spacing: 1.2px;
				color: var(--grey-2);
			}
			.course-section-group-container .course-section-group-body .body-sections .action-container[assigned-to-class-events-course-section-group-view] {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
				.course-section-group-container .course-section-group-body .body-sections .action-container .dropdown-button-content[assigned-to-class-events-course-section-group-view] {
					display: flex;
					align-items: center;
					gap: 0.5rem;
					height: 1rem;
				}
				/* Workaround to fix button icon to display correctly. */
				.course-section-group-container .course-section-group-body .body-sections .action-container[assigned-to-class-events-course-section-group-view]  button .icon {
					flex: none;
					left: 0;
				}

[assigned-to-class-events-course-section-group-view] .field-group .response {
	transition: opacity var(--transition-duration) ease 0s;
}
/* /Pages/CourseDetails/Views/UnitPlanning/CognitiveStrategiesAndToolsSection/CognitiveStrategiesAndToolsSection.razor.rz.scp.css */
.cognitive-strategies-container[cognitive-strategies-section-view]  .options-section-accordion {
	margin-top: 1rem;
}
	.cognitive-strategies-container[cognitive-strategies-section-view]  .options-section-accordion .dropdown-header {
		font-size: 0.875rem;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		line-height: 19px;
		color: rgba(97, 97, 97, 1);
	}

.option-items-container[cognitive-strategies-section-view] {
    display: flex;
	flex-direction: column;
	align-items: flex-start;
    gap: 0.375rem;
}
    .option-items-container .option-item[cognitive-strategies-section-view] {
        display: flex;
	    align-items: center;
        gap: 0.5rem;
    }
        .option-items-container .option-item .option-item-description[cognitive-strategies-section-view] {
            font-size: 0.875rem;
	        font-style: normal;
	        font-weight: 400;
	        line-height: normal;
        }
        .option-items-container .option-item .option-item-tooltip[cognitive-strategies-section-view] {
			margin-right: 0.25rem;
        }
            .option-items-container .option-item .option-item-tooltip .option-item-tooltip-header[cognitive-strategies-section-view] {
				display: flex;
				flex-flow: row;
				align-items: center;
            }
				.option-items-container .option-item .option-item-tooltip .option-item-tooltip-header[cognitive-strategies-section-view]  svg {
					width: 0.875rem;
					height: 0.875rem;
				}
					.option-items-container .option-item .option-item-tooltip .option-item-tooltip-header[cognitive-strategies-section-view]  svg path {
						fill: rgba(164, 164, 164, 1);
					}
            .option-items-container .option-item .option-item-tooltip .option-item-tooltip-body[cognitive-strategies-section-view] {
                width: fit-content;
				max-width: 20rem;
				height: fit-content;
				max-height: 10rem;
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				gap: 0.5rem;
				padding: 0.625rem;
				border: none;
				border-radius: 0.25rem;
				text-align: left;
				white-space: normal;
				background-color: var(--grey-dark-3);
				box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
            }
                .option-items-container .option-item .option-item-tooltip .option-item-tooltip-body .option-item-tooltip-body-title[cognitive-strategies-section-view] {
                    font-weight: 600;
			        font-size: 0.875rem;
			        line-height: 19px;
			        color: white;
                }
                .option-items-container .option-item .option-item-tooltip .option-item-tooltip-body .option-item-tooltip-body-description[cognitive-strategies-section-view] {
                    font-weight: 400;
			        font-size: 0.75rem;
			        line-height: 1rem;
			        color: rgba(188, 188, 188, 1);
                }
/* /Pages/CourseDetails/Views/UnitPlanning/GeneratedLessonPlan/GeneratedLessonPlan.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/UnitPlanning/GeneratedUnitPlan/GeneratedUnitPlan.razor.rz.scp.css */
.result-waiting-card[generated-unit-plan-view] {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: var(--grey-light-1);
}

.result-waiting-card-container[generated-unit-plan-view] {
    display: flex;
    padding: 12px 12px 16px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.result-waiting-card-header[generated-unit-plan-view] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: left;
    gap: 4px;
}

.result-waiting-card-header-title[generated-unit-plan-view] {
    color: var(--grey-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.result-waiting-card-footer[generated-unit-plan-view] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.result-waiting-card-footer-description[generated-unit-plan-view] {
    color: var(--grey-3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.result-review-card[generated-unit-plan-view] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--green);
    background: linear-gradient(0deg, var(--alpha-green-1) 0%, var(--alpha-green-1) 100%), #FFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
}

/* hover behavior */
.result-review-card:hover .result-review-card-header .header-expander[generated-unit-plan-view]  button:not(:hover) .icon {
    color: var(--green);
}

.result-review-card:not(:hover) .result-review-card-header .header-expander[generated-unit-plan-view]  button:not(:hover) .icon {
    color: var(--grey-1);
}

.result-review-card:not(:hover) .result-review-card-header .header-expander[generated-unit-plan-view]  button {
    background: transparent;
}

.result-review-card:has(.result-description .description-text .description-action:hover) .result-review-card-header .header-expander[generated-unit-plan-view]  button:not(:hover) .icon {
    color: var(--grey-1);
}

.result-review-card:has(.result-review-card-header .header-action button:hover) .result-review-card-header .header-expander[generated-unit-plan-view]  button:not(:hover) .icon {
    color: var(--grey-1);
}

/* header */
.result-review-card-header[generated-unit-plan-view] {
    display: flex;
    height: 48px;
    gap: 4px;
    padding: 12px;
    flex-direction: row;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    cursor: pointer;
    user-select: none;
}

    .result-review-card-header:hover[generated-unit-plan-view] {
        cursor: pointer;
    }

    .result-review-card-header .header-expander[generated-unit-plan-view] {
        display: flex;
    }

.result-review-card.expanded .result-review-card-header .header-expander button .header-expander-icon[generated-unit-plan-view] {
    transition: transform var(--transition-duration) ease 0s;
    transform: rotate(0deg);
}

.result-review-card.collapsed .result-review-card-header .header-expander button .header-expander-icon[generated-unit-plan-view] {
    transition: transform var(--transition-duration) ease 0s;
    transform: rotate(-90deg);
}

.result-review-card .result-review-card-header .header-title[generated-unit-plan-view] {
    width: 100%;
    color: var(--grey-dark-4);
    text-align: left;
    font-weight: 600;
    letter-spacing: 0px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* description */
.result-description[generated-unit-plan-view] {
    display: flex;
    flex-direction: row;
    margin: 6px 12px 6px 12px;
    width: 100%;
}

    .result-description .description-text[generated-unit-plan-view] {
        width: 100%;
        display: flex;
        flex-flow: column;
        overflow: hidden;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: rgba(97, 97, 97, 1);
        user-select: none;
    }

        .result-description .description-text.short[generated-unit-plan-view] {
            max-height: 200px;
        }

        .result-description .description-text.long[generated-unit-plan-view] {
            max-height: none;
        }

        .result-description .description-text .description-action[generated-unit-plan-view] {
            align-self: center;
            display: inline;
            color: var(--green);
            cursor: pointer;
            text-decoration: none;
        }

            .result-description .description-text .description-action:hover[generated-unit-plan-view] {
                text-decoration: underline;
            }

.result-review-card-body[generated-unit-plan-view] {
    display: flex;
    padding: 12px 12px 16px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
}

    .result-review-card-body:empty[generated-unit-plan-view] {
        padding: unset;
    }

.result-review-card-footer[generated-unit-plan-view] {
    display: flex;
    height: 90px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
}

.result-review-card-footer-header[generated-unit-plan-view] {
    display: flex;
    padding: 4px 12px 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    align-self: stretch;
}

.result-review-card-footer-header-icon[generated-unit-plan-view] {
    width: 24px;
    height: 24px;
}

    .result-review-card-footer-header-icon[generated-unit-plan-view]  path{
       fill: var(--green) !important;
    }

.result-review-card-footer-header-text[generated-unit-plan-view] {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.result-review-card-footer-buttons[generated-unit-plan-view] {
    display: flex;
    width: 100%;
    padding: 0px 12px 12px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}

/* CSS Below is for progress indicator */

.in-progress-indicator[generated-unit-plan-view] {
    --gradient: no-repeat radial-gradient(circle closest-side, rgba(196, 196, 196, 1) 90%, #0000);
    display: block;
    width: 1.5rem;
    height: 1rem;
    aspect-ratio: 2;
    background: var(--gradient) 0% 50%, var(--gradient) 50% 50%, var(--gradient) 100% 50%;
    background-size: calc(100% / 3 - 2px) 50%;
    animation: loader-animation-generated-unit-plan-view 1s infinite linear;
}

@keyframes loader-animation-generated-unit-plan-view {
    20% { 
        background-position: 0% 0%, 50% 50%, 100% 50%
    }
    40% {
        background-position: 0% 100%, 50% 0%, 100% 50%
    }
    60% {
        background-position:0% 50%, 50% 100%, 100% 0%
    }
    80% {
        background-position:0% 50%, 50% 50%, 100% 100%
    }
}
/* /Pages/CourseDetails/Views/UnitPlanning/GeneratedUnitPlan/GeneratedUnitPlanItem.razor.rz.scp.css */
.result-item[generated-unit-plan-item-view] {
    display: flex;
    width: 100%;
    padding: 8px 12px 12px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid var(--grey-light-4);
    background: rgba(255, 255, 255, 0.20);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    overflow: hidden;
}

    .result-item.selected[generated-unit-plan-item-view] {
        border: 1px solid var(--green);
    }

        .result-item.selected .result-item-header-title[generated-unit-plan-item-view],
        .result-item.selected .result-item-description[generated-unit-plan-item-view] {
            color: var(--grey-dark-2);
        }

.result-item-container[generated-unit-plan-item-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.result-item-header[generated-unit-plan-item-view] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.result-item-header-title[generated-unit-plan-item-view] {
    color: var(--grey-3);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    user-select: none;
}

.checkbox-title[generated-unit-plan-item-view] {
    color: var(--grey-dark-2);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.result-item-body[generated-unit-plan-item-view] {
    display: flex;
    width: 100%;
}

/* description */
.result-description[generated-unit-plan-item-view] {
    display: flex;
    flex-direction: row;
    margin: 6px 12px 6px 12px;
    width: 100%;
    color: var(--grey-3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    user-select: none;
    overflow: hidden
}

    .result-description .description-text[generated-unit-plan-item-view] {
        width: 100%;
        display: flex;
        flex-flow: column;
        overflow: hidden;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: rgba(97, 97, 97, 1);
        user-select: none;
    }

        .result-description .description-text.short[generated-unit-plan-item-view] {
            max-height: 200px;
        }

        .result-description .description-text.long[generated-unit-plan-item-view] {
            max-height: none;
        }

        .result-description .description-text .description-action[generated-unit-plan-item-view] {
            align-self: center;
            display: inline;
            color: var(--green);
            cursor: pointer;
            text-decoration: none;
        }

            .result-description .description-text .description-action:hover[generated-unit-plan-item-view] {
                text-decoration: underline;
            }
/* /Pages/CourseDetails/Views/UnitPlanning/InstructionalApproachSelection/InstructionalApproachSelection.razor.rz.scp.css */
.instructional-approach-container[b-qhbznhoa6m]  .options-section-accordion {
    margin-top: 1rem;
}

    .instructional-approach-container[b-qhbznhoa6m]  .options-section-accordion .dropdown-header {
        font-size: 0.875rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        line-height: 19px;
        color: rgba(97, 97, 97, 1);
    }

[b-qhbznhoa6m] .field-check {
    color: var(--grey-dark-4);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-block-start: 5px;
}

[b-qhbznhoa6m] svg {
    height: 0.875rem;
    width: 0.875rem;
    margin-block-start: 7px;
    margin-inline-start: 7px;
}

[b-qhbznhoa6m] .option-item-tooltip {
    margin-right: 0.25rem;
}

    [b-qhbznhoa6m] .option-item-tooltip-header {
        display: flex;
        flex-flow: row;
        align-items: center;
    }

        [b-qhbznhoa6m] .option-item-tooltip-header ::deep svg {
            width: 0.875rem;
            height: 0.875rem;
        }

            [b-qhbznhoa6m] .option-item-tooltip-header ::deep svg path {
                fill: rgba(164, 164, 164, 1);
            }

    [b-qhbznhoa6m] .option-item-tooltip-body {
        width: fit-content;
        max-width: 20rem;
        height: fit-content;
        max-height: 10rem;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0.5rem;
        padding: 0.625rem;
        border: none;
        border-radius: 0.25rem;
        text-align: left;
        white-space: normal;
        background-color: var(--grey-dark-3);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    }

        [b-qhbznhoa6m]  .option-item-tooltip-body-title {
            font-weight: 600;
            font-size: 0.875rem;
            line-height: 19px;
            color: white;
        }

        [b-qhbznhoa6m] .option-item-tooltip-body-description {
            font-weight: 400;
            font-size: 0.75rem;
            line-height: 1rem;
            color: rgba(188, 188, 188, 1);
        }
/* /Pages/CourseDetails/Views/UnitPlanning/LessonPlan/LessonPlan.razor.rz.scp.css */
/* /Pages/CourseDetails/Views/UnitPlanning/PlanByCleoDialog/PlanByCleoDialog.razor.rz.scp.css */
.lesson-plan-by-cleo-dialog-body[lesson-plan-by-cleo-dialog-view] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 5px 10px;
    overflow: hidden;
}

    .lesson-plan-by-cleo-dialog-body[lesson-plan-by-cleo-dialog-view]  .media-section {
        margin-top: 1rem;
    }

[lesson-plan-by-cleo-dialog-view] .add-unit-plan-button {
    width: 100% !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    border: 1px solid var(--color-primitives-naturals-300, #DDD) !important;
    color: var(--grey-3) !important;
    min-height: 41.59px;
    height: 41.59px;
    max-height: 41.59px;
}

.statements[lesson-plan-by-cleo-dialog-view]  .standards-and-skills-selection-view {
    padding: 7px 0 7px 8px !important;
}
/* /Pages/CourseDetails/Views/UnitPlanning/PlanDialog/PlanDialog.razor.rz.scp.css */
.description-container[lesson-plan-dialog-view] {
    height: 24rem;
    min-height: 16rem;
    max-height: 32rem;
}

[lesson-plan-dialog-view] .print-icon svg {
    width: 20px;
    height: 20px;
    color: var(--grey-dark-2);
}

[lesson-plan-dialog-view] .print-icon.disabled svg {
    color: var(--grey-1);
}

[lesson-plan-dialog-view] .header {
    display: flex;
    width: fit-content;
    margin-left: auto;
}

[lesson-plan-dialog-view] .tooltip {
    max-width: 184px;
    width: fit-content;
    color: var(--grey-light-2);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

[lesson-plan-dialog-view] .modal {
    padding: 0 !important;
}

    [lesson-plan-dialog-view] .modal-body {
        height: 90% !important;
    }
    
[lesson-plan-dialog-view] .scroll {
    display: flex;
    flex-flow: column;
}

        [lesson-plan-dialog-view] .scroll .form:first-child .container {
            display: flex;
            flex-flow: column;
            height: 100%;
        }

            [lesson-plan-dialog-view] .scroll .form:first-child .container .row {
                flex: 0;
            }

            [lesson-plan-dialog-view] .scroll .form:first-child .container .row:last-child {
                flex: 1;
            }

            [lesson-plan-dialog-view] .scroll .form:first-child .container .row:last-child .description-container {
                height: 100%;
                min-height: 32rem;
                max-height: 32rem;
            }
    
/* /Pages/CourseDetails/Views/UnitPlanning/ReviewUnitPlanItemDialog/ReviewUnitPlanItemDialog.razor.rz.scp.css */
.review-unit-plan-item-dialog[review-unit-plan-item-dialog-view] .modal-body {
    overflow: visible !important;
}

.review-unit-plan-item-dialog[review-unit-plan-item-dialog-view]  .dialog {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
}

.body-content-description[review-unit-plan-item-dialog-view]  .quill-editor {
    border: none !important;
}
.body-content-description[review-unit-plan-item-dialog-view]  .ql-editor {
    padding: 0 !important;
}

.body-container[review-unit-plan-item-dialog-view] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
}

.review-unit-plan-item-dialog.rte-content-hidden .body-content-description[review-unit-plan-item-dialog-view] {
    display: none;
}
/* /Pages/CourseDetails/Views/UnitPlanning/UnitPlan/UnitPlan.razor.rz.scp.css */
.body-container[unit-plan-view] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.body-container-loading[unit-plan-view] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
    /* Loading spinner adjustments */
    .body-container-loading[unit-plan-view]  .loader {
        display: flex;
        align-items: center;
        justify-content: center;

        position: relative !important;
        width: inherit;
        height: inherit;
    }
    .body-container-loading[unit-plan-view]  .loader-container .loader > * {
        position: relative !important;
        top: inherit;
        left: inherit;
        transform: inherit;
        max-width: initial;
    }
    .body-container-loading[unit-plan-view]  .loader-spinner.loader-spinner--mini {
        max-width: inherit;
    }

.action-container[unit-plan-view] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
    .action-container .dropdown-button-content[unit-plan-view] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        height: 1rem;
    }
    /* Workaround to fix button icon to display correctly. */
    .action-container[unit-plan-view]  button .icon {
        flex: none;
        left: 0;
    }
/* /Pages/CourseDetails/Views/UnitPlanning/UnitPlan/UnitPlanItems.razor.rz.scp.css */
.empty-value[unit-plan-items-view] {
    margin: 2rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 1.2px;
    color: var(--grey-2);
}
/* /Pages/CourseDetails/Views/UnitPlanning/UnitPlanByCleoDialog/UnitPlanByCleoDialog.razor.rz.scp.css */
.unit-plan-by-cleo-dialog-body[unit-plan-by-cleo-dialog-view] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 5px 10px;
    overflow: hidden;
}

    .unit-plan-by-cleo-dialog-body[unit-plan-by-cleo-dialog-view]  .media-section {
        margin-top: 1rem;
    }

[unit-plan-by-cleo-dialog-view] .add-unit-plan-button {
    width: 100% !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    border: 1px solid var(--color-primitives-naturals-300, #DDD) !important;
    color: var(--grey-3) !important;
    min-height: 41.59px;
    height: 41.59px;
    max-height: 41.59px;
}

[unit-plan-by-cleo-dialog-view] .lesson-plans-input label {
    color: transparent;
    visibility: hidden;
}

.number-of-lesson-plans-validation-message[unit-plan-by-cleo-dialog-view] {
    color: var(--red);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 13.2px;
    opacity: 1;
}

.statements[unit-plan-by-cleo-dialog-view]  .standards-and-skills-selection-view {
    padding: 7px 0 7px 8px !important;
}
/* /Pages/CourseDetails/Views/UnitPlanning/UnitPlanDialog/UnitPlanDialog.razor.rz.scp.css */
.form-container[unit-plan-dialog-view] {
    display: flex;
    flex-direction: column;
    max-width: 1556px;
    padding: 0.625rem;
    height: 100%;
    gap: 10px;
}

.row.no-resize[unit-plan-dialog-view] {
    flex: 0 !important;
}

[unit-plan-dialog-view] .dialog-body {
    height: 55vh !important;
}
/* /Pages/CourseDetails/Views/UnitPlanning/UnitPlanItem/UnitPlanItem.razor.rz.scp.css */
.unit-plan-item-container[b-jeog3c3rf7] {
    position: relative;
}
    .unit-plan-item[b-jeog3c3rf7] {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0.75rem;
        gap: 0.5rem;
        background-color: white;
        opacity: 1;
        border-radius: 0.5rem;
        border-width: 1px;
        border-style: solid;
        border-color: var(--grey-light-4);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    }
        /* hover behavior */
        .unit-plan-item:hover[b-jeog3c3rf7] {
            border-color: var(--grey-1);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
            cursor: pointer;
        }
        .unit-plan-item:has(.unit-plan-item-description .description-text .description-action:hover)[b-jeog3c3rf7] {
            border-color: var(--grey-light-4);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        }
        .unit-plan-item:has(.unit-plan-item-header .header-action button:hover)[b-jeog3c3rf7] {
            border-color: var(--grey-light-4);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        }

        /* header */
        .unit-plan-item .unit-plan-item-header[b-jeog3c3rf7] {
            display: flex;
            flex-direction: row;
            align-items: center;
            overflow: hidden;
            gap: 0.25rem;
            cursor: default;
        }
            .unit-plan-item .unit-plan-item-header:hover[b-jeog3c3rf7] {
                cursor: pointer;
            }
            .unit-plan-item .unit-plan-item-header .header-title[b-jeog3c3rf7] {
                width: 100%;
                color: var(--grey-dark-4);
                text-align: left;
                font-weight: 600;
                letter-spacing: 0px;
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
            }
                .unit-plan-item .unit-plan-item-header .header-title .header-title-text[b-jeog3c3rf7] {
                    /* NOTE: Intentionally left empty. */
                }
            .unit-plan-item .unit-plan-item-header .header-action[b-jeog3c3rf7] {
                display: flex;
                padding: 0.125rem;
            }
                .unit-plan-item .unit-plan-item-header .header-action[b-jeog3c3rf7]  button {
                    transform: translateY(-50%) rotate(0deg);
                }
                .unit-plan-item .unit-plan-item-header .header-action[b-jeog3c3rf7]  button:not(:hover) .icon {
                    color: var(--grey-1);
                }

        /* description */
        .unit-plan-item .unit-plan-item-description[b-jeog3c3rf7] {
            display: flex;
            flex-direction: row;
        }
            .unit-plan-item .unit-plan-item-description .description-text[b-jeog3c3rf7] {
                width: 100%;
                display: flex;
                flex-flow: column;
                overflow: hidden;
                font-weight: 400;
                font-size: 14px;
                line-height: 19px;
                color: rgba(97, 97, 97, 1);
                user-select: none;
            }
                
                .unit-plan-item .unit-plan-item-description .description-text.long[b-jeog3c3rf7] {
                    max-height: none;
                }
                .unit-plan-item .unit-plan-item-description .description-text .description-action[b-jeog3c3rf7] {
                    align-self: center;
                    display: inline;
                    color: var(--green);
                    cursor: pointer;
                    text-decoration: none;
                }
                    .unit-plan-item .unit-plan-item-description .description-text .description-action:hover[b-jeog3c3rf7] {
                        text-decoration: underline;
                    }
        
         /* body */
        .unit-plan-item .unit-plan-item-body[b-jeog3c3rf7] {
            display: flex;
            flex-direction: column;
            gap: 0.75rem 0;
            margin-top: 1rem;
            padding: 0.25rem;
        }

        /* footer */
        .unit-plan-item .unit-plan-item-footer[b-jeog3c3rf7] {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

    /* 'reorder' buttons */
    .unit-plan-item-container.reorderable > .unit-plan-item[b-jeog3c3rf7] {
        border-top-left-radius: 0;
        transition: border-top-left-radius ease 500ms;
    }
    .unit-plan-item-container .reorder-buttons-container[b-jeog3c3rf7] {
        position: absolute;
        display: flex;
        flex-direction: column;
        top: 0;
        left: calc(-2rem + 1px); /* value = button width - 1px for border */
        height: 4rem;
        animation: reorder-buttons-container-b-jeog3c3rf7 500ms ease;
    }
        .unit-plan-item-container .reorder-buttons-container .reorder-button-up-container[b-jeog3c3rf7],
        .unit-plan-item-container .reorder-buttons-container .reorder-button-down-container[b-jeog3c3rf7] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2rem;
            height: 2rem;
            background-color: white;
        }
        .unit-plan-item-container .reorder-buttons-container .reorder-button-up-container[b-jeog3c3rf7] {
            border-left: 1px solid var(--grey-light-4);
            border-top: 1px solid var(--grey-light-4);
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
            .unit-plan-item-container:has(.unit-plan-item:hover) .reorder-buttons-container .reorder-button-up-container[b-jeog3c3rf7] {
                border-left: 1px solid var(--grey-1);
                border-top: 1px solid var(--grey-1);
            }
        .unit-plan-item-container .reorder-buttons-container .reorder-button-down-container[b-jeog3c3rf7] {
            border-left: 1px solid var(--grey-light-4);
            border-bottom: 1px solid var(--grey-light-4);
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0.5rem;
            border-bottom-right-radius: 0;
        }
            .unit-plan-item-container:has(.unit-plan-item:hover) .reorder-buttons-container .reorder-button-down-container[b-jeog3c3rf7] {
                border-left: 1px solid var(--grey-1);
                border-bottom: 1px solid var(--grey-1);
            }

            .unit-plan-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[b-jeog3c3rf7],
            .unit-plan-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[b-jeog3c3rf7] {
                width: 1.5rem;
                height: 1.5rem;
                padding: 0.25rem;
                border: none;
                background-color: white;
                color: var(--grey-1);
                font-size: 0.25rem;
            }
                .unit-plan-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up:hover[b-jeog3c3rf7],
                .unit-plan-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down:hover[b-jeog3c3rf7] {
                    color: rgba(136, 136, 136, 1);
                }
            .unit-plan-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[b-jeog3c3rf7]  svg,
            .unit-plan-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[b-jeog3c3rf7]  svg {
                width: 1rem;
                height: 1rem;
            }

    :has(.unit-plan-item .unit-plan-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-up-container[b-jeog3c3rf7] {
        border-left: 1px solid var(--grey-light-4);
        border-top: 1px solid var(--grey-light-4);
    }
    :has(.unit-plan-item .unit-plan-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-down-container[b-jeog3c3rf7] {
        border-left: 1px solid var(--grey-light-4);
        border-bottom: 1px solid var(--grey-light-4);
    }

    :has(.unit-plan-item .unit-plan-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-up-container[b-jeog3c3rf7] {
        border-left: 1px solid var(--grey-light-4);
        border-top: 1px solid var(--grey-light-4);
    }
    :has(.unit-plan-item .unit-plan-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-down-container[b-jeog3c3rf7] {
        border-left: 1px solid var(--grey-light-4);
        border-bottom: 1px solid var(--grey-light-4);
    }

    /* reorder buttons - responsive */
    @media (max-width: 960px) {

        .unit-plan-item-container .reorder-buttons-container[b-jeog3c3rf7] {
            top: calc(-3rem + 1px);
            left: 1rem;
            transform: rotate(-90deg);
        }
            .unit-plan-item-container .reorder-buttons-container .reorder-button-up-container[b-jeog3c3rf7],
            .unit-plan-item-container .reorder-buttons-container .reorder-button-down-container[b-jeog3c3rf7] {
                /* No styling changes here. */
            }
            .unit-plan-item-container .reorder-buttons-container .reorder-button-up-container[b-jeog3c3rf7] {
                border-left: none;
                border-top: 1px solid var(--grey-light-4);
                border-right: 1px solid var(--grey-light-4);
                border-bottom: none;
                border-top-left-radius: 0rem;
                border-top-right-radius: 0.5rem;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
                .unit-plan-item-container:has(.unit-plan-item:hover) .reorder-buttons-container .reorder-button-up-container[b-jeog3c3rf7] {
                    border-left: none;
                    border-top: 1px solid var(--grey-1);
                    border-right: 1px solid var(--grey-1);
                    border-bottom: none;
                }
            .unit-plan-item-container .reorder-buttons-container .reorder-button-down-container[b-jeog3c3rf7] {
                border-left: none;
                border-top: none;
                border-right: 1px solid var(--grey-light-4);
                border-bottom: 1px solid var(--grey-light-4);
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0.5rem;
            }
                .unit-plan-item-container:has(.unit-plan-item:hover) .reorder-buttons-container .reorder-button-down-container[b-jeog3c3rf7] {
                    border-left: none;
                    border-top: none;
                    border-right: 1px solid var(--grey-1);
                    border-bottom: 1px solid var(--grey-1);
                }

                .unit-plan-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[b-jeog3c3rf7],
                .unit-plan-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[b-jeog3c3rf7] {
                    /* No styling changes here. */
                }
                    .unit-plan-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up:hover[b-jeog3c3rf7],
                    .unit-plan-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down:hover[b-jeog3c3rf7] {
                        /* No styling changes here. */
                    }
            .unit-plan-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[b-jeog3c3rf7]  svg,
            .unit-plan-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[b-jeog3c3rf7]  svg {
                transform: rotate(90deg);
            }
    }

    @keyframes reorder-buttons-container-b-jeog3c3rf7 {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
/* /Pages/CourseDetails/Views/UnitPlanning/UnitPlanItem/UnitPlanItemInProgress.razor.rz.scp.css */
.unit-plan-item-in-progress-container[b-hob1dzxnbg] {
    position: relative;
    cursor: default;
}
    .unit-plan-item-in-progress[b-hob1dzxnbg] {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0.75rem;
        gap: 0.5rem;
        background-color: rgba(246, 246, 246, 1);
        opacity: 1;
        border-radius: 0.5rem;
        border-width: 1px;
        border-style: solid;
        border-color: var(--grey-light-4);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    }
        /* header */
        .unit-plan-item-in-progress .unit-plan-item-in-progress-header[b-hob1dzxnbg] {
            display: flex;
            flex-direction: row;
            align-items: center;
            overflow: hidden;
            gap: 0.25rem;
        }
            .unit-plan-item-in-progress .unit-plan-item-in-progress-header .header-title[b-hob1dzxnbg] {
                width: 100%;
                color: rgba(164, 164, 164, 1);
                text-align: left;
                font-weight: 600;
                letter-spacing: 0px;
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
            }
                .unit-plan-item-in-progress .unit-plan-item-in-progress-header .header-title .header-title-badge[b-hob1dzxnbg] {
                    display: flex;
                    flex-direction: row;
                    width: 25px;
                    height: 25px;
                }
                .unit-plan-item-in-progress .unit-plan-item-in-progress-header .header-title .header-title-text[b-hob1dzxnbg] {
                    /* NOTE: Intentionally left empty. */
                }

        /* description */
        .unit-plan-item-in-progress .unit-plan-item-in-progress-description[b-hob1dzxnbg] {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.5rem;
        }
            .unit-plan-item-in-progress .unit-plan-item-in-progress-description .description-text[b-hob1dzxnbg] {
                overflow: hidden;
                font-weight: 400;
                font-size: 12px;
                line-height: 19px;
                color: rgba(136, 136, 136, 1);
                user-select: none;
            }

/* CSS Below is for progress indicator */

.in-progress-indicator[b-hob1dzxnbg] {
    --gradient: no-repeat radial-gradient(circle closest-side, rgba(196, 196, 196, 1) 90%, #0000);
    display: block;
    width: 1.5rem;
    height: 1rem;
    aspect-ratio: 2;
    background: var(--gradient) 0% 50%, var(--gradient) 50% 50%, var(--gradient) 100% 50%;
    background-size: calc(100% / 3 - 2px) 50%;
    animation: loader-animation-b-hob1dzxnbg 1s infinite linear;
}

@keyframes loader-animation-b-hob1dzxnbg {
    20% { 
        background-position: 0% 0%, 50% 50%, 100% 50%
    }
    40% {
        background-position: 0% 100%, 50% 0%, 100% 50%
    }
    60% {
        background-position:0% 50%, 50% 100%, 100% 0%
    }
    80% {
        background-position:0% 50%, 50% 50%, 100% 100%
    }
}
/* /Pages/CourseDetails/Views/UnitPlanning/UnitPlanItem/UnitPlanItemPendingApproval.razor.rz.scp.css */
.unit-plan-item-pending-approval-container[b-xt7r1d6dsk] {
    position: relative;
}
    .unit-plan-item-pending-approval[b-xt7r1d6dsk] {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0.75rem;
        gap: 0.5rem;
        background: linear-gradient(0deg, var(--alpha-green-1) 0%, var(--alpha-green-1) 100%), #FFF;
        opacity: 1;
        border-radius: 0.5rem;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(39, 191, 129, 0.5);
        box-shadow: 0px 0px 5px 0px rgba(39, 191, 129, 0.1);
    }
        /* hover behavior */
        .unit-plan-item-pending-approval:hover[b-xt7r1d6dsk] {
            border-color: rgba(39, 191, 129, 1);
            box-shadow: 0px 0px 10px 0px rgba(39, 191, 129, 0.2);
            cursor: pointer;
        }
        .unit-plan-item-pending-approval:has(.unit-plan-item-pending-approval-description .description-text .description-action:hover)[b-xt7r1d6dsk] {
            border-color: rgba(39, 191, 129, 0.5);
            box-shadow: 0px 0px 5px 0px rgba(39, 191, 129, 0.1);
        }

        /* header */
        .unit-plan-item-pending-approval .unit-plan-item-pending-approval-header[b-xt7r1d6dsk] {
            display: flex;
            flex-direction: row;
            align-items: center;
            overflow: hidden;
            gap: 0.25rem;
            cursor: default;
        }
            .unit-plan-item-pending-approval .unit-plan-item-pending-approval-header:hover[b-xt7r1d6dsk] {
                cursor: pointer;
            }
            .unit-plan-item-pending-approval .unit-plan-item-pending-approval-header .header-title[b-xt7r1d6dsk] {
                width: 100%;
                color: var(--grey-dark-4);
                text-align: left;
                font-weight: 600;
                letter-spacing: 0px;
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
            }
                .unit-plan-item-pending-approval .unit-plan-item-pending-approval-header .header-title .header-title-text[b-xt7r1d6dsk] {
                    /* NOTE: Intentionally left empty. */
                }

        /* description */
        .unit-plan-item-pending-approval .unit-plan-item-pending-approval-description[b-xt7r1d6dsk] {
            display: flex;
            flex-direction: row;
        }
            .unit-plan-item-pending-approval .unit-plan-item-pending-approval-description .description-text[b-xt7r1d6dsk] {
                width: 100%;
                display: flex;
                flex-flow: column;
                overflow: hidden;
                font-weight: 400;
                font-size: 14px;
                line-height: 19px;
                color: rgba(97, 97, 97, 1);
                user-select: none;
            }
                .unit-plan-item-pending-approval .unit-plan-item-pending-approval-description .description-text.short[b-xt7r1d6dsk] {
                    max-height: 200px;
                }
                .unit-plan-item-pending-approval .unit-plan-item-pending-approval-description .description-text.long[b-xt7r1d6dsk] {
                    max-height: none;
                }
                .unit-plan-item-pending-approval .unit-plan-item-pending-approval-description .description-text .description-action[b-xt7r1d6dsk] {
                    align-self: center;
                    display: inline;
                    color: var(--green);
                    cursor: pointer;
                    text-decoration: none;
                }
                    .unit-plan-item-pending-approval .unit-plan-item-pending-approval-description .description-text .description-action:hover[b-xt7r1d6dsk] {
                        text-decoration: underline;
                    }
        
         /* body */
        .unit-plan-item-pending-approval .unit-plan-item-pending-approval-body[b-xt7r1d6dsk] {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            margin-top: 0.5rem;
        }
            .unit-plan-item-pending-approval .unit-plan-item-pending-approval-body .action-message[b-xt7r1d6dsk] {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                gap: 5px;
            }
                .unit-plan-item-pending-approval .unit-plan-item-pending-approval-body .action-message .action-message-icon[b-xt7r1d6dsk] {
                    width: 24px;
                    height: 24px;
                    color: var(--green);
                }
                    .unit-plan-item-pending-approval .unit-plan-item-pending-approval-body .action-message .action-message-icon[b-xt7r1d6dsk]  path {
                       fill: var(--green) !important;
                    }
                .unit-plan-item-pending-approval .unit-plan-item-pending-approval-body .action-message .action-message-text[b-xt7r1d6dsk] {
                    font-weight: 600;
                    font-size: 0.75rem;
                    color: rgba(97, 97, 97, 1);
                    text-align: center;
                }
            .unit-plan-item-pending-approval .unit-plan-item-pending-approval-body .action-buttons[b-xt7r1d6dsk] {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                gap: 5px;
            }

.result-description[b-xt7r1d6dsk] {
    width: 100%;
}
/* /Pages/CourseDetails/Views/UnitPlanning/UnitPlanningItem/UnitPlanningItem.razor.rz.scp.css */
.unit-planning-item-container[b-v7liz1bnid] {
    position: relative;
}
    .unit-planning-item[b-v7liz1bnid] {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0.75rem;
        gap: 0.5rem;
        background-color: rgba(246, 246, 246, 1);
        opacity: 1;
        border-radius: 0.5rem;
        border-width: 1px;
        border-style: solid;
        border-color: var(--grey-light-4);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    }
        /* hover behavior */
        .unit-planning-item:hover[b-v7liz1bnid] {
            cursor: pointer;
        }
        .unit-planning-item.non-expandable:hover[b-v7liz1bnid] {
            cursor: default;
        }
        .unit-planning-item:hover .unit-planning-item-header .header-expand-action[b-v7liz1bnid]  button:not(:hover) .icon {
            color: var(--green);
        }
        .unit-planning-item:has(.unit-planning-item-description .description-text .description-action:hover) .unit-planning-item-header .header-expand-action[b-v7liz1bnid]  button:not(:hover) .icon {
            color: var(--grey-1);
        }
        .unit-planning-item:has(.unit-planning-item-header .header-action button:hover) .unit-planning-item-header .header-expand-action[b-v7liz1bnid]  button:not(:hover) .icon {
            color: var(--grey-1);
        }
        .unit-planning-item:has(.unit-item:hover) .unit-planning-item-header .header-expand-action[b-v7liz1bnid]  button:not(:hover) .icon {
            color: var(--grey-1);
        }

        /* header */
        .unit-planning-item .unit-planning-item-header[b-v7liz1bnid] {
            display: flex;
            flex-direction: row;
            align-items: center;
            overflow: hidden;
            gap: 0.25rem;
            cursor: default;
        }
            .unit-planning-item .unit-planning-item-header:hover[b-v7liz1bnid] {
                cursor: pointer;
            }
            .unit-planning-item.non-expandable .unit-planning-item-header:hover[b-v7liz1bnid] {
                cursor: default;
            }
            .unit-planning-item .unit-planning-item-header .header-expand-action[b-v7liz1bnid] {
                display: flex;
            }
                .unit-planning-item:not(:hover) .unit-planning-item-header .header-expand-action[b-v7liz1bnid]  button:not(:hover) .icon {
                    color: var(--grey-1);
                }
                .unit-planning-item .unit-planning-item-header .header-expand-action[b-v7liz1bnid]  button {
                    background: transparent;
                }
                .unit-planning-item.expanded .unit-planning-item-header .header-expand-action button .header-expand-action-icon[b-v7liz1bnid] {
                    transition: transform var(--transition-duration) ease 0s;
                    transform: rotate(0deg);
                }
                .unit-planning-item.collapsed .unit-planning-item-header .header-expand-action button .header-expand-action-icon[b-v7liz1bnid] {
                    transition: transform var(--transition-duration) ease 0s;
                    transform: rotate(-90deg);
                }
            .unit-planning-item .unit-planning-item-header .header-title[b-v7liz1bnid] {
                width: 100%;
                color: var(--grey-dark-4);
                text-align: left;
                font-weight: 600;
                letter-spacing: 0px;
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
            }
                .unit-planning-item .unit-planning-item-header .header-title .title-text[b-v7liz1bnid] {
                    /* NOTE: Intentionally left empty. */
                }
            .unit-planning-item .unit-planning-item-header .header-action[b-v7liz1bnid] {
                display: flex;
                padding: 0.125rem;
            }
                .unit-planning-item .unit-planning-item-header .header-action[b-v7liz1bnid]  button {
                    transform: translateY(-50%) rotate(0deg);
                }
                .unit-planning-item .unit-planning-item-header .header-action[b-v7liz1bnid]  button:not(:hover) .icon {
                    color: var(--grey-1);
                }

        /* description */
        .unit-planning-item .unit-planning-item-description[b-v7liz1bnid] {
            display: flex;
            flex-direction: row;
        }
            .unit-planning-item .unit-planning-item-description .description-text[b-v7liz1bnid] {
                width: 100%;
                display: flex;
                flex-flow: column;
                overflow: hidden;
                font-weight: 400;
                font-size: 14px;
                line-height: 19px;
                color: rgba(97, 97, 97, 1);
                user-select: none;
            }
                
                .unit-planning-item .unit-planning-item-description .description-text.long[b-v7liz1bnid] {
                    max-height: none;
                }
                .unit-planning-item .unit-planning-item-description .description-text .description-action[b-v7liz1bnid] {
                    align-self: center;
                    display: inline;
                    color: var(--green);
                    cursor: pointer;
                    text-decoration: none;
                }
                    .unit-planning-item .unit-planning-item-description .description-text .description-action:hover[b-v7liz1bnid] {
                        text-decoration: underline;
                    }

        /* body */
        .unit-planning-item.expanded .body[b-v7liz1bnid] {
            display: flex;
            flex-direction: column;
            gap: 0.75rem 0;
            margin-top: 1rem;
            padding: 0.25rem;
        }

        /* footer */
        .unit-planning-item .footer[b-v7liz1bnid] {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

    /* 'reorder' buttons */
    .unit-planning-item-container.reorderable > .unit-planning-item[b-v7liz1bnid] {
        border-top-left-radius: 0;
        transition: border-top-left-radius ease 500ms;
    }
    .unit-planning-item-container .reorder-buttons-container[b-v7liz1bnid] {
        position: absolute;
        display: flex;
        flex-direction: column;
        top: 0;
        left: calc(-2rem + 1px); /* value = button width - 1px for border */
        height: 4rem;
        animation: reorder-buttons-container-b-v7liz1bnid 500ms ease;
    }
        .unit-planning-item-container .reorder-buttons-container .reorder-button-up-container[b-v7liz1bnid],
        .unit-planning-item-container .reorder-buttons-container .reorder-button-down-container[b-v7liz1bnid] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2rem;
            height: 2rem;
            background-color: rgba(246, 246, 246, 1);
        }
        .unit-planning-item-container .reorder-buttons-container .reorder-button-up-container[b-v7liz1bnid] {
            border-left: 1px solid var(--grey-light-4);
            border-top: 1px solid var(--grey-light-4);
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
        .unit-planning-item-container .reorder-buttons-container .reorder-button-down-container[b-v7liz1bnid] {
            border-left: 1px solid var(--grey-light-4);
            border-bottom: 1px solid var(--grey-light-4);
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0.5rem;
            border-bottom-right-radius: 0;
        }
            
            .unit-planning-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[b-v7liz1bnid],
            .unit-planning-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[b-v7liz1bnid] {
                width: 1.5rem;
                height: 1.5rem;
                padding: 0.25rem;
                border: none;
                background-color: rgba(246, 246, 246, 1);
                color: var(--grey-1);
                font-size: 0.25rem;
            }
                .unit-planning-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up:hover[b-v7liz1bnid],
                .unit-planning-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down:hover[b-v7liz1bnid] {
                    color: rgba(136, 136, 136, 1);
                }
            .unit-planning-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[b-v7liz1bnid]  svg,
            .unit-planning-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-down[b-v7liz1bnid]  svg {
                width: 1rem;
                height: 1rem;
            }

    :has(.unit-planning-item .unit-planning-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-up-container[b-v7liz1bnid] {
        border-left: 1px solid var(--grey-light-4);
        border-top: 1px solid var(--grey-light-4);
    }
    :has(.unit-planning-item .unit-planning-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-down-container[b-v7liz1bnid] {
        border-left: 1px solid var(--grey-light-4);
        border-bottom: 1px solid var(--grey-light-4);
    }

    :has(.unit-planning-item .unit-planning-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-up-container[b-v7liz1bnid] {
        border-left: 1px solid var(--grey-light-4);
        border-top: 1px solid var(--grey-light-4);
    }
    :has(.unit-planning-item .unit-planning-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-down-container[b-v7liz1bnid] {
        border-left: 1px solid var(--grey-light-4);
        border-bottom: 1px solid var(--grey-light-4);
    }

    :has(.unit-planning-item .header-expand-action:hover) .reorder-buttons-container .reorder-button-up-container[b-v7liz1bnid] {
        border-left: 1px solid var(--grey-light-4);
        border-top: 1px solid var(--grey-light-4);
    }
    :has(.unit-planning-item .header-expand-action:hover) .reorder-buttons-container .reorder-button-down-container[b-v7liz1bnid] {
        border-left: 1px solid var(--grey-light-4);
        border-bottom: 1px solid var(--grey-light-4);
    }

    /* reorder buttons - responsive */
    @media (max-width: 960px) {

        .unit-planning-item-container .reorder-buttons-container[b-v7liz1bnid] {
            top: calc(-3rem + 1px);
            left: 1rem;
            transform: rotate(-90deg);
        }
            .unit-planning-item-container .reorder-buttons-container .reorder-button-up-container[b-v7liz1bnid],
            .unit-planning-item-container .reorder-buttons-container .reorder-button-down-container[b-v7liz1bnid] {
                /* No styling changes here. */
            }
            .unit-planning-item-container .reorder-buttons-container .reorder-button-up-container[b-v7liz1bnid] {
                border-left: none;
                border-top: 1px solid var(--grey-light-4);
                border-right: 1px solid var(--grey-light-4);
                border-bottom: none;
                border-top-left-radius: 0rem;
                border-top-right-radius: 0.5rem;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
            .unit-planning-item-container .reorder-buttons-container .reorder-button-down-container[b-v7liz1bnid] {
                border-left: none;
                border-top: none;
                border-right: 1px solid var(--grey-light-4);
                border-bottom: 1px solid var(--grey-light-4);
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0.5rem;
            }

                .unit-planning-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[b-v7liz1bnid],
                .unit-planning-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[b-v7liz1bnid] {
                    /* No styling changes here. */
                }
                    .unit-planning-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up:hover[b-v7liz1bnid],
                    .unit-planning-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down:hover[b-v7liz1bnid] {
                        /* No styling changes here. */
                    }
            .unit-planning-item-container .reorder-buttons-container .reorder-button-up-container .reorder-button-up[b-v7liz1bnid]  svg,
            .unit-planning-item-container .reorder-buttons-container .reorder-button-down-container .reorder-button-down[b-v7liz1bnid]  svg {
                transform: rotate(90deg);
            }

        :has(.unit-planning-item .unit-planning-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-up-container[b-v7liz1bnid] {
            border-right: 1px solid var(--grey-light-4);
            border-top: 1px solid var(--grey-light-4);
            border-left: none;
            border-bottom: none;
        }
        :has(.unit-planning-item .unit-planning-item-description .description-text .description-action:hover) .reorder-buttons-container .reorder-button-down-container[b-v7liz1bnid] {
            border-right: 1px solid var(--grey-light-4);
            border-bottom: 1px solid var(--grey-light-4);
            border-left: none;
            border-top: none;
        }

        :has(.unit-planning-item .unit-planning-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-up-container[b-v7liz1bnid] {
            border-right: 1px solid var(--grey-light-4);
            border-top: 1px solid var(--grey-light-4);
            border-left: none;
            border-bottom: none;
        }
        :has(.unit-planning-item .unit-planning-item-header .header-action button:hover) .reorder-buttons-container .reorder-button-down-container[b-v7liz1bnid] {
            border-right: 1px solid var(--grey-light-4);
            border-bottom: 1px solid var(--grey-light-4);
            border-left: none;
            border-top: none;
        }

        :has(.unit-planning-item .header-expand-action:hover) .reorder-buttons-container .reorder-button-up-container[b-v7liz1bnid] {
            border-right: 1px solid var(--grey-light-4);
            border-top: 1px solid var(--grey-light-4);
            border-left: none;
            border-bottom: none;
        }
        :has(.unit-planning-item .header-expand-action:hover) .reorder-buttons-container .reorder-button-down-container[b-v7liz1bnid] {
            border-right: 1px solid var(--grey-light-4);
            border-bottom: 1px solid var(--grey-light-4);
            border-left: none;
            border-top: none;
        }

    }

    @keyframes reorder-buttons-container-b-v7liz1bnid {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
/* /Pages/CourseDetails/Views/UnitPlanning/UnitPlanPillTooltip/UnitPlanPillTooltip.razor.rz.scp.css */
.pill-tooltip-title[unit-plan-pill-tooltip-view] {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: white;
}
.pill-tooltip-text[unit-plan-pill-tooltip-view] {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
    .pill-tooltip-text .pill-tooltip-text-row[unit-plan-pill-tooltip-view] {
        display: inline-flex;
        gap: 0.25rem;
    }
    .pill-tooltip-text .pill-tooltip-text-label[unit-plan-pill-tooltip-view] {
        color: rgba(188, 188, 188, 1);
    }
    .pill-tooltip-text .pill-tooltip-text-value[unit-plan-pill-tooltip-view] {
        color: rgba(241, 241, 241, 1);
    }
/* /Pages/CourseLibrary/Components/CourseLibraryContent/CourseLibraryContent.razor.rz.scp.css */
.loader-container[teacher-course-library-component] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.course-library-content[teacher-course-library-component] {
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--grey-light-4);
    background: white;
}

.course-library-content--fullscreen[teacher-course-library-component] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    border: none;
    background: white;
}

.course-library-content-sidebar-container[teacher-course-library-component] {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 0 0 auto;
    height: 100%;
    min-height: 0;
    background-color: white;
    border-right: 1px solid var(--grey-light-3);
    transition: width 0.2s ease, padding 0.2s ease;
    overflow: hidden;
}
    .course-library-content-sidebar-container[teacher-course-library-component]  .hierarhical-tree {
        margin: 20px 0 0 10px;
    }


.course-library-content-sidebar-container--expanded[teacher-course-library-component] {
    width: 288px;
    gap: 20px;
}

.course-library-content-sidebar-container--collapsed[teacher-course-library-component] {
    width: 72px;
    align-items: center;
    gap: 12px;
    padding-top: 20px;
}

.course-library-content-sidebar-container--expanded[teacher-course-library-component]  .dropdown-menu {
    padding: 20px 20px 0 20px;
    width: 100%;
}

.course-library-content-sidebar-container--collapsed[teacher-course-library-component]  .dropdown-menu {
    padding: 0;
    width: auto;
}

.course-library-content-sidebar-container--expanded[teacher-course-library-component]  .course-library-content-sidebar-add-button {
    width: 248px;
    height: 40px;
}

.course-library-content-sidebar-container--collapsed[teacher-course-library-component]  .course-library-content-sidebar-add-button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
}

.course-library-content-sidebar-add-button-content[teacher-course-library-component] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 1rem;
}

.course-library-content-sidebar-container--expanded[teacher-course-library-component]  .course-library-content-sidebar-add-button-content .icon {
    flex: none;
    left: 0;
    width: 12px;
    height: 12px;
}

.course-library-content-sidebar-add-button-content--collapsed[teacher-course-library-component] {
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 0;
}

.course-library-content-sidebar-add-button-plus[teacher-course-library-component] {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
}

.course-library-content-body[teacher-course-library-component] {
    position: relative;
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    height: 100%;
    background: white;
}

.course-library-content-body-toolbar-container[teacher-course-library-component] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    padding: 12px;
    background: white;
    border-bottom: 1px solid var(--grey-light-3);
    flex: 0 0 64px;
}

    .course-library-content-body-toolbar-container .sidebar-actions[teacher-course-library-component] {
        width: auto;
    }

    .course-library-content-body-toolbar-container .toolbar-container[teacher-course-library-component] {
        width: 100%;
        min-width: 0;
        padding: 0 8px;
    }

    .course-library-content-body-toolbar-container .toolbar-actions[teacher-course-library-component] {
        display: flex;
        flex-direction: row;
        gap: 8px;
        width: auto;
    }

.course-library-content-body-container[teacher-course-library-component] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
}

    .course-library-content-body-container[teacher-course-library-component]  .table-wrapper-card {
        border: none !important;
        border-radius: 0 !important;
    }

.course-library-content-footer-container[teacher-course-library-component] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 64px;
    padding: 15px;
    background-color: #ffffff;
    border-top: 1px solid var(--grey-light-3);
    z-index: 1;
}

.drop-down-container[teacher-course-library-component] {
    width: 190px;
}

.no-button-border[teacher-course-library-component]  .btn {
    border: none !important;
}
/* /Pages/CourseLibrary/Components/CourseLibraryContent/Views/CourseLibraryTable/CourseLibraryTable.razor.rz.scp.css */
[b-knvecmn8nt] table {
    table-layout: fixed;
    min-width: 1320px;
}

.course-library-item-info[b-knvecmn8nt] {
    display: flex;
    justify-content:flex-start;
    align-items: center;
    gap: 8px;
}

    .course-library-item-info .course-library-item-info-icon[b-knvecmn8nt] {
      display: flex;
    }

        .course-library-item-info .course-library-item-info-icon[b-knvecmn8nt]  svg {
            width: 20px !important;
            height: 20px !important;
        }

[b-knvecmn8nt] .btn .btn-add-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-knvecmn8nt] .btn .btn-add-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-knvecmn8nt] .btn .btn-add-text {
    padding-right: 8px;
}
/* /Pages/CourseLibrary/Components/CourseLibraryContent/Views/CourseLibraryTableHeader/CourseLibraryTableHeader.razor.rz.scp.css */
.media-library-table-header[b-e9ncvic8ew] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.media-library-table-header-search[b-e9ncvic8ew] {
    flex: 1 1 320px;
}

    .media-library-table-header-search[b-e9ncvic8ew]  .search--small {
        width: 320px;
        max-width: 100%;
        padding: unset;
        z-index: 0 !important; 
    }

        .media-library-table-header-search[b-e9ncvic8ew]  .search--small .search-field input {
            height: 40px;
            background: #fff;
            border: 1px solid var(--grey-light-3);
        }

.media-library-table-header-filters[b-e9ncvic8ew] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

    .media-library-table-header-filters[b-e9ncvic8ew]  .filter-drop-down {
        min-width: 150px;
    }
/* /Pages/CourseLibrary/Components/CourseLibraryContent/Views/CourseLibraryTree/CourseLibraryTree.razor.rz.scp.css */
.course-library-tree-parent-content[b-97wvrbascs] {
    display: flex;
    align-items: center;
    height: 40px;
    font-weight: 600;
    font-size: 13px;
    color: var(--text-secondary, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    user-select: none;
}

.course-library-tree-parent-title[b-97wvrbascs] {
    padding-left: 4px;
    user-select: none;
}

.course-library-tree-node-content[b-97wvrbascs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    min-width: 0;
}

.course-library-tree-node-icon[b-97wvrbascs] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.course-library-tree-node-name[b-97wvrbascs] {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--grey-dark-3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    user-select: none;
    white-space: nowrap;
    width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* /Pages/CourseLibrary/Components/CourseLibraryItemPreviewDialog/CourseLibraryItemPreviewDialog.razor.rz.scp.css */
.preview-dialog-header-icon-placeholder[b-re3zxhop54] {
    display: flex;
    width: 36px;
    height: 36px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--green);
}

.preview-dialog-header-icon[b-re3zxhop54] {
    width: 28px;
    height: 28px;
}

.preview-dialog-header-body[b-re3zxhop54] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 24px;
    overflow: hidden;
}

.preview-dialog-header-body-item-header[b-re3zxhop54] {
    display: flex;
    padding: 8px 0;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid var(--grey-light-3);
}

.preview-dialog-header-body-item-header-title[b-re3zxhop54] {
    color: var(--grey-3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px; /* 160% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.preview-dialog-header-body-item-header-content[b-re3zxhop54] {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.preview-dialog-header-body-item-header-icon[b-re3zxhop54] {
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
}

[b-re3zxhop54] .file-details-container {
    background: var(--grey-light-1);
}
/* /Pages/CourseLibrary/Components/CourseLibraryItemPreviewDialog/Views/ActivityBuilderTile/ActivityBuilderTile.razor.rz.scp.css */
.activity-builder-tile[activity-builder-tile-view] {
    display: flex;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 4px;
    background-color: white;
}

.activity-builder-tile-layout[activity-builder-tile-view] {
    display: flex;
    height: 40px;
    padding: 0 5px 0 10px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
}

.activity-builder-tile-icon[activity-builder-tile-view] {
    width: 16px;
    height: 16px;
    aspect-ratio: 1/1;
}

.activity-builder-tile-content-layout[activity-builder-tile-view] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    flex: 1 0 0;
}

.activity-builder-tile-content-title[activity-builder-tile-view] {
    color: #616161;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.activity-builder-tile-content-subtitle[activity-builder-tile-view] {
    color: var(--grey-1);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 100% */
}

.activity-builder-tile-content-value[activity-builder-tile-view] {
    color: var(--grey-3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
}

.activity-builder-tile-action-icon[activity-builder-tile-view] {
    width: 12px;
    height: 12px;
    aspect-ratio: 1/1;
}
/* /Pages/CourseLibrary/Page/CourseLibrary.razor.rz.scp.css */
/* /Pages/CourseLibrary/Views/CourseLibraryRenameItemDialog/CourseLibraryRenameItemDialog.razor.rz.scp.css */
.rename-dialog[b-wowc04psdf] {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 0 15px;
}

.rename-dialog-header[b-wowc04psdf] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.rename-dialog-header-icon[b-wowc04psdf] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.rename-dialog-header-icon[b-wowc04psdf]  svg {
    width: 18px !important;
    height: 18px !important;
}

.rename-dialog-header h3[b-wowc04psdf] {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #3f3f3f;
}

.rename-dialog-item[b-wowc04psdf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 25px 0 12px 0;
    border-bottom: 1px solid #d9d9d9;
}

.rename-dialog-item-type[b-wowc04psdf] {
    font-size: 12px;
    color: #8a8a8a;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.rename-dialog-item-name[b-wowc04psdf] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #323232;
}

.rename-dialog-item-icon[b-wowc04psdf] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rename-dialog-input-container[b-wowc04psdf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 20px;
}
/* /Pages/Courses/Components/CoursesTable/View/CoursesTable.razor.rz.scp.css */
.courses-table[b-6z862q3aej] {
    width: 100%;
    height: calc(100% - 60px);
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.table[b-6z862q3aej] {
    width: 100%;
    font-size: 0.875rem;
    border: 1px solid var(--grey-light-3);
}

    .table th[b-6z862q3aej], .table td[b-6z862q3aej] {
        position: relative;
        vertical-align: inherit;
    }

    .table td[b-6z862q3aej] {
        border-bottom: 1px solid var(--grey-light-3);
        text-align: left;
        height: 44px;
        padding: 5px 12px;
        background: #FFFFFF;
    }

    .table tr:hover td[b-6z862q3aej] {
        background: #F2F2F2 !important;
        cursor: pointer;
    }

    .table th[b-6z862q3aej] {
        color: var(--grey-3);
        background: var(--grey-light-1);
        height: 44px;
        padding: 5px 12px;
        text-align: left;
    }

    .table .th--sticky[b-6z862q3aej] {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
        background: var(--grey-light-1);
    }

    .table [rowspan][b-6z862q3aej] {
        vertical-align: top;
    }

    .table .td--sticky[b-6z862q3aej] {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
    }

    .table .th--sticky.th--sticky-top-left[b-6z862q3aej] {
        left: -5px;
        top: 0;
    }

    .table .th--sticky.th--sticky-top-right[b-6z862q3aej] {
        right: -5px;
        top: 0;
    }

    .table .th--sticky.th--sticky-left[b-6z862q3aej],
    .table .td--sticky.td--sticky-left[b-6z862q3aej] {
        left: -5px;
    }

    .table .th--sticky.th--sticky-right[b-6z862q3aej],
    .table .td--sticky.td--sticky-right[b-6z862q3aej] {
        right: -5px;
    }

    .table .th--sticky-top[b-6z862q3aej] {
        top: 0;
    }

    .table .th--sticky[b-6z862q3aej]::before, .table .th--sticky[b-6z862q3aej]::after,
    .table .th--sticky[courses-table-component][b-6z862q3aej]::after {
        content: none;
        position: absolute;
        display: block;
    }

.td--sticky-right[b-6z862q3aej] {
    background-color: transparent !important;
}

tr[b-6z862q3aej] {
    background-color: white;
}

[b-6z862q3aej] .spinner-profile-height {
    height: 100% !important;
}

[b-6z862q3aej] .scroll {
    padding: 0 !important;
}

[b-6z862q3aej] .field-menu.menu--headline {
    background: var(--green);
    border-radius: 3px;
    width: 150px;
    display: flex;
    justify-content: center;
    padding: 5px 0;
}

    [b-6z862q3aej] .field-menu.menu--headline > .menu-header > .text-overflow {
        font-size: 14px;
        font-weight: normal;
        color: #FFFFFF;
    }

    [b-6z862q3aej] .field-menu.menu--headline > .menu-header svg {
        color: #FFFFFF;
    }

    [b-6z862q3aej] .field-menu.menu--headline > .menu-header {
        width: 100%;
        justify-content: center;
    }


.terms[b-6z862q3aej],
.sections[b-6z862q3aej] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.term[b-6z862q3aej],
.section[b-6z862q3aej] {
    display: flex;
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 20px;
    background: var(--alpha-dark-1);
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    white-space: nowrap;
}

.td--course-name[b-6z862q3aej] {
    min-width: 50px;
    max-width: 250px;
    position: relative;
    vertical-align: middle;
}

    .td--course-name.inner-left-border[b-6z862q3aej]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 4px;
        bottom: 4px;
        width: 4px;
        background: var(--border-color);
    }

.subject-icon[b-6z862q3aej]  svg {
        width: 16px !important;
        height: 16px !important;
        fill: currentColor;
        color: currentColor;
        transform: translateY(3px);
}

.td--course-subject[b-6z862q3aej] {
    min-width: 50px;
    max-width: 250px;
}

    .td--course-subject > .subject-tag[b-6z862q3aej] {
        display: flex;
        width: fit-content;
        padding: 2px 8px;
        padding: 2px 8px;
        align-items: center;
        border-radius: 4px;
        white-space: nowrap;
    }

.td--course-name-content[b-6z862q3aej] {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 100%;
}

@media (min-width: 1900px) {
    .td--course-name[b-6z862q3aej] {
        max-width: unset;
    }
}
/* /Pages/Courses/Components/CoursesTableFilter/View/CoursesTableFilter.razor.rz.scp.css */
.filter-wrapper[b-8h5jvknrb4] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-8h5jvknrb4] .loader-container .loader > * {
    max-width: 3% !important;
}

[b-8h5jvknrb4] .filter-drop-down {
    min-width: 200px;
}
/* /Pages/Courses/Page/View/TeacherCourses.razor.rz.scp.css */
.teacher-courses[teacher-courses-page] {
    height: calc(100vh - 125px);
    margin: 16px 16px 0 16px;
    padding: 8px;
    border: solid;
    border-width: 1px;
    border-color: var(--grey-light-4);
    border-radius: 4px;
    background-color: var(--grey-light-2);
    display: flex;
    flex-flow: column;
    gap: 8px;
}

.header[teacher-courses-page] {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

.main[teacher-courses-page] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

[teacher-courses-page] .card {
    height: 100% !important;
}

.no-active-school-year-container[teacher-courses-page] {
    width: 100%;
    height: calc(100vh - 300px);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.no-active-school-year[teacher-courses-page] {
    max-width: 808px;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

    .no-active-school-year span[teacher-courses-page] {
        color: var(--grey-dark-1);
        text-align: center;
    }

[teacher-courses-page] .btn--secondary {
    margin-top: 20px;
}

    [teacher-courses-page] .btn--secondary svg {
        width: 12px;
        height: 12px;
        fill: var(--grey-3);
        margin-right: 8px;
    }

    [teacher-courses-page] .btn--secondary:hover svg {
        fill: white;
    }
/* /Pages/Dashboard/Components/StudentAttendanceDialog/StudentAttendanceDialog.razor.rz.scp.css */
.student-attendance-dialog[teacher-student-attendance-dialog-view]  .modal {
    z-index: 99999;
}

.attendance-header[teacher-student-attendance-dialog-view] {
    padding: 10px 27px 0 27px;
    display: flex;
    flex-flow: column;
    gap: 16px;
}

.course-details[teacher-student-attendance-dialog-view] {
    display: flex;
    flex-flow: row;
    gap: 10px;
    align-items: center;
}

.course-icon[teacher-student-attendance-dialog-view] {
    width: 24px;
    height: 24px;
}

.attendance-header-icon[teacher-student-attendance-dialog-view] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: var(--green);
    padding: 8px;
}

.attendance-header-icon[teacher-student-attendance-dialog-view]  path{
    fill: white;
}

.headline[teacher-student-attendance-dialog-view] {
    margin-left: 18px;
}

.course-date-time[teacher-student-attendance-dialog-view]  svg {
    width: 14px !important;
    height: initial !important; 
}

.row-2[teacher-student-attendance-dialog-view] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

[teacher-student-attendance-dialog-view] .filter-dropdown {
    width: 200px;
}
/* /Pages/Dashboard/Components/StudentAttendanceDialog/View/StudentAttendanceDropdownView/StudentAttendanceDropdown.razor.rz.scp.css */
.attendance-status-item[teacher-student-attendance-dropdown-view] {
    padding: 0px 10px;
    height: 40px;
    font-weight: 400;
    line-height: 14px;
}

    .attendance-status-item:hover[teacher-student-attendance-dropdown-view] {
        background-color: var(--grey-light-2);
    }

    .attendance-status-item.active[teacher-student-attendance-dropdown-view] {
        background: var(--grey-light-1);
        color: var(--green);
    }

.status-icon[teacher-student-attendance-dropdown-view] {
    width: 14px;
    height: 14px;
    margin-right: 11px;
    line-height: 14px;
}

    .status-icon[teacher-student-attendance-dropdown-view]  svg {
        width: 16px;
        height: 16px;
    }

        .status-icon[teacher-student-attendance-dropdown-view]  svg path {
            fill: var(--grey-3);
        }
        
.present[teacher-student-attendance-dropdown-view]  svg path {
    fill: var(--green);
}

.absent[teacher-student-attendance-dropdown-view]  svg path {
    fill: var(--red);
}

.late[teacher-student-attendance-dropdown-view]  svg path {
    fill: var(--orange);
}

.sick[teacher-student-attendance-dropdown-view]  svg path {
    fill: var(--purple);
}

.fieldtrip[teacher-student-attendance-dropdown-view]  svg path {
    fill: var(--blue);
}
/* /Pages/Dashboard/Components/StudentAttendanceDialog/View/StudentAttendanceDropdownView/StudentAttendanceDropdownHeader.razor.rz.scp.css */
.attendance-icon[teacher-student-attendance-dropdown-header-view] {
    margin-right: 8px;
}

    .attendance-icon[teacher-student-attendance-dropdown-header-view]  svg {
        width: 16px;
        height: 16px;
    }

.attendance-name[teacher-student-attendance-dropdown-header-view] {
    line-height: 14px;
}

.header-status-icon[teacher-student-attendance-dropdown-header-view] {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status[teacher-student-attendance-dropdown-header-view] {
    padding: 8px;
    line-height: 14px;
}

.present[teacher-student-attendance-dropdown-header-view] {
    background: var(--alpha-green-1);
}

.absent[teacher-student-attendance-dropdown-header-view] {
    background: var(--alpha-red-1);
}

.late[teacher-student-attendance-dropdown-header-view] {
    background: var(--alpha-orange-1);
}

.sick[teacher-student-attendance-dropdown-header-view] {
    background: var(--alpha-purple-1);
}

.fieldtrip[teacher-student-attendance-dropdown-header-view] {
    background: var(--alpha-blue-1);
}

.present .attendance-icon[teacher-student-attendance-dropdown-header-view]  svg path {
    fill: var(--green);
}

.absent .attendance-icon[teacher-student-attendance-dropdown-header-view]  svg path {
    fill: var(--red);
}

.late .attendance-icon[teacher-student-attendance-dropdown-header-view]  svg path {
    fill: var(--orange);
}

.sick .attendance-icon[teacher-student-attendance-dropdown-header-view]  svg path {
    fill: var(--purple);
}

.fieldtrip .attendance-icon[teacher-student-attendance-dropdown-header-view]  svg path {
    fill: var(--blue);
}

.present .attendance-name[teacher-student-attendance-dropdown-header-view] {
    color: var(--green);
}

.absent .attendance-name[teacher-student-attendance-dropdown-header-view] {
    color: var(--red);
}

.late .attendance-name[teacher-student-attendance-dropdown-header-view] {
    color: var(--orange);
}

.sick .attendance-name[teacher-student-attendance-dropdown-header-view] {
    color: var(--purple);
}

.fieldtrip .attendance-name[teacher-student-attendance-dropdown-header-view] {
    color: var(--blue);
}

.notmarked[teacher-student-attendance-dropdown-header-view] {
    padding: 0;
    color: var(--grey-1);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 14px;
}
/* /Pages/Dashboard/Components/StudentAttendanceDialog/View/StudentAttendanceTableView/StudentAttendanceTable.razor.rz.scp.css */
.student-attendance-details[teacher-student-attendance-table-view] {
    width: 100%;
    height: calc(100% - 30px);
    display: flex;
    flex-flow: column;
    gap: 16px;
    overflow: hidden;
    padding: 16px 27px 0 27px;
}

.table[teacher-student-attendance-table-view] {
    width: 100%;
    font-size: 0.875rem;
    border: 1px solid var(--grey-light-3);
    overflow-y: clip;
}

.table th[teacher-student-attendance-table-view], .table td[teacher-student-attendance-table-view] {
    position: relative;
    vertical-align: inherit;
}

.table td[teacher-student-attendance-table-view] {
    border-bottom: 1px solid var(--grey-light-3);
    text-align: left;
    height: 44px;
    padding: 5px 12px;
    background: #FFFFFF;
}

.table tr:hover td[teacher-student-attendance-table-view] {
    background: #F2F2F2 !important;
    cursor: pointer;
}

.table th[teacher-student-attendance-table-view] {
    color: var(--grey-3);
    background: var(--grey-light-1);
    height: 44px;
    padding: 5px 12px;
    text-align: left;
}

.table .th--sticky[teacher-student-attendance-table-view] {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    background: var(--grey-light-1);
}

[teacher-student-attendance-table-view] .spinner-profile-height {
    border: none !important;
}

.table [rowspan][teacher-student-attendance-table-view] {
    vertical-align: top;
}

.table .td--sticky[teacher-student-attendance-table-view] {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
}

.table .th--sticky.th--sticky-top-right[teacher-student-attendance-table-view] {
    right: -5px;
    top: -2px !important;
}

.table .th--sticky.th--sticky-right[teacher-student-attendance-table-view],
.table .td--sticky.td--sticky-right[teacher-student-attendance-table-view] {
    right: -5px;
}

.table .th--sticky-top[teacher-student-attendance-table-view] {
    top: -2px !important;
}

.table .th--sticky[teacher-student-attendance-table-view]::before, .table .th--sticky[teacher-student-attendance-table-view]::after,
.table .th--sticky[teacher-assessments-table-component][teacher-student-attendance-table-view]::after {
    content: none;
    position: absolute;
    display: block;
}

.td--sticky-right[teacher-student-attendance-table-view] {
    background-color: transparent !important;
    justify-content: space-evenly;
    display: flex;
    align-items: center;
}

.td--sticky-right svg[teacher-student-attendance-table-view] {
    z-index: unset;
}

tr[teacher-student-attendance-table-view] {
    background-color: white;
}

.table .tr--link[teacher-student-attendance-table-view], .table .td--link[teacher-student-attendance-table-view] {
    transition: unset;
}

[teacher-student-attendance-table-view] .scroll {
    padding: 0 !important;
}

.td--child-chip[teacher-student-attendance-table-view] {
    padding: 6px 12px;
    background: #F2F2F2;
    border-radius: 14px;
    white-space: nowrap;
}

.td--child-score-wrapper[teacher-student-attendance-table-view] {
    height: 30px;
    width: 30px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.td--child-avatar[teacher-student-attendance-table-view] {
    height: 30px;
    width: 30px;
    transform: translateY(2px);
    border-radius: 15px;
    border: 1px solid var(--grey-light-4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.td--child-avatar-default[teacher-student-attendance-table-view] {
    padding: 5px;
}

.td--child-avatar svg[teacher-student-attendance-table-view] {
    height: 20px;
    width: 20px;
}

.td--child-student-info span[teacher-student-attendance-table-view] {
    display: inline-block;
}

.td--child-student-name[teacher-student-attendance-table-view] {
    margin-left: 15px;
}

.td--child-right[teacher-student-attendance-table-view] {
    text-align: right !important;
}

.student--table-name[teacher-student-attendance-table-view] {
    margin-left: 15px;
    transform: translateY(-5px);
}

.td--child-icon[teacher-student-attendance-table-view]  svg {
    margin-right: 10px !important;
}

.td--child-icon[teacher-student-attendance-table-view] {
    display: flex;
    align-items: center;
}

.students-header[teacher-student-attendance-table-view] {
    min-width: 252px;
    max-width: 252px;
    width: 252px !important;
    height: 55px !important;
}

.students-header-content[teacher-student-attendance-table-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

[teacher-student-attendance-table-view] .students-header-content svg {
    width: 14px;
    height: 14px;
    fill: var(--grey-1);
}

[teacher-student-attendance-table-view] .drop-down .drop-down-body {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0, 10px);
    display: inline-block;
    list-style: none;
    padding-left: 0px;
    min-width: 180px;
    width: auto;
    max-width: 300px;
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    transition: all var(--transition-duration) ease 0s;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    line-height: var(--line-height);
    z-index: 99;
    max-height: 50vh;
    scrollbar-color: var(--alpha-dark-2) transparent;
    scrollbar-width: thin;
}

[teacher-student-attendance-table-view] .drop-down .drop-down-body {
    width: 200px !important;
}

.th--sticky.th--sticky-top:has(.drop-down.open)[teacher-student-attendance-table-view] {
    background: var(--grey-light-4);
}

.status-dropdown[teacher-student-attendance-table-view] {
    cursor: pointer;
}

.header-status[teacher-student-attendance-table-view] {
    line-height: 14px;
}

.header-status-icon[teacher-student-attendance-table-view] {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-attendance-comment[teacher-student-attendance-table-view] {
    position: relative;
}

.student-attendance-comment-icon[teacher-student-attendance-table-view] {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 8px;
}

.student-attendance-comment-icon.has-comment[teacher-student-attendance-table-view]  svg path {
    fill: var(--grey-3);
}

.student-attendance-details[teacher-student-attendance-table-view]  .student-attendance-comment-field .field {
    border: none;
    font-size: 0.875rem;
    padding: 8px 28px 6px;
    cursor: pointer;
}

    .student-attendance-details[teacher-student-attendance-table-view]  .student-attendance-comment-field .field:focus {
        cursor: initial;
        background: var(--grey-light-2);
    }
/* /Pages/Dashboard/TeacherDashboard.razor.rz.scp.css */
.container.gutter[teacher-dashboard-page] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.grid[teacher-dashboard-page] {
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas: "monthly" "daily" "weekly" "courses";
}

@media all and (min-width: 992px) {
    .grid[teacher-dashboard-page] {
        grid-template-columns: repeat(2, 50%);
        grid-template-rows: 425px 1fr 1fr 344px;
        grid-template-areas: "weekly monthly" "daily daily" "daily daily" "courses courses";
    }
}

@media all and (min-width: 1200px) {
    .grid[teacher-dashboard-page] {
        grid-template-columns: repeat(2, 50%);
        grid-template-areas: "daily monthly" "daily weekly" "daily weekly" "courses courses";
    }
}

@media all and (min-width: 1600px) {
    .grid[teacher-dashboard-page] {
        grid-template-columns: repeat(3, 33.3333333%);
        grid-template-rows: repeat(2, 1fr);
        grid-template-areas: "daily weekly monthly" "daily weekly courses";
        height: calc(100vh - 110px);
    }
}

.grid-item[teacher-dashboard-page] {
    padding: 0 10px 0 10px;
    overflow: hidden;
}

.grid-area--monthly[teacher-dashboard-page] {
    grid-area: monthly;
}

.grid-area--weekly[teacher-dashboard-page] {
    grid-area: weekly;
}

@media all and (min-width: 1600px) {
    .grid-area--weekly[teacher-dashboard-page] {
        grid-row: weekly-start/end;
    }
}

.grid-area--daily[teacher-dashboard-page] {
    grid-area: daily;
}

.grid-area--courses[teacher-dashboard-page] {
    grid-area: courses;
}

@media all and (min-width: 1600px) {
    .grid-area--courses[teacher-dashboard-page] {
        grid-row: 2;
    }
}

@media all and (min-width: 992px) {
    [teacher-dashboard-page] .dashboard-calendar {
        min-height: 409px;
        max-height: 409px;
    }

        [teacher-dashboard-page] .dashboard-calendar .calendar.layout--dark {
            min-height: 358px;
        }
}

@media all and (min-width: 1200px) {
    [teacher-dashboard-page] .dashboard-calendar {
        min-height: initial;
        max-height: initial;
    }

        [teacher-dashboard-page] .dashboard-calendar .card.layout--dark {
            min-height: initial;
        }
}

[teacher-dashboard-page] .timeline-daily {
    height: 100%;
    max-height: 720px;
}

@media all and (min-width: 1200px) {
    [teacher-dashboard-page] .timeline-daily {
        max-height: 810px;
    }
}

@media all and (min-width: 1600px) {
    [teacher-dashboard-page] .timeline-daily {
        max-height: initial;
    }
}

[teacher-dashboard-page] .timeline-daily .panel-body {
    height: calc(100% - 46px);
}

[teacher-dashboard-page] .timeline-daily .scroll {
    min-height: 553px;
    max-height: initial;
}

[teacher-dashboard-page] .timeline-daily .timetrack {
    height: initial;
}

[teacher-dashboard-page] .weekly-in-classes {
    height: 100%;
}

@media all and (min-width: 992px) {
    [teacher-dashboard-page] .weekly-in-classes {
        min-height: 409px;
        max-height: 409px;
    }
}

@media all and (min-width: 1200px) {
    [teacher-dashboard-page] .weekly-in-classes {
        min-height: initial;
        max-height: 385px;
    }
}

@media all and (min-width: 1600px) {
    [teacher-dashboard-page] .weekly-in-classes {
        max-height: initial;
    }
}

[teacher-dashboard-page] .weekly-in-classes .panel-body {
    height: 100%;
}

[teacher-dashboard-page] .weekly-in-classes > .card {
    height: calc(100% - 36px);
}

[teacher-dashboard-page] .courses {
    height: 100% !important;
}

@media all and (min-width: 1600px) {
    [teacher-dashboard-page] .courses {
        height: initial;
        max-height: initial;
    }
}
/* /Pages/Dashboard/Views/CalendarDashboard/CalendarDashboard.razor.rz.scp.css */
/** 2.1 Typography */
/** 2.2 Colors */
/** 2.3 Layout */
/** 3.1.3 Date Picker Calendar */
.date-picker--calendar[calendar-dashboard-view] {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    box-shadow: none;
}

    .date-picker--calendar .date-picker-header[calendar-dashboard-view] {
        width: 100%;
        padding: 10px 10px 10px 20px;
    }

        .date-picker--calendar .date-picker-header .title[calendar-dashboard-view] {
            color: var(--grey-dark-3);
            margin-bottom: 0;
        }

        .date-picker--calendar .date-picker-header .pagination[calendar-dashboard-view] {
            line-height: 0;
        }

    .date-picker--calendar .date-picker-body[calendar-dashboard-view] {
        width: 300px;
    }

        .date-picker--calendar .date-picker-body .dates > li[calendar-dashboard-view] {
            position: relative;
        }

        .date-picker--calendar .date-picker-body .dates .date-weekend > *[calendar-dashboard-view] {
            opacity: 0.5;
        }

        .date-picker--calendar .date-picker-body .dates .date-weekend.date-prev[calendar-dashboard-view], .date-picker--calendar .date-picker-body .dates .date-weekend.date-next[calendar-dashboard-view] {
            opacity: 0.5;
        }

            .date-picker--calendar .date-picker-body .dates .date-weekend.date-prev > *[calendar-dashboard-view], .date-picker--calendar .date-picker-body .dates .date-weekend.date-next > *[calendar-dashboard-view] {
                opacity: 1;
            }

        .date-picker--calendar .date-picker-body .dates .date-weekend.date--start[calendar-dashboard-view]::before, .date-picker--calendar .date-picker-body .dates .date-weekend.date--end[calendar-dashboard-view]::before {
            width: 100%;
        }

        .date-picker--calendar .date-picker-body .dates .date--range-week[calendar-dashboard-view] {
            position: relative;
            background: rgba(0, 0, 0, 0.05);
        }

            .date-picker--calendar .date-picker-body .dates .date--range-week.date-prev[calendar-dashboard-view]::before, .date-picker--calendar .date-picker-body .dates .date--range-week.date-next[calendar-dashboard-view]::before {
                content: none;
            }

            .date-picker--calendar .date-picker-body .dates .date--range-week[calendar-dashboard-view]::before {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.05);
            }

        .date-picker--calendar .date-picker-body .dates .date--start-week[calendar-dashboard-view]::before {
            right: 0;
            width: calc(100% - 4px);
            border-radius: 32px 0 0 32px;
        }

        .date-picker--calendar .date-picker-body .dates .date--end-week[calendar-dashboard-view]::before {
            left: 0;
            width: calc(100% - 4px);
            border-radius: 0 32px 32px 0;
        }

        .date-picker--calendar .date-picker-body .dates .date--today[calendar-dashboard-view]::after {
            content: none;
        }

        .date-picker--calendar .date-picker-body .date-markers[calendar-dashboard-view] {
            position: absolute;
            text-align: center;
            width: 100%;
            bottom: 0;
            line-height: 0;
        }

            .date-picker--calendar .date-picker-body .date-markers .date-marker[calendar-dashboard-view] {
                display: inline-block;
                margin: 0 1px;
                width: 4px;
                height: 4px;
                border-radius: 50%;
            }

    .date-picker--calendar .date-picker-legend[calendar-dashboard-view] {
        flex: 1 1 auto;        
        border-left: 1px solid var(--grey-light-3);
        min-width: 143px;
    }

        .date-picker--calendar .date-picker-legend ul[calendar-dashboard-view] {
            line-height: 2;
        }

    .date-picker--calendar .scroll[calendar-dashboard-view] {
        padding: 0;
        display: flex;
    }

.layout--dark.date-picker--calendar[calendar-dashboard-view] {
    background: var(--grey-dark-4);
    border-color: var(--grey-dark-4);
}

    .layout--dark.date-picker--calendar .date-picker-header[calendar-dashboard-view],
    .layout--dark.date-picker--calendar .date-picker-body[calendar-dashboard-view] {
        background: var(--alpha-light-1);
    }

    .layout--dark.date-picker--calendar .date-picker-header[calendar-dashboard-view] {
        border-color: var(--grey-dark-4);
    }

        .layout--dark.date-picker--calendar .date-picker-header .title[calendar-dashboard-view] {
            color: var(--grey-light-4);
        }

    .layout--dark.date-picker--calendar .date-picker-body .dates .date[calendar-dashboard-view] {
        color: var(--grey-1);
    }

        .layout--dark.date-picker--calendar .date-picker-body .dates .date:hover > span[calendar-dashboard-view] {
            background: var(--alpha-dark-2);
        }

    .layout--dark.date-picker--calendar .date-picker-body .dates .date--start[calendar-dashboard-view]::before,
    .layout--dark.date-picker--calendar .date-picker-body .dates .date--end[calendar-dashboard-view]::before {
        background: var(--alpha-dark-2);
    }

    .layout--dark.date-picker--calendar .date-picker-body .dates .date--range-week[calendar-dashboard-view] {
        background: var(--alpha-dark-2);
    }

        .layout--dark.date-picker--calendar .date-picker-body .dates .date--range-week[calendar-dashboard-view]::before {
            background: var(--alpha-dark-2);
        }

    .layout--dark.date-picker--calendar .date-picker-legend[calendar-dashboard-view] {
        border: none;
    }
/*# sourceMappingURL=theme.css.map */

[calendar-dashboard-view] .loading-spinner-mini {
    height: 300px !important;
}

.marker-background-color[calendar-dashboard-view] {
    background-color: white;
}

.total-classes[calendar-dashboard-view] {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    padding: 4px 8px 4px 8px;
    margin-top: 24px;
    background-color: var(--alpha-light-1);
    width: fit-content;
}
/* /Pages/Dashboard/Views/CalendarDashboard/Cell/Cell.razor.rz.scp.css */
/* /Pages/Dashboard/Views/CalendarDashboard/Header/Header.razor.rz.scp.css */
/* /Pages/Dashboard/Views/CalendarDashboard/Legend/Legend.razor.rz.scp.css */
/* /Pages/Dashboard/Views/CalendarDashboard/Month/Month.razor.rz.scp.css */
/* /Pages/Dashboard/Views/CalendarDashboard/Week/Week.razor.rz.scp.css */
/* /Pages/Dashboard/Views/Course/View/Course.razor.rz.scp.css */
.course[course-view] {
    display: flex;
    flex-flow: column;
    gap: 8px;
    border-radius: 4px;
    padding: 4px 10px 6px 10px;
    margin-bottom: 6px;
    background-color: var(--grey-dark-3);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    transition: all var(--transition-duration) ease 0s;
    cursor: pointer;
    overflow: hidden;
}

    .course:hover[course-view],
    .course:focus[course-view] {
        background-color: var(--grey-dark-2);
    }

h6[course-view] {
    color: var(--grey-light-4);
    font-size: 14px;
}

.metadata[course-view] {
    display: flex;
    padding: 5px 8px;
    flex-direction: column;
    gap: 8px;
    border-radius: 4px;
    background: var(--alpha-light-1);
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
}

.terms[course-view] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.metadata-item[course-view] {
    display: flex;
    height: 16px;
    min-width: 14px;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    background: var(--grey-3);
    color: var(--grey-dark-4);
    font-family: var(--font-family);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
}

.sections[course-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    align-items: end;
    gap: 5px;
}
/* /Pages/Dashboard/Views/Courses/View/Courses.razor.rz.scp.css */
.courses[courses-view] {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;    
}

.main[courses-view] {
    display: flex;
    flex-flow: column;
    height: 100%;
    overflow: hidden;
    background-color: var(--grey-dark-4);
    border-radius: 8px;
    padding: 6px    
}

[courses-view] .scroll {
    padding: 0 6px 0 0;
}
/* /Pages/Dashboard/Views/DailyTimeline/DailyTimeline.razor.rz.scp.css */
.scroll[daily-timeline-view] {
    padding-left: 0 !important;
}

.flex.flex--spaced[daily-timeline-view] {
    align-items: center;
}

.tooltip[daily-timeline-view] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    border-radius: 4px;
    border: 1px solid var(--grey-light-3);
    background: white;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    color: var(--grey-dark-3);
    font-family: var(--font-family);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* /Pages/Dashboard/Views/DueThisWeek/DueThisWeek.razor.rz.scp.css */
.weekly-in-classes[due-this-week-view] {
    height: 100%;
    display: flex;
    flex-flow: column;
}

.main[due-this-week-view] {
    height: 100%;
}
/* /Pages/Dashboard/Views/ScheduledClass/View/ScheduledClass.razor.rz.scp.css */
.scheduled-class[scheduled-class-view] {
    width: 100%;
    position: absolute;
    display: flex;
    flex-flow: column;
    padding: 10px;
    background-color: var(--grey-dark-3);
    border-radius: 4px;
    min-width: 220px !important;
    cursor: pointer;
}

    .scheduled-class.empty[scheduled-class-view] {
        background-color: var(--grey-dark-4);
        border: dotted;
        border-width: 1px;
        border-color: var(--grey-dark-2);
    }

.class[scheduled-class-view] {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-flow: row;
    gap: 10px;
}

.room[scheduled-class-view] {
    min-width: 36px;
    min-height: 36px;
    border-radius: 4px;
    border: solid;
    border-width: 2px;
    background-color: var(--grey-dark-4);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

    .room span[scheduled-class-view] {
        color: var(--grey-light-2);
    }

.name[scheduled-class-view] {
    display: flex;
    flex-flow: column;
    line-height: 1.4;
    min-width: 0;
    justify-content: center;
}

    .name h6[scheduled-class-view] {
        color: var(--grey-light-4);
        font-size: 14px;
    }

    .name span[scheduled-class-view] {
        color: var(--grey-3);
        font-size: 12px;
    }

.course-items[scheduled-class-view] {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-left: auto;
}

.schedule[scheduled-class-view] {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
}

    .schedule span[scheduled-class-view] {
        font-size: 12px;
    }

        .schedule span:nth-child(1)[scheduled-class-view] {
            color: var(--grey-light-2);
        }

        .schedule span:nth-child(2)[scheduled-class-view] {
            color: var(--grey-3);
        }

.pattern[scheduled-class-view] {
    position: absolute;
    left: 8px;
    top: 52px;
    width: calc(100% - 16px);
    height: calc(100% - 60px);
    background-size: 100px;
    background-repeat: repeat;
    background-position: top left;
}

.focus .room[scheduled-class-view] {
    border-color: var(--green);
}

.empty .room[scheduled-class-view] {
    border: none;
    background-color: var(--grey-dark-2);
}

.tooltip[scheduled-class-view] {
    display: flex;
    flex-flow: column;
    align-items: start;
    gap: 5px;
    padding: 10px 10px 10px 0;
    border: solid;
    border-width: 1px;
    border-radius: 4px;
    background-color: var(--grey-dark-3);
    border-color: var(--grey-light-4);
}

.type[scheduled-class-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: var(--grey-light-4) !important;
}

.circle[scheduled-class-view] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

[scheduled-class-view] .attendance-btn {
    height: 100%;
    margin: 0;
}

    [scheduled-class-view] .attendance-btn .icon {
        position: initial;
        top: initial;
        left: initial;
        margin: 0;
    }

.attendance-tooltip[scheduled-class-view] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: white;
    border-radius: 4px;
    border: 1px solid var(--grey-light-3);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    color: var(--grey-dark-3);
    text-overflow: ellipsis;
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.attendance[scheduled-class-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 10px;
}

[scheduled-class-view] .empty.upcoming {
    background: var(--alpha-light-2) !important;
}

[scheduled-class-view] .incomplete {
    background: transparent !important;
    border: 1px solid white !important;
}

    [scheduled-class-view] .incomplete.upcoming {
        border: 1px solid var(--grey-2) !important;
        background: transparent !important;
    }

[scheduled-class-view] .filled {
    background: none !important;
    border: none !important;
}

    [scheduled-class-view] .filled .icon {
        color: var(--green) !important;
    }

[scheduled-class-view] .empty.upcoming,
[scheduled-class-view] .incomplete.upcoming {
    border-radius: 4px;
}

[scheduled-class-view] .empty.upcoming .icon,
[scheduled-class-view] .incomplete.upcoming .icon,
[scheduled-class-view] .filled.upcoming .icon {
    color: var(--grey-2) !important;
}
/* /Pages/Dashboard/Views/TimeTrack/TimeTrack.razor.rz.scp.css */
.timetrack[timetrack-view] {
    position: relative;
    margin: 6px 0 4px 0;
    flex-basis: 0;
    height: 100%;
    display: grid;
    grid-template-columns: 50px 23px auto;
}

    .timetrack .timetrack-time[timetrack-view] {
        text-align: right;
        line-height: 1;
        opacity: 0.6;
        margin: 0;
        padding-right: 10px;
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--grey-dark-4);
        width: 100%;
    }

        .timetrack .timetrack-time .timetrack-time-hour[timetrack-view] {
            height: calc(60 * var(--min-equal-pix));
        }

            .timetrack .timetrack-time .timetrack-time-hour .hour[timetrack-view] {
                font-size: 0.75rem;
                color: var(--grey-3);
            }

    .timetrack .timetrack-range[timetrack-view] {
        display: flex;
        position: sticky;
        left: 50px;
        z-index: 1;
        background: var(--grey-dark-4);
        width: 24px;
    }

        .timetrack .timetrack-range .timetrack-range-meter[timetrack-view] {
            max-width: 12px;
        }

            .timetrack .timetrack-range .timetrack-range-meter > *[timetrack-view] {
                display: block;
                margin-left: auto;
                margin-bottom: calc(5 * var(--min-equal-pix) - 1px);
                height: 1px;
                width: 4px;
                background: var(--alpha-dark-2);
            }

                .timetrack .timetrack-range .timetrack-range-meter > *:nth-of-type(3n+1)[timetrack-view] {
                    width: 8px;
                }

                .timetrack .timetrack-range .timetrack-range-meter > *:nth-of-type(6n+1)[timetrack-view] {
                    width: 12px;
                }

        .timetrack .timetrack-range .timetrack-range-time[timetrack-view] {
            position: relative;
            margin: 0 5px;
            width: 1px;
            height: 100%;
            background: var(--alpha-dark-2);
        }

            .timetrack .timetrack-range .timetrack-range-time .timetrack-range-time-pointer[timetrack-view] {
                position: absolute;
                top: 0;
                left: 0;
                width: 2px;
                height: 20%;
                background: var(--green);
            }

                .timetrack .timetrack-range .timetrack-range-time .timetrack-range-time-pointer[timetrack-view]::before {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 50%;
                    bottom: 0;
                    transform: translate(-50%, 50%);
                    width: 4px;
                    height: 4px;
                    border-radius: 50%;
                    border: 2px solid var(--green);
                    background: #ffffff;
                }

        .timetrack .timetrack-range .timetrack-range-position[timetrack-view] {
            position: absolute;
            top: 20%;
            left: 0;
            width: 100%;
            z-index: 2;
        }

            .timetrack .timetrack-range .timetrack-range-position .timetrack-range-position-clock[timetrack-view] {
                position: absolute;
                top: 0;
                left: -44px;
                padding: 0 2px;
                transform: translateY(-50%);
                font-size: 0.75rem;
                font-weight: 600;
                color: var(--green);
                background: #ffffff;
            }

            .timetrack .timetrack-range .timetrack-range-position .timetrack-range-position-line[timetrack-view] {
                display: block;
                margin-left: auto;
                width: calc(100% - 42px);
                border-top: 1px dotted var(--green);
                opacity: 0.6;
                position: relative;
                left: -4px;
            }

    .timetrack .timetrack-content[timetrack-view] {
        position: relative;
        flex: 1 1 auto;
        overflow: hidden;
    }

        .timetrack .timetrack-content .timetrack-content-meter > *[timetrack-view] {
            display: block;
            height: calc(60 * var(--min-equal-pix));
            border-top: 1px solid var(--alpha-dark-1);
        }

        .timetrack .timetrack-content .timetrack-content-body[timetrack-view] {
            position: absolute;
            top: 0;
            left: 4px;
            height: 100%;
            width: calc(100% - 8px);
        }

    .timetrack .tile[timetrack-view] {
        position: absolute;
        width: 100%;
        top: 30%;
    }

/** Layout theme */
.layout--light .timetrack .timetrack-range .timetrack-range-position .timetrack-range-position-clock[timetrack-view] {
    background: var(--grey-light-1);
}

.layout--dark .timetrack .timetrack-time[timetrack-view] {
    opacity: 1;
}

.layout--dark .timetrack .timetrack-range .timetrack-range-meter > *[timetrack-view] {
    background: var(--alpha-light-2);
}

.layout--dark .timetrack .timetrack-range .timetrack-range-position .timetrack-range-position-clock[timetrack-view] {
    background: var(--grey-dark-4);
}

.layout--dark .timetrack .timetrack-range .timetrack-range-time[timetrack-view] {
    background: var(--alpha-light-2);
}

    .layout--dark .timetrack .timetrack-range .timetrack-range-time .timetrack-range-time-pointer[timetrack-view]::before {
        background: var(--grey-dark-4);
    }

.layout--dark .timetrack .timetrack-content .timetrack-content-meter > *[timetrack-view] {
    border-top: 1px solid var(--alpha-light-1);
}
/* /Pages/Error.razor.rz.scp.css */

/* /Pages/MediaLibrary/Components/ExportToMediaLibraryDialog/ExportToMediaLibraryDialog.razor.rz.scp.css */
.export-to-media-library-dialog-template[b-d9n1z7vk58]  .dialog {
    background: #eeeeee;
}

.export-to-media-library-dialog-template[b-d9n1z7vk58]  .dialog-header {
    min-height: 54px;
    padding: 0 16px;
    background: #ffffff;
    border-bottom: 1px solid #d7d7d7;
}

.export-to-media-library-dialog-template[b-d9n1z7vk58]  .dialog-body {
    padding: 0;
    background: #eeeeee;
}

.export-to-media-library-dialog-template[b-d9n1z7vk58]  .dialog-footer {
    min-height: 54px;
    padding: 0 16px;
    background: #ffffff;
    border-top: 1px solid #d7d7d7;
}

.export-to-media-library-dialog[b-d9n1z7vk58] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 520px;
    min-height: 520px;
    padding: 10px 20px 20px 20px;
    background: #eeeeee;
}

.export-to-media-library-dialog-header[b-d9n1z7vk58] {
    display: flex;
    align-items: center;
}

.export-to-media-library-dialog-header h3[b-d9n1z7vk58] {
    margin: 0;
    color: #323232;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.export-to-media-library-section[b-d9n1z7vk58] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.export-to-media-library-title[b-d9n1z7vk58] {
    color: #323232;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
}

.export-to-media-library-subtitle[b-d9n1z7vk58] {
    color: #737373;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.export-to-media-library-name-form[b-d9n1z7vk58] {
    margin-top: 6px;
}

[b-d9n1z7vk58] .export-to-media-library-name-form ::deep .field-group label.required {
    display: none !important;
}

.export-to-media-library-name-form[b-d9n1z7vk58]  .field-group label.required {
    display: none !important;
}

.export-to-media-library-name-form[b-d9n1z7vk58]  label,
.export-to-media-library-name-form[b-d9n1z7vk58]  .input-label,
.export-to-media-library-name-form[b-d9n1z7vk58]  .text-input-label {
    display: none !important;
}

.export-to-media-library-name-form[b-d9n1z7vk58]  input {
    height: 32px;
    color: #323232;
    font-size: 12px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

.export-to-media-library-name-form[b-d9n1z7vk58]  input:focus {
    border-color: #22b887;
    box-shadow: none;
    outline: none;
}

.export-to-media-library-search[b-d9n1z7vk58] {
    margin-top: -4px;
}

.export-to-media-library-search[b-d9n1z7vk58]  .search--small {
    width: 100%;
    padding: unset;
    z-index: 0 !important;
}

.export-to-media-library-search[b-d9n1z7vk58]  .search--small .search-field input {
    height: 32px;
    color: #323232;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 12px;
}

.export-to-media-library-tree-wrapper[b-d9n1z7vk58] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}

.selected-folder[b-d9n1z7vk58] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 12px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e7eb;
    font-size: 13px;
    font-weight: 500;
    flex-shrink: 0;
}

.export-to-media-library-tree[b-d9n1z7vk58] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.export-to-media-library-empty[b-d9n1z7vk58] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    height: 100%;
    color: #9ca3af;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: #f1f1f1;
}

.export-to-media-library-tree[b-d9n1z7vk58]  .selected {
    background: #e6f7f1;
}

.add-folder-icon[b-d9n1z7vk58] {
    cursor: pointer;
}

.add-folder-icon[b-d9n1z7vk58]  svg {
    width: 14px !important;
    height: 14px !important;
}

.selected-folder[b-d9n1z7vk58]  button {
    width: 24px;
    height: 24px;
    min-width: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.selected-folder[b-d9n1z7vk58]  button:hover,
.selected-folder[b-d9n1z7vk58]  button:focus,
.selected-folder[b-d9n1z7vk58]  button:active {
    border: 0;
    background: transparent;
    box-shadow: none;
    outline: none;
}
/* /Pages/MediaLibrary/Components/GoogleDriveFilesDialog/GoogleDriveFilesDialog.razor.rz.scp.css */
.dialog-name-container[b-vyz7m9pb31] {
    display: flex;
    gap: 18px;
}

.icon-container[b-vyz7m9pb31] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    border-radius: 4px;
    background: var(--green);
}

.icon-container[b-vyz7m9pb31] .icon {
    height: 26px;
    width: 26px;
    fill: white;
    padding: 2px;
}

.google-drive-files-dialog[b-vyz7m9pb31]  .modal {
    z-index: 1001 !important;
}

.warning-container[b-vyz7m9pb31] {
    display: flex;
    flex-flow: row;
    gap: 8px;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(0, 162, 255, 0.30);
    background: rgba(0, 162, 255, 0.05);
    box-shadow: 0 3px 6px 0 rgba(0, 162, 255, 0.10);
    padding: 12px;
}

.warning-container .message[b-vyz7m9pb31] {
    color: #00A2FF;
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.warning-container[b-vyz7m9pb31]  svg {
    width: 12px;
    height: 12px;
}

.warning-container[b-vyz7m9pb31]  path {
    fill: #00A2FF;
}

.warning-container .info-icon[b-vyz7m9pb31],
.warning-container .close-icon[b-vyz7m9pb31] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.warning-container .info-icon[b-vyz7m9pb31]  svg {
    width: 16px;
    height: 16px;
}

.warning-container .close-icon[b-vyz7m9pb31] {
    margin-left: auto;
    cursor: pointer;
}

.container[b-vyz7m9pb31] {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.main[b-vyz7m9pb31] {
    display: flex;
    flex-flow: column;
    justify-content: center;
    gap: 20px;
}

.header[b-vyz7m9pb31] {
    display: flex;
    flex-flow: column;
}

.title[b-vyz7m9pb31] {
    color: var(--grey-dark-3);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
}

.subtitle[b-vyz7m9pb31] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
}

.main[b-vyz7m9pb31]  .btn {
    width: fit-content;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
}

[b-vyz7m9pb31] .delete-icon {
    cursor: pointer;
}

[b-vyz7m9pb31] .delete-icon svg {
    width: 12px;
    height: 12px;
}

[b-vyz7m9pb31] .delete-icon path {
    fill: var(--grey-2);
}

[b-vyz7m9pb31] .dialog-footer .btn {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}

.unsupported-bar[b-vyz7m9pb31] {    
    width: 100%;
    padding: 8px 12px 8px 12px;
    background: rgba(235, 141, 42, 0.10);
    border: 1px solid var(--orange);
    z-index: 2;
    color: var(--orange);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
}

.unsupported-bar[b-vyz7m9pb31]  svg {
    width: 18px;
    height: 18px;
}

[b-vyz7m9pb31] .unsupported-file {
    background: rgba(235, 141, 42, 0.10) !important;
}

[b-vyz7m9pb31] .file-name {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
}

[b-vyz7m9pb31] .file-name svg {
    width: 18px;
    height: 18px;
}

[b-vyz7m9pb31] .dialog-body {
    padding: 0 !important;
}
/* /Pages/MediaLibrary/Components/MediaFileDialog/MediaFileDialog.razor.rz.scp.css */
.dialog-name-container[media-file-dialog-component] {
    display:flex;
    gap: 18px;
}

.icon-container[media-file-dialog-component] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    border-radius: 4px;
    background: var(--green);
}

.icon-container[media-file-dialog-component] .icon {
    height: 26px;
    width: 26px;
}

.media-file-dialog[media-file-dialog-component]  .modal {
    z-index: 1001 !important;
}

[media-file-dialog-component] .dialog-footer .btn {
    width: 90px;
    max-width: 90px;
    min-width: 90px;
}

.content[media-file-dialog-component] {
    margin-top: 20px;
}

.unsupported-bar[media-file-dialog-component] {
    position: absolute;
    top: 63px;
    left: 0;
    width: 100%;
    padding: 8px 12px 8px 12px;
    background: rgba(235, 141, 42, 0.10);
    border: 1px solid var(--orange);
    z-index: 2;
    color: var(--orange);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
}

.unsupported-bar[media-file-dialog-component]  svg {
    width: 18px;
    height: 18px;
}
/* /Pages/MediaLibrary/Components/MediaFileDialog/Views/Details/MediaFileDetails.razor.rz.scp.css */
/* /Pages/MediaLibrary/Components/MediaFileDialog/Views/FileDetails/FileDetails.razor.rz.scp.css */
.file-details-container[file-detials-view] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.no-file-thumb[file-detials-view] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.thumb[file-detials-view] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 156px;
    padding: 8px 25px;
    border-radius: 8px;
    border: 1px dashed var(--grey-1);
}

.thumb-content[file-detials-view] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .thumb-content[file-detials-view] .icon {
        width: 60px;
        height: 71px;
    }

.thumb-label[file-detials-view] {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.file-input-container[file-detials-view] .btn{
    height: 40px;
}

.upload-controls[file-detials-view] {
    display: flex;
    flex-flow: row nowrap;
    gap: 16px;
}
/* /Pages/MediaLibrary/Components/MediaLibraryContent/MediaLibraryContent.razor.rz.scp.css */
.loader-container[teacher-media-library-component] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.media-library-content[teacher-media-library-component] {
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--grey-light-4);
}

.media-library-content--fullscreen[teacher-media-library-component] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    border: none;
    background: white;
}

.media-library-content.media-library-content--table-view[teacher-media-library-component] {
    background: white;
}

.media-library-content.media-library-content--grid-view[teacher-media-library-component] {
    background: #F9F9F9;
}

.media-library-content-sidebar-container[teacher-media-library-component] {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 0 0 auto;
    height: 100%;
    min-height: 0;
    background-color: white;
    border-right: 1px solid var(--grey-light-3);
    transition: width 0.2s ease, padding 0.2s ease;
    overflow: hidden;
}

.media-library-content-sidebar-container--expanded[teacher-media-library-component] {
    width: 288px;
    gap: 20px;
}

.media-library-content-sidebar-container--collapsed[teacher-media-library-component] {
    width: 72px;
    align-items: center;
    gap: 12px;
    padding-top: 20px;
}

.media-library-content-sidebar-container--expanded[teacher-media-library-component]  .dropdown-menu {
    padding: 20px 20px 0 20px;
    width: 100%;
}

.media-library-content-sidebar-container--collapsed[teacher-media-library-component]  .dropdown-menu {
    padding: 0;
    width: auto;
}

    .media-library-content-sidebar-container--collapsed[teacher-media-library-component]  .dropdown-menu .menu-list {
        min-width: 250px;
    }

.media-library-content-sidebar-container--expanded[teacher-media-library-component]  .media-library-content-sidebar-add-button {
    width: 248px;
    height: 40px;
}

.media-library-content-sidebar-container--collapsed[teacher-media-library-component]  .media-library-content-sidebar-add-button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
}

.media-library-content-sidebar-add-button-content[teacher-media-library-component] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 1rem;
}

.media-library-content-sidebar-container--expanded[teacher-media-library-component]  .media-library-content-sidebar-add-button-content .icon {
    flex: none;
    left: 0;
    width: 12px;
    height: 12px;
}

.media-library-content-sidebar-add-button-content--collapsed[teacher-media-library-component] {
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 0;
}

.media-library-content-sidebar-add-button-plus[teacher-media-library-component] {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
}

.media-library-content-body[teacher-media-library-component] {
    position: relative;
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    height: 100%;
    background: white;
}

.media-library-content-body-toolbar-container[teacher-media-library-component] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    padding: 12px;
    background: white;
    border-bottom: 1px solid var(--grey-light-3);
    flex: 0 0 64px;
}

    .media-library-content-body-toolbar-container .sidebar-actions[teacher-media-library-component] {
        width: auto;
    }

    .media-library-content-body-toolbar-container .toolbar-container[teacher-media-library-component] {
        width: 100%;
        min-width: 0;
        padding: 0 8px;
    }

    .media-library-content-body-toolbar-container .toolbar-actions[teacher-media-library-component] {
        display: flex;
        flex-direction: row;
        gap: 8px;
        width: auto;
    }

.media-library-content-body-container[teacher-media-library-component] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
}

    .media-library-content-body-container[teacher-media-library-component]  .table-wrapper-card {
        border: none !important;
        border-radius: 0 !important;
    }
    
.media-library-content-body-container--grid[teacher-media-library-component] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    background: #F9F9F9;
}
    
.media-library-content-footer-container[teacher-media-library-component] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 64px;
    padding: 15px;
    background-color: #ffffff;
    border-top: 1px solid var(--grey-light-3);
    z-index: 1;
}

.drop-down-container[teacher-media-library-component] {
    width: 190px;
}

.no-button-border[teacher-media-library-component]  .btn {
    border: none !important;
}

.media-library-grid-filters[teacher-media-library-component] {
    background: #F9F9F9;
    padding: 10px;
}

.media-library-grid-wrapper[teacher-media-library-component] {
    background: #F9F9F9;
    border-radius: 12px 12px 0 0;
    padding: 0 10px 10px 10px;
    height: max-content;
    overflow-y: auto;
}

.media-library-grid-filters[teacher-media-library-component]  .filter-drop-down {
    min-width: 160px !important;
}
/* /Pages/MediaLibrary/Components/MediaLibraryContent/Views/MediaLibraryFoldersTree/MediaLibraryFoldersTree.razor.rz.scp.css */
.media-library-folders-tree-parent-content[b-u9blr533xp] {
    display: flex;
    align-items: center;
    height: 40px;
    font-weight: 600;
    font-size: 13px;
    color: var(--text-secondary, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    user-select: none;
}

.media-library-folders-tree-parent-title[b-u9blr533xp] {
    padding-left: 4px;
    user-select: none;
}

.media-library-folders-tree-folder-content[b-u9blr533xp] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
}

.media-library-folders-tree-folder-icon[b-u9blr533xp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.media-library-folders-tree-folder-name[b-u9blr533xp] {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--grey-dark-3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    user-select: none;
}

.media-library-folders-tree-empty[b-u9blr533xp] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    color: #9ca3af;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: #f1f1f1
}
/* /Pages/MediaLibrary/Components/MediaLibraryContent/Views/MediaLibraryGrid/MediaLibraryGrid.razor.rz.scp.css */
.media-library-grid-content[b-ttkz0nrb4d] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
    padding: 10px;
    background: #e2e2e2;
    border-radius: 6px;
}

.media-library-grid-spinner[b-ttkz0nrb4d] {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eeeeee;
}

.media-library-grid-card[b-ttkz0nrb4d] {
    min-width: 0;
    min-height: 306px;
    width: 100%;
    padding: 10px;
    overflow: visible;
    cursor: pointer;
    border: 1px solid var(--grey-light-3);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
}

.media-library-grid-card:hover[b-ttkz0nrb4d],
.media-library-grid-card:focus[b-ttkz0nrb4d],
.media-library-grid-card:active[b-ttkz0nrb4d] {
    box-shadow: none;
}

.media-library-grid-card-preview[b-ttkz0nrb4d] {
    height: 204px;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
}

.media-library-grid-card-preview-header[b-ttkz0nrb4d] {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.media-library-grid-card-icon-container[b-ttkz0nrb4d] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 28px;
}

.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d] {
    width: 28px;
    height: 28px;
    overflow: visible;
}

/* IMPORTANT FIX */
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions:hover,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions:focus,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions:active,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions:focus-visible {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions button,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions .btn,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions .dropdown-menu-btn,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions .dropdown-menu-button,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions button:hover,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions button:focus,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions button:active,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions .btn:hover,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions .btn:focus,
.media-library-grid-card-actions-wrapper[b-ttkz0nrb4d]  .media-library-grid-card-actions .btn:active {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.media-library-grid-card-dots[b-ttkz0nrb4d] {
    width: 28px;
    height: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.media-library-grid-card-dots span[b-ttkz0nrb4d] {
    width: 4px;
    height: 4px;
    display: block;
    border-radius: 50%;
    background: #7f7f7f;
}

.media-library-grid-folder-icon[b-ttkz0nrb4d],
.media-library-grid-file-icon[b-ttkz0nrb4d] {
    width: 71.75px !important;
    height: 61.5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.media-library-grid-folder-icon[b-ttkz0nrb4d]  svg,
.media-library-grid-file-icon[b-ttkz0nrb4d]  svg,
.media-library-grid-folder-icon svg[b-ttkz0nrb4d],
.media-library-grid-file-icon svg[b-ttkz0nrb4d] {
    width: 71.75px !important;
    height: 61.5px !important;
    min-width: 71.75px !important;
    min-height: 61.5px !important;
    max-width: 71.75px !important;
    max-height: 61.5px !important;
    display: block;
}

.media-library-grid-card-info[b-ttkz0nrb4d] {
    height: 102px;
    padding: 10px 8px 14px;
    background: #ffffff;
}

.media-library-grid-card-meta[b-ttkz0nrb4d] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 6px;
    color: #9b9b9b;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.media-library-grid-card-meta-icon[b-ttkz0nrb4d] {
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 15px;
}

.media-library-grid-card-meta-icon svg[b-ttkz0nrb4d] {
    width: 15px;
    height: 15px;
}

.media-library-grid-card-size[b-ttkz0nrb4d] {
    margin-left: auto;
    color: #666666;
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
    white-space: nowrap;
}

.media-library-grid-card-name[b-ttkz0nrb4d] {
    margin-top: 3px;
    overflow: hidden;
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-library-grid-card-footer[b-ttkz0nrb4d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
    color: #777777;
    font-size: 13px;
    line-height: 18px;
}

.media-library-grid-card-owner[b-ttkz0nrb4d] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    max-width: 120px;
    border-radius: 12px;
    background: #f1f1f1;
    padding: 4px;
}

.media-library-grid-card-owner-avatar[b-ttkz0nrb4d] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.media-library-grid-card-owner-name[b-ttkz0nrb4d] {
    overflow: hidden;
    color: #4f4f4f;
    font-size: 12px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-records-container[b-ttkz0nrb4d] {
    width: 100%;
    padding: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #e5e5e5;
}

.no-records-container[b-ttkz0nrb4d]  .no-records-td {
    height: 240px;
    text-align: center;
    vertical-align: middle;
}

@media (max-width: 1200px) {
    .media-library-grid-content[b-ttkz0nrb4d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .media-library-grid-content[b-ttkz0nrb4d] {
        grid-template-columns: 1fr;
    }

    .media-library-grid-filters[b-ttkz0nrb4d]  .media-library-table-header {
        flex-direction: column;
        align-items: stretch;
    }

    .media-library-grid-filters[b-ttkz0nrb4d]  .media-library-table-header-search {
        width: 100%;
        flex: none;
    }

    .media-library-grid-filters[b-ttkz0nrb4d]  .media-library-table-header-filters {
        flex-wrap: wrap;
    }

    .media-library-grid-filters[b-ttkz0nrb4d]  .media-library-table-header-filters ::deep .filter-drop-down {
        width: 100%;
        min-width: 100% !important;
    }
}
/* /Pages/MediaLibrary/Components/MediaLibraryContent/Views/MediaLibraryMoveItemsDialog/MediaLibraryMoveItemsDialog.razor.rz.scp.css */
.move-items-dialog[b-smm5u6re65]  .dialog-template-container.md {
    height: 700px !important;
    max-height: 700px !important;
    display: flex;
    flex-direction: column;
}

.move-items-dialog[b-smm5u6re65]  .dialog-template-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.move-items-dialog[b-smm5u6re65]  .dialog-template-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.move-items-dialog[b-smm5u6re65]  .dialog-template-body-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.move-items-dialog[b-smm5u6re65] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    padding: 5px;
}

.move-items-dialog-header[b-smm5u6re65] {
    display: flex;
    align-items: center;
}

.move-items-dialog-header h3[b-smm5u6re65] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.move-items-section[b-smm5u6re65] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
}

.move-items-title[b-smm5u6re65] {
    font-size: 14px;
    font-weight: 600;
    color: #323232;
}

.move-items-subtitle[b-smm5u6re65] {
    font-size: 12px;
    color: #737373;
}

.move-items-search[b-smm5u6re65] {
    flex-shrink: 0;
}

.move-items-search[b-smm5u6re65]  .search--small {
    width: 100%;
    padding: unset;
    z-index: 0 !important;
}

.move-items-search[b-smm5u6re65]  .search--small .search-field input {
    height: 40px;
    background: #fff;
    border: 1px solid var(--grey-light-3);
}

.move-items-tree-wrapper[b-smm5u6re65] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 320px;
    height: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}

.selected-folder[b-smm5u6re65] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 12px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e7eb;
    font-size: 13px;
    font-weight: 500;
    flex-shrink: 0;
}

.move-items-tree[b-smm5u6re65] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.move-items-empty[b-smm5u6re65] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 0;
    color: #9ca3af;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: #f1f1f1;
}

.move-items-tree[b-smm5u6re65]  .selected {
    background: #e6f7f1;
}

.add-folder-icon[b-smm5u6re65] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
}

.add-folder-icon[b-smm5u6re65]  svg {
    width: 14px !important;
    height: 14px !important;
}
/* /Pages/MediaLibrary/Components/MediaLibraryContent/Views/MediaLibraryTable/MediaLibraryTable.razor.rz.scp.css */
[b-ryp7vj6mzt] table {
    table-layout: fixed;
    min-width: 1320px;
}

.media-library-item-info[b-ryp7vj6mzt] {
    display: flex;
    justify-content:flex-start;
    align-items: center;
    gap: 8px;
}
    .media-library-item-info[b-ryp7vj6mzt]  svg {
        width: 20px !important;
        height: 20px !important;
    }

    .media-library-item-info .media-library-item-info-icon-folder[b-ryp7vj6mzt],
    .media-library-item-info-icon-link[b-ryp7vj6mzt],
    .media-library-item-info .media-library-item-info-icon-extension[b-ryp7vj6mzt] {
        width: 20px;
        height: 20px;
    }
/* /Pages/MediaLibrary/Components/MediaLibraryContent/Views/MediaLibraryTableHeader/MediaLibraryTableHeader.razor.rz.scp.css */
.media-library-table-header[b-f0u2nz6bum] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.media-library-table-header-search[b-f0u2nz6bum] {
    flex: 1 1 320px;
}

    .media-library-table-header-search[b-f0u2nz6bum]  .search--small {
        width: 320px;
        max-width: 100%;
        padding: unset;
        z-index: 0 !important; 
    }

        .media-library-table-header-search[b-f0u2nz6bum]  .search--small .search-field input {
            height: 40px;
            background: #fff;
            border: 1px solid var(--grey-light-3);
        }

.media-library-table-header-filters[b-f0u2nz6bum] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

    .media-library-table-header-filters[b-f0u2nz6bum]  .filter-drop-down {
        min-width: 150px;
    }
/* /Pages/MediaLibrary/Components/MediaLinkDialog/MediaLinkDialog.razor.rz.scp.css */
.media-link-dialog[b-pkrrt4vs0k]  .dialog-body {
    padding: 0 20px !important;
}

.dialog-name-container[b-pkrrt4vs0k] {
    display: flex;
    gap: 18px;
}

.icon-container[b-pkrrt4vs0k] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    border-radius: 4px;
    background: var(--green);
}

    .icon-container[b-pkrrt4vs0k] .icon {
        height: 26px;
        width: 26px;
    }

.terms-of-service[b-pkrrt4vs0k] {
    display: flex;
    align-items: center;
    align-self: stretch;
}

.terms-of-service-text[b-pkrrt4vs0k] {
    color: #616161;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.terms-of-service-link[b-pkrrt4vs0k] {
    color: var(--green);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* /Pages/MediaLibrary/Components/NewFolderDialog/NewFolderDialog.razor.rz.scp.css */
[b-en8qe16sly] .dialog-body[dialog-template] {
    position: relative;
    overflow: visible !important;
}

[b-en8qe16sly] .dialog--standard .dialog-footer[dialog-template] {
    position: relative;
    z-index: 1;
}

[b-en8qe16sly] .field-menu .menu-list,
.menu .menu-list[b-en8qe16sly] {
    z-index: 9999 !important;
}

[b-en8qe16sly] .field-menu,
.menu[b-en8qe16sly] {
    position: relative;
}

[b-en8qe16sly] .field-menu .menu-list[data-menu-list] {
    min-width: 260px !important;
    max-width: none !important;
    width: max-content !important;
}

[b-en8qe16sly] .color-picker {
    width: 240px;
}
/* /Pages/MediaLibrary/Page/TeacherMediaLibrary.razor.rz.scp.css */
/* /Pages/MediaLibrary/Views/MedialLibraryPickerDialog/MediaLibraryPickerDialog.razor.rz.scp.css */
.media-library-dialog.full-screen[b-cq18jhu97h]  .modal {
    padding: 0 !important;
}

.media-library-dialog.normal[b-cq18jhu97h] >  .modal > .modal-body {
    max-width: 1360px !important;
    height: 70vh;
}

.media-library-dialog.full-screen[b-cq18jhu97h]  .modal-body {
    padding: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
}

.media-library-dialog[b-cq18jhu97h]  .media-library-content {
    border: none;
}

.media-library-dialog[b-cq18jhu97h] >  .dialog-body {
    padding: 0 !important;
}

.no-button-border[b-cq18jhu97h]  .btn {
    border: none !important;
}

[b-cq18jhu97h] table {
    min-width: 860px !important;
}

[b-cq18jhu97h] .tr--disabled {
    color: inherit !important;
    opacity: 0.4;
}

[b-cq18jhu97h] .tr--selected {
    background-color: var(--alpha-green-2);
}

[b-cq18jhu97h] .tr--link:hover {
    background-color: var(--alpha-green-3) !important;
}

[b-cq18jhu97h] .td--sticky {
    background: transparent !important;
}

    [b-cq18jhu97h] .td--sticky:hover {
        background: transparent !important;
    }
/* /Pages/MyProfile/Page/TeacherMyProfile.razor.rz.scp.css */
/* /Pages/Profile/Views/AttachmentContainer/AttachmentContainer.razor.rz.scp.css */
/* /Pages/Profile/Views/AttachmentUpload/AttachmentUpload.razor.rz.scp.css */
.attachment-selection[b-j0qluh49qo] {
    padding: 1rem;
}

    .attachment-selection .view-file[b-j0qluh49qo] {
        min-height: 60vh;
        height: 100%;
        max-height: 80vh;
    }
/* /Pages/Profile/Views/AttachmentUploadDialog/AttachmentUploadDialog.razor.rz.scp.css */
/* /Pages/Profile/Views/ContactCard/ContactCard.razor.rz.scp.css */
/* Common CSS */

.card-container[b-50pa5typwl] {
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px #0000000F;
    border-radius: 0.25rem;
    position: relative;
    overflow: hidden;
}

.header-container .name[b-50pa5typwl] {
    font-size: 1.125rem;
    color: var(--grey-dark-4);
    font-weight: 600;
}

.relationship[b-50pa5typwl] {
    font-size: 0.875rem;
    color: var(--grey-1);
    text-transform: uppercase;
    letter-spacing: 1.4px;
}

    .header-container .action-menu[b-50pa5typwl] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-left: auto;
    }

.gray-text[b-50pa5typwl] {
    font-size: 0.875rem;
    color: var(--grey-3);
}

.gray-text-capitalized[b-50pa5typwl] {
    font-size: 0.875rem;
    color: var(--grey-3);
    text-transform: capitalize;
}

.green-text[b-50pa5typwl] {
    font-size: 0.875rem;
    color: var(--green);
}

.inline-text[b-50pa5typwl] {
    display: flex;
    align-items: center;
}

    .inline-text .icon[b-50pa5typwl] {
        margin-right: 0.25rem;
    }

        .inline-text .icon[b-50pa5typwl]  > svg {
            width: 1rem;
            height: 1rem;
            fill: var(--green);
        }

/* 'Small'-specific CSS */

.card-container.small[b-50pa5typwl] {
    padding: 0.75rem 0.75rem 0.75rem 1.5rem;
}

    .card-container.small[b-50pa5typwl]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0.25rem;
        background-color: var(--grey-dark-4);
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .card-container.small .relationship[b-50pa5typwl] {
        margin-bottom: 0.875rem;
    }

    .card-container.small .header-container[b-50pa5typwl] {
        display: flex;
        justify-content: space-between;
    }

/* 'Large'-specific CSS */

    .card-container.large .header-container[b-50pa5typwl] {
        display: flex;
        padding: 0.75rem 1.5rem;
    }

        .card-container.large .header-container .name-relationship-container[b-50pa5typwl] {
            display: flex;
            flex-direction: column;
        }

    .card-container.large .ribbon[b-50pa5typwl] {
        width: 100%;
        background-color: var(--grey-light-2);
        text-align: right;
        padding: 0.375rem 1rem;
        font-size: 0.75rem;
        color: var(--grey-2);
        letter-spacing: 1.2px;
        text-transform: uppercase;
        position: relative;
        margin-top: 1rem;
    }

    .card-container.large .details[b-50pa5typwl] {
        padding: 1.5rem;
    }

        .card-container.large .details .section[b-50pa5typwl] {
            margin-bottom: 0.5rem;
        }

            .card-container.large .details .section .section-title[b-50pa5typwl] {
                font-size: 0.875rem;
                letter-spacing: 1.4px;
                text-transform: uppercase;
                color: #888888bf;
                margin-bottom: 0.5rem;
            }
/* /Pages/Profile/Views/ContactDetailsDialog/ContactDetailsDialog.razor.rz.scp.css */
/* /Pages/Profile/Views/DocumentInfoCard/DocumentInfoCard.razor.rz.scp.css */
.document-card[b-cexo0pczkc] {
    padding: 0.5rem 0.75rem;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    background: white;
    cursor: pointer;
    transition: all var(--transition-duration) ease 0s;
}

    .document-card:hover[b-cexo0pczkc], .document-card:focus[b-cexo0pczkc], .document-card.active[b-cexo0pczkc] {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        border: 1px solid var(--grey-light-3);
    }

.document-info-btn[b-cexo0pczkc] > .btn--circle {
    border: none;
    background: none;
}

    .document-info-btn[b-cexo0pczkc] > .btn--circle:hover {
        color: var(--green);
        background-color: var(--grey-light-2);
    }
/* /Pages/Profile/Views/DocumentInfoDialog/DocumentInfoDialog.razor.rz.scp.css */
/* NOTE: This fixes the DocumentPreview sizing issue. */
.body-container[b-t4nyo1g1h0] {
    border-radius: 0.25rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

    .body-container[b-t4nyo1g1h0]  .document-preview {
        height: 100%;
    }

    .body-container[b-t4nyo1g1h0]  .document {
        height: 95%;
    }

    .body-container[b-t4nyo1g1h0]  .document-body {
        height: 100%;
    }

.document-info-dialog-header[b-t4nyo1g1h0] {
    display: flex;
    align-items: center;
}

.actions-container[b-t4nyo1g1h0] {
    width: 100%;
    background-color: white;
    padding: 3px;
    border-bottom: 1px solid var(--grey-light-3);
}

.action-buttons[b-t4nyo1g1h0] > .btn--circle {
    border: none;
    background: none;
}

    .action-buttons[b-t4nyo1g1h0] > .btn--circle:hover {
        color: var(--green);
        background-color: var(--grey-light-2);
    }

.document-type[b-t4nyo1g1h0] {
    font-size: 0.875rem;
    letter-spacing: 1.4px;
    color: var(--grey-3);
    text-transform: uppercase;
    margin-left: 0.625rem;
}

.document-info-container[b-t4nyo1g1h0] {
    background-color: var(--grey-light-1);
    padding: 0.875rem;
}

.document-preview[b-t4nyo1g1h0] {
    background-color: var(--grey-dark-3);
    min-height: 50px;
}
/* /Pages/Profile/Views/DocumentInfoItem/DocumentInfoItem.razor.rz.scp.css */

.document-name[b-y4b9437fro] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--grey-dark-4);
}

.document-details-container[b-y4b9437fro] {
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.document-file-container[b-y4b9437fro], .document-name[b-y4b9437fro] {
    line-height: 1;
}

.document-file-value[b-y4b9437fro] {
    font-size: 0.75rem;
    color: var(--grey-3);
}

.document-name[b-y4b9437fro], .document-file-value[b-y4b9437fro] {
    margin: 0;
}

.document-file-label[b-y4b9437fro] {
    font-size: 0.75rem;
    color: var(--grey-1);
}

.download-icon[b-y4b9437fro], .print-icon[b-y4b9437fro] {
    width: 1rem;
    height: 1rem;
    color: var(--grey-3);
}

.download-icon[b-y4b9437fro] {
    margin-right: 1rem;
}

.document-type-icon[b-y4b9437fro] {
    width: 1.5rem;
    height: 1.875rem;
    flex-shrink: 0;
}
/* /Pages/Profile/Views/EmergencyContactDialog/EmergencyContactDialog.razor.rz.scp.css */
/* /Pages/Profile/Views/EmergencyContactDialog/EmergencyContactDialogDetails.razor.rz.scp.css */
.emergency-contact-details[b-0e8kixg9tn] {
    margin-top: 1rem;
}

.contact-section-dropdown[b-0e8kixg9tn] {
    margin-left: 0.75rem;
}

.button-label[b-0e8kixg9tn] {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 2px;
    color: var(--grey-3);
    text-transform: capitalize;
    font-weight: 600;
}

.card[b-0e8kixg9tn] {
    padding: 1rem !important;
}

.card-background-color[b-0e8kixg9tn] {
    background-color: var(--grey-light-1);
}
/* /Pages/Profile/Views/GradebookDialog/GradebookDialog.razor.rz.scp.css */
.heading-container[b-l3o9b73bz2] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.body-content[b-l3o9b73bz2] {
    background: var(--grey-light-2);
    border-radius: 0 0 0.25rem 0.25rem;
    height: 50vh;
}

.no-data[b-l3o9b73bz2] {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 2rem;
    text-transform: uppercase;
    color: var(--grey-1);
}
/* /Pages/Profile/Views/LearningPlan/StudentLearningPlan.razor.rz.scp.css */
.student-learning-plan[b-pjb2qpbr5t] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.student-learning-plan-wrapper[b-pjb2qpbr5t] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}

.student-learning-plan-course[b-pjb2qpbr5t] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.course-info[b-pjb2qpbr5t] {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.icon[b-pjb2qpbr5t]  svg {
    width: 18px;
}

.course-name[b-pjb2qpbr5t] {
    color: #BCBCBC;
    font-size: 14px;
    line-height: 100%;
    font-weight: 600;
    margin-top: 1px;
}

.plan-name[b-pjb2qpbr5t] {
    font-size: 16px;
    color: #323232;
    line-height: 14px;
    font-weight: 600;
}

.file[b-pjb2qpbr5t] {
    display: flex;
    align-items: center;
}

.file-wrapper[b-pjb2qpbr5t] {
    padding: 5px;
    border-radius: 5px;
    background: #F2F2F2;
    height: 30px;
    cursor: pointer;
}
/* /Pages/Profile/Views/LinkParentDialog/LinkParentDialog.razor.rz.scp.css */
.link-parent-dialog-separator[b-q1j6xwz1ix] {
    position: relative;
    width: 100%;
    height: 4rem;
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.125em;
    color: var(--grey-1);
}

.link-parent-dialog-separator-line[b-q1j6xwz1ix] {
    position: absolute;
    top: 50%;
    left: 0.625rem;
    width: calc(100% - 1.25rem);
    height: 1px;
    background-color: var(--grey-light-3);
}

.link-parent-dialog-separator-text[b-q1j6xwz1ix] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--grey-light-2);
    padding: 1rem;
}

.link-parent-dialog-action-buttons[b-q1j6xwz1ix] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}
/* /Pages/Profile/Views/LinkParentDialog/LinkParentDialogDetails.razor.rz.scp.css */
.link-parent-details[b-g0uotvublz] {
    margin-top: 1rem;
}

.link-parent-details .container[b-g0uotvublz] {
    padding: 0rem 0.625rem !important;
}

.section-title[b-g0uotvublz] {
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.125em;
    color: var(--grey-1);
    padding: 0 10px;
}
/* /Pages/Profile/Views/LinkParentDialog/LinkParentDialogSearch.razor.rz.scp.css */
.search-container[b-q38szqkkmc] {
    position: relative;
    width: 100%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 0 10px;
    margin-top: 1rem;
}

.search-results-container[b-q38szqkkmc] {
    position: absolute;
    top: 2.75rem;
    left: 10px;
    width: calc(100% - 20px);
    max-height: 10rem;
    border: 1px solid var(--gray-light-2);
    border-top: none;
    border-radius: 0 0 0.25rem 0.25rem;
    background-color: white;
}

.search-results-list[b-q38szqkkmc] {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    max-height: 10rem;
    background: white;
    font-size: 0.875rem;
}

.selected-item-container[b-q38szqkkmc] {
    width: 100%;
    height: 8rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey-light-3);
    border: 1px solid transparent;
    border-radius: 0.25rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}

    .selected-item-container .empty-value[b-q38szqkkmc] {
        text-align: center;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 1.2px;
        color: var(--grey-2);
    }

.selected-item[b-q38szqkkmc] {
    display: flex;
    width: 100%;
    background-color: white;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}

.selected-item-avatar[b-q38szqkkmc] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.selected-item-avatar[b-q38szqkkmc]  .avatar {
    width: 4rem;
    height: 4rem;
}

.selected-item-info[b-q38szqkkmc] {
    display: flex;
    flex-direction: column;
    margin-right: auto;
    padding: 0.75rem 0rem;
}

.selected-item-info-name[b-q38szqkkmc] {
    font-size: 1.125rem;
    font-weight: 600;
}

.selected-item-info-row[b-q38szqkkmc] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.selected-item-info-row-item[b-q38szqkkmc] {
    display: flex;
    gap: 0.25rem;
    font-size: 0.875rem;
}

.selected-item-info-tag[b-q38szqkkmc] {
    color: var(--grey-2);
}

.selected-item-info-value[b-q38szqkkmc] {
    color: var(--black);
}

.selected-item-info-address[b-q38szqkkmc] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--grey-2);
}

    .selected-item-info-address .icon[b-q38szqkkmc] {
        margin-right: 5px;
    }

        .selected-item-info-address .icon[b-q38szqkkmc]  > svg {
            width: 1rem;
            height: 1rem;
            fill: var(--green);
        }

.selected-item-actions[b-q38szqkkmc] {
    display: flex;
    margin: 0.5rem;
}

.selected-item-actions[b-q38szqkkmc]  .btn {
    border: none;
}
/* /Pages/Profile/Views/LinkParentDialog/LinkParentDialogSearchResult.razor.rz.scp.css */
.item[b-mkdwpmxcb1] {
    display: flex;
    gap: 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background: transparent;
    border: 1px solid var(--grey-light-2);
    cursor: pointer;
}

    .item:hover[b-mkdwpmxcb1] {
        background: var(--grey-light-2);
    }

.item-icon[b-mkdwpmxcb1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.875rem;
    height: 2.5rem;
    margin-left: 1rem;
    color: var(--grey-2);
}

    .item-icon > svg[b-mkdwpmxcb1] {
        align-content: center;
    }

.item-container[b-mkdwpmxcb1] {
    display: flex;
    gap: 0.25rem;
}

.item-tag[b-mkdwpmxcb1] {
    color: var(--grey-2);
}

.item-value[b-mkdwpmxcb1] {
    color: var(--black);
}
/* /Pages/Profile/Views/ParentCard/ParentCard.razor.rz.scp.css */
.parent-card[b-9rzkt0suo1] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    width: 100%;
    align-items: center;
    position: relative;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    background-color: var(--grey-light-2);
    border: 1px solid transparent;
    border-radius: 0.25rem;
    overflow: hidden;
    transition: all var(--transition-duration) ease 0s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.parent-card:hover[b-9rzkt0suo1] {
    background-color: var(--grey-light-1);
    border: 1px solid var(--grey-light-3);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    border-radius: 0.25rem;
}

    .parent-card .parent-avatar[b-9rzkt0suo1] {
        display: flex;
        flex-direction: column;
    }

    .parent-card .parent-details[b-9rzkt0suo1] {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
        margin-top: 0.25rem;
    }

        .parent-card .parent-details .parent-details-title[b-9rzkt0suo1] {
            line-height: 0.875rem;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--grey-dark-4);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .parent-card .parent-details .parent-details-subtitle[b-9rzkt0suo1] {
            font-size: 0.75rem;
            color: var(--grey-2);
            text-transform: capitalize;
        }

        .parent-card .parent-details .parent-details-subtitle .parent-relationship[b-9rzkt0suo1] {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .parent-card:hover .parent-details .parent-details-subtitle .parent-relationship[b-9rzkt0suo1] {
            display: none;
        }

        .parent-card .parent-details .parent-details-subtitle .parent-contact-type[b-9rzkt0suo1] {
            display: none;
        }

        .parent-card:hover .parent-details .parent-details-subtitle .parent-contact-type[b-9rzkt0suo1] {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

    .parent-card .parent-action[b-9rzkt0suo1] {
        display: none;
    }

        .parent-card:hover .parent-action[b-9rzkt0suo1] {
            display: block;
        }
/* /Pages/Profile/Views/ParentDetailsCard/ParentDetailsCard.razor.rz.scp.css */
.card-container[b-hxxsisf3f3] {
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px #0000000F;
    border-radius: 0.25rem;
    position: relative;
    overflow: hidden;
}

    .card-container .header-container[b-hxxsisf3f3] {
        display: flex;
        padding: 0.75rem 1.25rem;
    }

        .card-container .header-container .name-relationship-container[b-hxxsisf3f3] {
            display: flex;
            flex-direction: column;
        }

            .card-container .header-container .name-relationship-container .name[b-hxxsisf3f3] {
                font-size: 1.125rem;
                color: var(--grey-dark-4);
                font-weight: 600;
            }

            .card-container .header-container .name-relationship-container .relationship[b-hxxsisf3f3] {
                font-size: 0.875rem;
                color: var(--grey-1);
                text-transform: uppercase;
                letter-spacing: 1.4px;
            }

        .card-container .header-container .action-menu[b-hxxsisf3f3] {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-left: auto;
        }

    .card-container .ribbon[b-hxxsisf3f3] {
        width: 100%;
        background-color: var(--grey-light-2);
        text-align: right;
        padding: 0.375rem 1rem;
        font-size: 0.75rem;
        color: var(--grey-2);
        letter-spacing: 1.2px;
        text-transform: uppercase;
        position: relative;
        margin-top: 1rem;
    }

    .card-container .details[b-hxxsisf3f3] {
        padding: 1.5rem;
    }

        .card-container .details .section[b-hxxsisf3f3] {
            margin-bottom: 0.5rem;
        }

            .card-container .details .section .section-title[b-hxxsisf3f3] {
                font-size: 0.875rem;
                letter-spacing: 1.4px;
                text-transform: uppercase;
                color: #888888bf;
                margin-bottom: 0.5rem;
            }

            .card-container .details .section .gray-text[b-hxxsisf3f3] {
                font-size: 0.875rem;
                color: var(--grey-3);
            }

            .card-container .details .section .gray-text-capitalized[b-hxxsisf3f3] {
                font-size: 0.875rem;
                color: var(--grey-3);
                text-transform: capitalize;
            }

            .card-container .details .section .green-text[b-hxxsisf3f3] {
                font-size: 0.875rem;
                color: var(--green);
            }

            .card-container .details .section .black-text[b-hxxsisf3f3] {
                font-size: 0.875rem;
                color: var(--black);
            }

            .card-container .details .section .inline-text[b-hxxsisf3f3] {
                display: flex;
                align-items: center;
            }

                .card-container .details .section .inline-text .icon[b-hxxsisf3f3] {
                    margin-right: 0.25rem;
                }

                .card-container .details .section .inline-text .icon[b-hxxsisf3f3]  > svg {
                    width: 1rem;
                    height: 1rem;
                    fill: var(--green);
                }

.contact-details-avatar[b-hxxsisf3f3] {
    margin-right: 1rem;
    display: flex;
    align-items: center;
}

[b-hxxsisf3f3] .contact-details-avatar .avatar {
    height: 2.5rem;
    width: 2.5rem;
    border: 2px solid var(--grey-1);
}

.contact-icons-container[b-hxxsisf3f3] {
    background-color: var(--grey-dark-4);
    height: 3.75rem;
    border-radius: 0 60px 60px 0;
    position: absolute;
    left: 0;
    top: -50%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1.25rem;
}

[b-hxxsisf3f3] .contact-icons-container .btn {
    border: 2px solid var(--grey-light-1);
    background-color: var(--grey-dark-4);
    width: 2.25rem;
    height: 2.25rem;
}

    [b-hxxsisf3f3] .contact-icons-container .btn .icon {
        color: var(--grey-light-1);
    }

    [b-hxxsisf3f3] .contact-icons-container .btn:hover {
        background-color: var(--grey-light-1);
    }

        [b-hxxsisf3f3] .contact-icons-container .btn:hover .icon {
            color: var(--grey-dark-4);
        }
/* /Pages/Profile/Views/ParentDetailsDialog/ParentDetailsDialog.razor.rz.scp.css */
/* /Pages/Profile/Views/ParentRelationship/ParentRelationship.razor.rz.scp.css */
.parent-relationship-container[b-se5n7sy52t] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.parent-relationship-container-title[b-se5n7sy52t] {
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #A4A4A4;
    font-size: 0.75rem;
}

.parent-relationship-container-items[b-se5n7sy52t] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}

.parent-relationship-container-buttons[b-se5n7sy52t] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}


    .parent-relationship-container-buttons[b-se5n7sy52t]  .btn--primary {
        color: var(--green);
        border: 2px solid var(--green);
        background: white;
        overflow: hidden;
    }

        .parent-relationship-container-buttons[b-se5n7sy52t]  .btn--primary:hover {
            color: white;
            border: 2px solid var(--green);
            background: var(--green);
            overflow: hidden;
        }
/* /Pages/Profile/Views/ProfileAvatar/ProfileAvatar.razor.rz.scp.css */
.profile-avatar-container[b-vuj5n9rrk5] {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
    gap: 1rem;
}

    .profile-avatar-container[b-vuj5n9rrk5]  .avatar {
        margin-top: 1rem;
        width: 8rem;
        height: 8rem;
    }

    .profile-avatar-container .user-info[b-vuj5n9rrk5] {
        line-height: 1.4;
        max-width: 100%;
    }

        .profile-avatar-container .user-info > *:last-child[b-vuj5n9rrk5] {
            display: block;
            font-size: 0.75rem;
            color: var(--grey-1);
            font-weight: var(--font-weight);
        }

        .profile-avatar-container .user-info .text-overflow[b-vuj5n9rrk5] {
            display: block;
        }

        .profile-avatar-container .user-info .user-role[b-vuj5n9rrk5] {
            text-transform: uppercase;
            letter-spacing: 0.125em;
        }

    .profile-avatar-container .contact-buttons[b-vuj5n9rrk5] {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
    }

    .profile-avatar-container .contact-buttons[b-vuj5n9rrk5]  .btn--circle {
        width: 2.25rem;
        height: 2.25rem;
        color: var(--green);
        border: 2px solid var(--green);
    }

        .profile-avatar-container .contact-buttons[b-vuj5n9rrk5]  button .icon {
            color: var(--green);
        }

        .profile-avatar-container .contact-buttons[b-vuj5n9rrk5]  button:hover .icon {
            color: white;
        }
/* /Pages/Profile/Views/ProfileDetails/AdministratorProfileDetails.razor.rz.scp.css */
/* /Pages/Profile/Views/ProfileDetails/StudentProfileDetails.razor.rz.scp.css */
/* /Pages/Profile/Views/ProfileDetails/TeacherProfileDetails.razor.rz.scp.css */
/* /Pages/Profile/Views/ProfileDetails/Views/Common/ProfileDetailsContainer.razor.rz.scp.css */
.user-profile-details-container[b-gw419bcais] {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
/* /Pages/Profile/Views/ProfileDetails/Views/Header/ProfileDetailsHeader.razor.rz.scp.css */
.header[b-hp87c5b14q] {
    display: flex;
    flex-direction: row;
    margin: 1rem 0 1rem 0.825rem;
}

    .header .header-buttons[b-hp87c5b14q] {
        margin-left: auto;
    }

        .header .header-buttons[b-hp87c5b14q]  .header-button {
            margin: 0 0.25rem;
            line-height: 1.2;
        }
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/AboutMeSection/AboutMeSection.razor.rz.scp.css */
.readonly-label-title[b-q08y19bt1u] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/AddressSection/AddressSection.razor.rz.scp.css */
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/BasicSection/BasicSection.razor.rz.scp.css */
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/ContactSection/Item/ContactSectionEmailItem.razor.rz.scp.css */
.email-item[b-za2khokqy2]  .readonly-label .value {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--green);
}
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/ContactSection/Item/ContactSectionPhoneItem.razor.rz.scp.css */
.phone-item[b-dro3r6koq4]  .readonly-label .value {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--green);
}
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/ContactSection/Item/ContactSectionSocialItem.razor.rz.scp.css */
.social-item[b-izx4zo5r9w]  .readonly-label .value {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--green);
}
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/ContactSection/View/ContactSection.razor.rz.scp.css */
.contact-section-dropdown[b-8z3co7474c] {
    margin-left: 1rem;
}

.button-label[b-8z3co7474c] {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 2px;
    color: var(--grey-3);
    text-transform: capitalize;
    font-weight: 600;
}

.card-background-color[b-8z3co7474c] {
    background-color: var(--grey-light-1);
}
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/EducationSection/EducationSection.razor.rz.scp.css */
.education-section[b-f8lcq1gpya] {
    display: flex;
    flex-direction: column;
    padding: 0 0.625rem;
}

    .education-section .action[b-f8lcq1gpya] {
        padding: 1rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        font-size: 0.825rem;
        color: var(--grey-3);
        background-color: var(--grey-light-1);
        margin-top: 0.5rem;
    }

        .education-section .action .button-text[b-f8lcq1gpya] {
            align-items: center;
            display: flex;
            margin-left: 0.5rem;
        }
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/EducationSection/EducationSectionItem.razor.rz.scp.css */
.education-section-item[b-wo4jyu9lh6] {
    padding: 0.5rem;
    box-sizing: border-box;
    margin-top: 1.5rem;
    background: var(--grey-light-2);
    border: 1px solid var(--grey-light-4);
    border-radius: 0.25rem;
}

    .education-section-item .header[b-wo4jyu9lh6] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0;
        margin-top: -1.5rem;
        line-height: 2rem;
    }

        .education-section-item .header .header-text[b-wo4jyu9lh6] {
            font-size: 0.875rem;
            background-color: var(--grey-light-2);
            padding: 0 0.625rem;
            color: var(--grey-1);
            display: flex;
            align-items: center;
        }

        .education-section-item .header[b-wo4jyu9lh6]  .remove-button {
            background: var(--grey-light-2);
            border: none;
            font-size: 1rem;
            color: var(--grey-1);
        }

            .education-section-item .header[b-wo4jyu9lh6]  .remove-button:hover {
                color: var(--red);
            }

    .education-section-item .education-section-row > *[b-wo4jyu9lh6] {
        padding: 0.275rem 0.625rem;
    }
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/MedicalHistorySection/MedicalHistorySection.razor.rz.scp.css */
textarea[b-9hr1367c9e] {
    resize: none;
}
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/SchoolSection/AdministratorSchoolSection.razor.rz.scp.css */
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/SchoolSection/StudentSchoolSection.razor.rz.scp.css */
/* /Pages/Profile/Views/ProfileDetails/Views/Sections/SchoolSection/TeacherSchoolSection.razor.rz.scp.css */
li[b-qoomuvhzcx] {
    font-size: 1.125rem;
    color: var(--grey-dark-3);
    font-weight: 600;
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 8px;
}
/* /Pages/Profile/Views/ProfilePageLayout/ProfilePageLayout.razor.rz.scp.css */
.profile-page-layout-container[b-r152n6kdx9] {
    height: calc(100vh - 111px);
    padding: 2rem;
    overflow: auto;
}

.profile-page-layout[b-r152n6kdx9] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border: 1px solid var(--grey-light-4);
    border-radius: 5px;
    overflow: hidden;
}

.profile-page-layout-top-column[b-r152n6kdx9] {
    display: flex;
    justify-content: space-between;
    height: 60px;
    padding: 0.5rem;
    background-color: white;
    border-bottom: 1px solid var(--grey-light-4);
}

    .profile-page-layout-top-column[b-r152n6kdx9]  .btn--circle {
        margin-left: 0.5rem;
        margin-block:auto;
    }

    .profile-page-layout-top-column .profile-completeness-container[b-r152n6kdx9] {
        display: flex;
        align-items: center;
    }

    .meta-list[b-r152n6kdx9] {
        margin-left: auto;
        margin-right: 1rem;
    }

.profile-page-layout-bottom-columns[b-r152n6kdx9] {
    display: flex;
    width: 100%;
    height: 100%;
}

.profile-page-layout-left-sidebar[b-r152n6kdx9],
.profile-page-layout-body[b-r152n6kdx9],
.profile-page-layout-right-sidebar[b-r152n6kdx9] {
    padding: 10px;
}

.profile-page-layout-left-sidebar[b-r152n6kdx9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 18%;
    min-width: 169px;
    background-color: #FFFFFF;
    border-right: 1px solid var(--grey-light-4);
    padding: 1.25rem;
}

.profile-page-layout-body[b-r152n6kdx9] {
    display: flex;
    flex-direction: row;
    width: 47%;
    background-color: var(--grey-light-2);
}

.profile-page-layout-right-sidebar[b-r152n6kdx9] {
    display: flex;
    flex-direction: column;
    width: 35%;
    background-color: var(--grey-light-3);
}

    .profile-page-layout-right-sidebar[b-r152n6kdx9] >  .tabs {
        height: 100%;
        overflow: hidden;
        padding-bottom: 3.25rem;
    }

        .profile-page-layout-right-sidebar[b-r152n6kdx9] >  .tabs .tabs-body {
            margin-top: 1rem;
            height: 100%
}

            .profile-page-layout-right-sidebar[b-r152n6kdx9] >  .tabs .tabs-body .tabs-content {
                height: 100%
            }

/* Course tiles display adjustment */
.profile-page-layout[b-r152n6kdx9]  .tile--class {
    padding: 0.5rem 0.75rem;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    background: white;
    cursor: auto;
    transition: all var(--transition-duration) ease 0s;
}

    .profile-page-layout[b-r152n6kdx9]  .tile--class:hover,
    .profile-page-layout[b-r152n6kdx9]  .tile--class:focus,
    .profile-page-layout[b-r152n6kdx9]  .tile--class.active {
        border: 1px solid var(--grey-light-3);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        background: white;
    }

/* /Pages/Profile/Views/RegisterAndLinkParentDialog/RegisterAndLinkParentDialog.razor.rz.scp.css */
/* /Pages/Profile/Views/RegisterAndLinkParentDialog/RegisterAndLinkParentDialogDetails.razor.rz.scp.css */
.register-link-parent-details[b-s18vsl40ty] {
    margin-top: 1rem;
}

.contact-section-dropdown[b-s18vsl40ty] {
    margin-left: 0.75rem;
}

.button-label[b-s18vsl40ty] {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 2px;
    color: var(--grey-3);
    text-transform: capitalize;
    font-weight: 600;
}

.card[b-s18vsl40ty] {
    padding: 1rem !important;
}

.card-background-color[b-s18vsl40ty] {
    background-color: var(--grey-light-1);
}
/* /Pages/Settings.razor.rz.scp.css */

/* /Pages/StudentProfile/Page/Navigator/StudentProfileNavigator.razor.rz.scp.css */
.navigation[student-profile-Navigator] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
}

[student-profile-Navigator] .student-nav-button {
    margin-inline: 0 !important;
    margin-block: auto;
}

span[student-profile-Navigator] {
    margin-block: auto;
}


[student-profile-Navigator] .tooltip {
    transform: translateX(-50px);
    max-width: 20rem;
    height: fit-content;
    white-space: nowrap !important;
    max-height: 20rem;
    flex-direction: column;
    gap: 3px;
    padding: 0.625rem;
    border: none;
    border-radius: 0.25rem;
    text-align: left;
    background-color: var(--grey-dark-3);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    color: rgba(188, 188, 188, 1);
}

[student-profile-Navigator] .tooltip .hidden-tooltip  {
    opacity: 0;
    display: none !important;
}
/* /Pages/StudentProfile/Page/TeacherStudentProfile.razor.rz.scp.css */
[student-profile-page] .student-dropdown {
    min-width: 200px;
}

[student-profile-page] .student-navigation {
    gap: .5rem;
    display: flex;
    flex-direction: row;
}
/* /Pages/Workspace/Common/UserBadge/UserBadge.razor.rz.scp.css */
.user-badge[b-ib7r4zoh2x] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 10px;
}

.user-badge-avatar[b-ib7r4zoh2x] {
    width: 30px;
    height: 30px;
}

.user-card-info[b-ib7r4zoh2x] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.user-badge-info-name[b-ib7r4zoh2x] {
    color: var(--grey-dark-2);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
}

.user-badge-info-role[b-ib7r4zoh2x] {
    color: var(--grey);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.3;
}
/* /Pages/Workspace/Common/UserBadgeStack/UserBadgeStack.razor.rz.scp.css */
.badge-stack[b-1q6oiwcril] {
    display: flex;
    align-items: center;
}

.badge-stack-item[b-1q6oiwcril] {
    margin-left: -12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .badge-stack-item.first[b-1q6oiwcril] {
        margin-left: 0;
    }

    .badge-stack-item[b-1q6oiwcril]  .user-badge-avatar {
        display: flex;
        align-items: center;
    }

        .badge-stack-item[b-1q6oiwcril]  .user-badge-avatar .avatar {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: transparent;
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
        }

            .badge-stack-item[b-1q6oiwcril] .user-badge-avatar .avatar .avatar-img {
                border: 2px solid white;
            }

.badge-stack-more[b-1q6oiwcril] {
    margin-left: -12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    color: #616161;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}
/* /Pages/Workspace/Notes/Page/WorkspaceNotes.razor.rz.scp.css */
.workspace-notes-page[teacher-workspace-notes-page] {
    height: calc(100vh - 125px);

    display: flex;
    flex-direction: row;

    border: 1px solid var(--grey-light-4);
    border-radius: 0.25rem;
    background-color: var(--grey-light-2);
}

    .workspace-notes-page .workspace-notes-page-empty[teacher-workspace-notes-page] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        background-color: var(--grey-light-2);
    }
        .workspace-notes-page .workspace-notes-page-empty .outer-circle[teacher-workspace-notes-page] {
            width: 130px;
            height: 130px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            border: 4px solid rgba(0, 0, 0, 0.05);
        }
            .workspace-notes-page .workspace-notes-page-empty .outer-circle .inner-circle[teacher-workspace-notes-page] {
                width: 100px;
                height: 100px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                background: linear-gradient(-45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
                box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.06);
            }
                .workspace-notes-page .workspace-notes-page-empty .outer-circle .inner-circle[teacher-workspace-notes-page]  svg {
                    width: 2.5rem;
                    height: 2.5rem;
                }
        .workspace-notes-page .workspace-notes-page-empty .workspace-notes-page-empty-message-title[teacher-workspace-notes-page] {
            font-size: 1.25rem;
            font-weight: 600;
            line-height: 2rem;
            color: rgba(39, 39, 39, 1);
            text-align: center;
        }
        .workspace-notes-page .workspace-notes-page-empty .workspace-notes-page-empty-message-description[teacher-workspace-notes-page] {
            width: 75%;
            max-width: 35rem;
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 22.4px;
            color: rgba(136, 136, 136, 1);
            text-align: center;
        }
        .workspace-notes-page .workspace-notes-page-empty[teacher-workspace-notes-page]  .btn { 
            height: 2.5rem;
            margin-top: 2rem;
            box-shadow: 0 6px 12px 0 rgba(36, 182, 120, 0.3);
        }
    .workspace-notes-page .workspace-notes-page-list-area[teacher-workspace-notes-page] {
        height: 100%;
    }

    .workspace-notes-page .workspace-notes-page-editor-area[teacher-workspace-notes-page] {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

.workspace-notes-page[teacher-workspace-notes-page]  .card {
    height: 100% !important;
    border: none;
}
/* /Pages/Workspace/Notes/Views/NoteEditor/NoteEditor.razor.rz.scp.css */

.note-editor-empty[teacher-note-editor-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--grey-light-2);
}
    .note-editor-empty .outer-circle[teacher-note-editor-view] {
        width: 130px;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 4px solid rgba(0, 0, 0, 0.05);
    }
        .note-editor-empty .outer-circle .inner-circle[teacher-note-editor-view] {
            width: 100px;
            height: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background: linear-gradient(-45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
            box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.06);
        }
            .note-editor-empty .outer-circle .inner-circle[teacher-note-editor-view]  svg {
                width: 2.5rem;
                height: 2.5rem;
            }
    .note-editor-empty .note-editor-empty-message-title[teacher-note-editor-view] {
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 2rem;
        color: rgba(39, 39, 39, 1);
        text-align: center;
    }
    .note-editor-empty .note-editor-empty-message-description[teacher-note-editor-view] {
        width: 75%;
        max-width: 35rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 22.4px;
        color: rgba(136, 136, 136, 1);
        text-align: center;
    }

.note-editor[teacher-note-editor-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--grey-light-2);
}
    .note-editor .note-editor-top-bar[teacher-note-editor-view] {
        width: 100%;
        height: 4rem;
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        padding: 0 10px 0 10px;
        border-bottom: 1px solid rgba(225, 225, 225, 1);
        background-color: white;
    }
        .note-editor .note-editor-top-bar .note-title-container[teacher-note-editor-view] {
            /* Intentionally left empty. */
        }
            .note-editor .note-editor-top-bar .note-title-container .note-title-input-wrapper[teacher-note-editor-view] {
                height: 40px;
            }
            .note-editor .note-editor-top-bar .note-title-container .note-title[teacher-note-editor-view] {
                font-size: 1rem;
                font-weight: 600;
                color: rgba(50, 50, 50, 1);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
        .note-editor .note-editor-top-bar .action-buttons[teacher-note-editor-view] {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.5rem;
        }
    .note-editor .note-editor-area[teacher-note-editor-view] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        padding: 0 0.625rem;
        gap: 0.5rem;
        background-color: var(--grey-light-2);
    }
        .note-editor .note-editor-area .note-editor-area-header[teacher-note-editor-view] {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
        }
            .note-editor .note-editor-area .note-editor-area-header .note-editor-area-color-picker-wrapper[teacher-note-editor-view] {
                height: 40px;
            }
            .note-editor .note-editor-area .note-editor-area-header .note-editor-area-metadata[teacher-note-editor-view] {
                height: 40px;
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 0.5rem;
                overflow: hidden;
                padding: 0.75rem;
                border-radius: 0.25rem;
                background-color: rgba(0, 0, 0, 0.05);
            }
                .note-editor .note-editor-area .note-editor-area-header .note-editor-area-metadata .note-editor-metadata-icon[teacher-note-editor-view] {
                    width: 1rem;
                    height: 1rem;
                    display: inline-flex;
                    color: #888888;
                }
                .note-editor .note-editor-area .note-editor-area-header .note-editor-area-metadata .note-editor-metadata-label[teacher-note-editor-view] {
                    line-height: 16.8px;
                    font-size: 0.75rem;
                    font-weight: 400;
                    color: rgba(136, 136, 136, 1);
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
                .note-editor .note-editor-area .note-editor-area-header .note-editor-area-metadata .note-editor-metadata-separator[teacher-note-editor-view] {
                    width: 1px;
                    height: 1rem;
                    background-color: rgba(188, 188, 188, 1);
                }
        .note-editor .note-editor-area .note-editor-area-content[teacher-note-editor-view] {
            width: 100%;
            height: 100%;
        }

.content-container[teacher-note-editor-view] {
    height: calc(100% - 140px);
}

.content-container-readonly[teacher-note-editor-view] {
    height: calc(100% - 140px);
}

[teacher-note-editor-view] .cancel-button,
[teacher-note-editor-view] .save-button {
    height: 40px;
}

[teacher-note-editor-view] .card {
    height: 100% !important;
    border: none;
}

[teacher-note-editor-view] label.required {
    display: none;
}

[teacher-note-editor-view] .scroll {
    padding: 0;
}
/* /Pages/Workspace/Notes/Views/NoteTile/NoteTile.razor.rz.scp.css */
.note-tile-wrapper[b-hgjuqcyl31] {
    background-color: white;
}
.note-tile[b-hgjuqcyl31] {
    position: relative;
    min-width: 284px;
    max-width: 284px;
    width: 100%;
    min-height: 3rem;
    max-height: 3rem;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    background-color: white;
    padding: 0.25rem 0.875rem 0.25rem 0.875rem;
    gap: 0.5rem;
    overflow: hidden;
    text-align: left;
    border-radius: 0.25rem;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.06);
    transition: background-color 0.2s ease-in-out, max-height 0.2s linear;
    user-select: none;
    z-index: 1;
}
    .note-tile.note-tile-selected.note-color-blue[b-hgjuqcyl31] {
        background-color: rgba(23, 137, 203, 0.05);
    }
    .note-tile.note-tile-selected.note-color-green[b-hgjuqcyl31] {
        background-color: rgba(39, 191, 129, 0.05);
    }
    .note-tile.note-tile-selected.note-color-yellow[b-hgjuqcyl31] {
        background-color: rgba(228, 202, 57, 0.05);
    }
    .note-tile.note-tile-selected.note-color-orange[b-hgjuqcyl31] {
        background-color: rgba(235, 141, 42, 0.05);
    }
    .note-tile.note-tile-selected.note-color-red[b-hgjuqcyl31] {
        background-color: rgba(229, 40, 60, 0.05);
    }
    .note-tile.note-tile-selected.note-color-pink[b-hgjuqcyl31] {
        background-color: rgba(205, 26, 137, 0.05);
    }
    .note-tile.note-tile-selected.note-color-purple[b-hgjuqcyl31] {
        background-color: rgba(145, 56, 230, 0.05);
    }
    .note-tile.note-tile-selected.note-color-black[b-hgjuqcyl31]{
        background-color: rgba(0, 0, 0, 0.05);
    }
    .note-tile.note-tile-selected.note-color-grey[b-hgjuqcyl31] {
        background-color: rgba(164, 164, 164, 0.05);
    }
    .note-tile.note-tile-selected.note-color-lime[b-hgjuqcyl31] {
        background-color: rgba(115, 191, 39, 0.05);
    }

    .note-tile .note-tile-highlight[b-hgjuqcyl31] {
        position: absolute;
        left: 0;
        height: 100%;
        border-left: 0.25rem solid transparent;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
        .note-tile.note-color-blue .note-tile-highlight[b-hgjuqcyl31] {
            border-color: #1789CB;
        }
        .note-tile.note-color-green .note-tile-highlight[b-hgjuqcyl31] {
            border-color: #27BF81;
        }
        .note-tile.note-color-yellow .note-tile-highlight[b-hgjuqcyl31] {
            border-color: #E4CA39;
        }
        .note-tile.note-color-orange .note-tile-highlight[b-hgjuqcyl31] {
            border-color: #EB8D2A;
        }
        .note-tile.note-color-red .note-tile-highlight[b-hgjuqcyl31] {
            border-color: #E5283C;
        }
        .note-tile.note-color-pink .note-tile-highlight[b-hgjuqcyl31] {
            border-color: #CD1A89;
        }
        .note-tile.note-color-purple .note-tile-highlight[b-hgjuqcyl31] {
            border-color: #9138E6;
        }
        .note-tile.note-color-black .note-tile-highlight[b-hgjuqcyl31] {
            border-color: #000000;
        }
        .note-tile.note-color-grey .note-tile-highlight[b-hgjuqcyl31] {
            border-color: #A4A4A4;
        }
        .note-tile.note-color-lime .note-tile-highlight[b-hgjuqcyl31] {
            border-color: #73BF27;
        }

    .note-tile .note-tile-content[b-hgjuqcyl31] {
        max-height: 40px;
        display: flex;
        flex-direction: column;
        gap: 0.125rem;
        width: 100%;
        overflow: hidden;
    }
        .note-tile .note-tile-content .note-tile-title[b-hgjuqcyl31] {
            line-height: 19.07px;
            font-size: 0.875rem;
            font-weight: 600;
            color: rgba(136, 136, 136, 1);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            transition: color 0.2s ease-in-out;
        }
        .note-tile .note-tile-content .note-tile-metadata[b-hgjuqcyl31] {
            line-height: 16.8px;
            font-size: 0.75rem;
            font-weight: 400;
            color: rgba(164, 164, 164, 1);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            transition: color 0.2s ease-in-out;
        }

    .note-tile .note-tile-pin[b-hgjuqcyl31] {
        width: 1rem;
        min-width: 1rem;
        height: 100%;
        transition: margin-right 0.2s ease-in-out 0.2s, color 0.2s ease-in-out;
        margin-right: 0;

        display: flex;
        align-items: center;
        background-color: transparent;
        color: rgba(164, 164, 164, 1);
    }

    .note-tile .note-tile-actions[b-hgjuqcyl31] {
        position: absolute;
        transition: right 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out;
        right: -50px;
        opacity: 0;
    }

    .note-tile.note-tile-selected .note-tile-content .note-tile-title[b-hgjuqcyl31],
    .note-tile:hover .note-tile-content .note-tile-title[b-hgjuqcyl31] {
        color: rgba(50, 50, 50, 1);
    }

    .note-tile:hover[b-hgjuqcyl31] {
        max-height: 11.5rem;
    }
        .note-tile:hover .note-tile-content[b-hgjuqcyl31] {
            max-height: 10rem;
        }
            .note-tile:hover .note-tile-content .note-tile-title[b-hgjuqcyl31] {
                white-space: normal;
            }

    .note-tile.note-tile-selected .note-tile-content .note-tile-metadata[b-hgjuqcyl31],
    .note-tile:hover .note-tile-content .note-tile-metadata[b-hgjuqcyl31] {
        color: rgba(50, 50, 50, 1);
    }

    .note-tile.note-tile-selected .note-tile-pin[b-hgjuqcyl31],
    .note-tile:hover .note-tile-pin[b-hgjuqcyl31] {
        color: rgba(50, 50, 50, 1);
    }
    .note-tile:hover .note-tile-pin[b-hgjuqcyl31] {
        margin-right: 28px;
    }
    .note-tile:hover .note-tile-actions[b-hgjuqcyl31] {
        right: 0.25rem;
        opacity: 1;
    }
        .note-tile .note-tile-actions[b-hgjuqcyl31]  .menu--more .menu-list {
            margin-left: 2.5rem;
            margin-top: -2rem;
        }

[b-hgjuqcyl31] .dropdown-menu .field-group .field-menu .menu-list,
[b-hgjuqcyl31] .menu .menu-list {
    transition: opacity 0.2s ease 0s, transform 0.2s ease 0s !important;
}
/* /Pages/Workspace/Notes/Views/NoteTilesList/NoteTilesList.razor.rz.scp.css */
.note-tiles-list[b-kuaotn083z] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(225, 225, 225, 1);
}
    .note-tiles-list .note-tiles-list-tabs[b-kuaotn083z] {
        min-width: 300px;
        width: 100%;
        height: 4rem;

        display: flex;
        flex-direction: row;
        gap: 1rem;
        padding: 0 1rem 0.25rem 1rem;

        border-bottom: 1px solid rgba(225, 225, 225, 1);
        background-color: white;
    }
        .note-tiles-list .note-tiles-list-tabs .note-tiles-list-tab[b-kuaotn083z] {
            width: 50%;
            height: calc(4rem - 1px);

            display: flex;
            align-items: center;
            justify-content: center;

            font-weight: 400;
            font-size: 0.875rem;
            user-select: none;
            cursor: pointer;

            text-align: center;
            border-bottom: 2px solid transparent;
            background-color: white;
            color: rgba(136, 136, 136, 1);
        }
            .note-tiles-list .note-tiles-list-tabs .note-tiles-list-tab:hover[b-kuaotn083z],
            .note-tiles-list .note-tiles-list-tabs .note-tiles-list-tab.selected[b-kuaotn083z] {
                border-bottom-color: rgba(39, 191, 129, 1);
                color: rgba(39, 191, 129, 1);
            }
            .note-tiles-list .note-tiles-list-tabs .note-tiles-list-tab:hover[b-kuaotn083z] {
                background-color: rgba(0, 0, 0, 0.05);
            }

    .note-tiles-list .note-tiles-list-action-container[b-kuaotn083z] {
        min-width: 300px;
        width: 100%;
        padding: 0.5rem 0.5rem 0 0.5rem;
    }
        .note-tiles-list .note-tiles-list-action-container[b-kuaotn083z]  .add-new-note-button {
            width: 100% !important;
            height: 40px !important;
        }

    .note-tiles-list .note-tiles-list-search-container[b-kuaotn083z] {
        min-width: 300px;
        width: 100%;
        padding: 0.5rem 0.5rem 0.25rem 0.5rem;
    }
        .note-tiles-list .note-tiles-list-search-container[b-kuaotn083z]  .search--small {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.25rem;
            height: 2.5rem;
            padding: 0;
            background: white;
            border: 1px solid var(--grey-light-4);
            border-radius: 0.25rem;
            z-index: 0;
        }
            .note-tiles-list .note-tiles-list-search-container[b-kuaotn083z]  .search--small .search-field {
                width: 100%;
            }
                .note-tiles-list .note-tiles-list-search-container[b-kuaotn083z]  .search--small .search-field input {
                    padding: 0.5rem 0.5rem 0.5rem 1.75rem;
                }

    .note-tiles-list .note-tiles-list-sort-container[b-kuaotn083z] {
        min-width: 300px;
        width: 100%;
        padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    }

    .note-tiles-list .note-tiles-list-container[b-kuaotn083z] {
        min-width: 300px;
        width: 100%;
        height: 100%;
        padding: 0.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
        .note-tiles-list .note-tiles-list-container[b-kuaotn083z]  .note-tiles-list-items {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

.empty-list-message-container[b-kuaotn083z] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/Workspace/Planboards/Components/ManageAccessDialog/ManageAccessDialog.razor.rz.scp.css */
.manage-access-dialog-body[manage-access-dialog-view] {
    display: flex;
    flex-direction: column;
    padding: 14px;
    min-height: 596px;
    max-height: 70vh;
}

.manage-access-dialog-body-search[manage-access-dialog-view] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    height: 40px;
}

    .manage-access-dialog-body-search[manage-access-dialog-view]  .drop-down,
    .manage-access-dialog-body-search[manage-access-dialog-view]  .drop-down-body {
        width: 100%;
    }

    .manage-access-dialog-body-search[manage-access-dialog-view]  .field {
        background-color: #fff;
        height: 38px;
    }

    .manage-access-dialog-body-search[manage-access-dialog-view]  .search--small {
        padding: 0 !important;
    }


.manage-access-dialog-body-owner-info[manage-access-dialog-view] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    margin: 8px 0 4px;
    padding: 0 4px;
}

.manage-access-dialog-body-collab[manage-access-dialog-view] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 4px;
    min-height: 0;
}

.manage-access-dialog-body-collab-header[manage-access-dialog-view] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}

.manage-access-dialog-body-collab-header-counter[manage-access-dialog-view] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-left: 8px;
    color: var(--grey-3);
    font-size: 14px;
}

.manage-access-dialog-body-collab-body[manage-access-dialog-view] {
    flex: 1;
    min-height: 0;
    display: flex;
}

.manage-access-dialog-body-collab-body-empty[manage-access-dialog-view] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
}

.manage-access-dialog-body-collab-body-empty-header[manage-access-dialog-view] {
    color: var(--grey-dark-2);
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.manage-access-dialog-body-collab-body-empty-header-message[manage-access-dialog-view] {
    color: var(--grey);
    font-size: 14px;
}


.manage-access-dialog-body-collab[manage-access-dialog-view]  .remove-button {
    border: none;
    background: transparent;
    padding: 0;
}

.manage-access-dialog-body-collab[manage-access-dialog-view]  .remove-button:hover {
    color: var(--dark-grey-1);
}

.role-title[manage-access-dialog-view] {
    color: var(--grey-3);
    font-size: 14px;
}

.h-separator[manage-access-dialog-view] {
    height: 1px;
    width: 100%;
    background: var(--grey-light-3);
}
/* /Pages/Workspace/Planboards/Components/ManageAccessDialog/Views/CollaboratorListItem/CollaboratorListItem.razor.rz.scp.css */
.collaborator-list-item[collaborator-list-item-view] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 4px;
}

.role-title[collaborator-list-item-view] {
    color: var(--grey-3);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    display: block;
}

.collaborator-list-item-action[collaborator-list-item-view] {
    display: none
}

    .collaborator-list-item-action[collaborator-list-item-view]  .remove-button {
        height: 16px;
        width: 16px;
        border: none;
        background-color: transparent;
        padding: 0;
    }

    .collaborator-list-item:hover[collaborator-list-item-view] {
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 4px;
    }

.collaborator-list-item:hover .role-title[collaborator-list-item-view] {
     display: none;
}

.collaborator-list-item:hover .collaborator-list-item-action[collaborator-list-item-view] {
    display: block;
}
/* /Pages/Workspace/Planboards/Components/ManageAccessDialog/Views/TeacherListItem/TeacherListItem.razor.rz.scp.css */
.teacher-list-item[teacher-list-item-view] {
    display: flex;
    height: 42px;
    min-width: 75px;
    padding: 6px 8px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
   
}

    .teacher-list-item:hover[teacher-list-item-view] {
        background: var(--grey-light-1);
    }
/* /Pages/Workspace/Planboards/Components/PlanboardSynchronizer/PlanboardSynchronizer.razor.rz.scp.css */
.planboard-editor-synchronizer[b-cukxdx2u82] {
    display: flex;
    width: fit-content;
    height: fit-content;
}
/* /Pages/Workspace/Planboards/Page/WorkspacePlanboards.razor.rz.scp.css */
.workspace-boards-page[teacher-workspace-planboards-page] {
    height: calc(100vh - 125px);

    display: flex;
    flex-direction: row;

    border: 1px solid var(--grey-light-4);
    border-radius: 0.25rem;
    background-color: var(--grey-light-2);
}

    .workspace-boards-page .workspace-boards-page-empty[teacher-workspace-planboards-page] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        background-color: var(--grey-light-2);
    }
        .workspace-boards-page .workspace-boards-page-empty .outer-circle[teacher-workspace-planboards-page] {
            width: 130px;
            height: 130px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            border: 4px solid rgba(0, 0, 0, 0.05);
        }
            .workspace-boards-page .workspace-boards-page-empty .outer-circle .inner-circle[teacher-workspace-planboards-page] {
                width: 100px;
                height: 100px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                background: linear-gradient(-45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
                box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.06);
            }
                .workspace-boards-page .workspace-boards-page-empty .outer-circle .inner-circle[teacher-workspace-planboards-page]  svg {
                    width: 2.5rem;
                    height: 2.5rem;
                }
        .workspace-boards-page .workspace-boards-page-empty .workspace-boards-page-empty-message-title[teacher-workspace-planboards-page] {
            font-size: 1.25rem;
            font-weight: 600;
            line-height: 2rem;
            color: rgba(39, 39, 39, 1);
            text-align: center;
        }
        .workspace-boards-page .workspace-boards-page-empty .workspace-boards-page-empty-message-description[teacher-workspace-planboards-page] {
            width: 75%;
            max-width: 35rem;
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 22.4px;
            color: rgba(136, 136, 136, 1);
            text-align: center;
        }
        .workspace-boards-page .workspace-boards-page-empty[teacher-workspace-planboards-page]  .btn { 
            height: 2.5rem;
            margin-top: 2rem;
            box-shadow: 0 6px 12px 0 rgba(36, 182, 120, 0.3);
        }
    .workspace-boards-page .workspace-boards-page-list-area[teacher-workspace-planboards-page] {
        height: 100%;
    }

    .workspace-boards-page .workspace-boards-page-editor-area[teacher-workspace-planboards-page] {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

.workspace-boards-page[teacher-workspace-planboards-page]  .card {
    height: 100% !important;
    border: none;
}
/* /Pages/Workspace/Planboards/Views/PlanboardEditor/PlanboardEditor.razor.rz.scp.css */
.board-editor-empty[teacher-planboard-editor-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--grey-light-2);
}

    .board-editor-empty .outer-circle[teacher-planboard-editor-view] {
        width: 130px;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 4px solid rgba(0, 0, 0, 0.05);
    }

        .board-editor-empty .outer-circle .inner-circle[teacher-planboard-editor-view] {
            width: 100px;
            height: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background: linear-gradient(-45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
            box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.06);
        }

            .board-editor-empty .outer-circle .inner-circle[teacher-planboard-editor-view]  svg {
                width: 2.5rem;
                height: 2.5rem;
            }

    .board-editor-empty .board-editor-empty-message-title[teacher-planboard-editor-view] {
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 2rem;
        color: rgba(39, 39, 39, 1);
        text-align: center;
    }

    .board-editor-empty .board-editor-empty-message-description[teacher-planboard-editor-view] {
        width: 75%;
        max-width: 35rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 22.4px;
        color: rgba(136, 136, 136, 1);
        text-align: center;
    }

.board-editor[teacher-planboard-editor-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--grey-light-2);
}

    .board-editor .board-editor-top-bar[teacher-planboard-editor-view] {
        width: 100%;
        height: 4rem;
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        padding: 0 10px 0 10px;
        border-bottom: 1px solid rgba(225, 225, 225, 1);
        background-color: white;
    }

    .board-editor .board-editor-area[teacher-planboard-editor-view] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        padding: 0 0.625rem;
        gap: 0.5rem;
        background-color: var(--grey-light-2);
    }

        .board-editor .board-editor-area .board-editor-area-content[teacher-planboard-editor-view] {
            width: 100%;
            height: 100%;
        }

.content-container[teacher-planboard-editor-view] {
    height: calc(100% - 140px);
}

.content-container-readonly[teacher-planboard-editor-view] {
    height: calc(100% - 140px);
}

[teacher-planboard-editor-view] .cancel-button,
[teacher-planboard-editor-view] .save-button {
    height: 40px;
}

[teacher-planboard-editor-view] .card {
    height: 100% !important;
    border: none;
}

[teacher-planboard-editor-view] label.required {
    display: none;
}

.board-editor-area-content[teacher-planboard-editor-view]  .scroll {
    overflow-x: auto;
    overflow-y: scroll;
    max-height: 100%;
    padding: 0;
    display: flex;
}

[teacher-planboard-editor-view] dd-container.dd-container-horizontal {
    overflow-y: visible;
}
/* /Pages/Workspace/Planboards/Views/PlanboardEditor/Views/PlandboardEditorHeader/PlanboardEditorHeader.razor.rz.scp.css */
.planboard-editor-header[planboard-editor-header-view] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.planboard-editor-header-left[planboard-editor-header-view] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

    .planboard-editor-header-left .board-title-input-wrapper[planboard-editor-header-view] {
        height: 40px;
        min-width: 200px;
        width: 380px
    }

.board-title[planboard-editor-header-view] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--grey-dark-3);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    line-height: normal;
}

.planboard-editor-header-left .board-type[planboard-editor-header-view] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

    .planboard-editor-header-left .board-type .board-type-icon[planboard-editor-header-view] {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1 / 1;
    }

    .planboard-editor-header-left .board-type .board-type-text[planboard-editor-header-view] {
        color: var(--grey-1);
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
    }

        .planboard-editor-header-left .board-type .board-type-text.shared[planboard-editor-header-view] {
            color: var(--green);
        }

.planboard-editor-header-right[planboard-editor-header-view] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

    .planboard-editor-header-right[planboard-editor-header-view]  .tooltip-content {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
        border-radius: 4px;
        border: 1px solid var(--grey-dark-2);
        background: var(--grey-dark-3);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    }

    .planboard-editor-header-right[planboard-editor-header-view]  .tooltip-text {
        color: var(--grey-light-2);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
    }

    .planboard-editor-header-right .updated-by[planboard-editor-header-view] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

        .planboard-editor-header-right .updated-by .updated-by-text[planboard-editor-header-view] {
            color: var(--grey-1);
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
        }

        .planboard-editor-header-right .updated-by[planboard-editor-header-view]  .user-badge-avatar {
            display: flex;
            align-items: center;
        }

            .planboard-editor-header-right .updated-by[planboard-editor-header-view]  .user-badge-avatar .avatar {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                background-color: transparent;
                box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
            }

                .planboard-editor-header-right .updated-by[planboard-editor-header-view]  .user-badge-avatar .avatar .avatar-img {
                    border: 2px solid white;
                }
/* /Pages/Workspace/Planboards/Views/PlanboardTile/PlanboardTile.razor.rz.scp.css */
.board-tile-wrapper[teacher-planboard-tile-view] {
    background-color: white;
}
.board-tile[teacher-planboard-tile-view] {
    position: relative;
    min-width: 284px;
    max-width: 284px;
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    background-color: white;
    padding: 0.25rem 0.875rem 0.25rem 0.875rem;
    gap: 0.5rem;
    overflow: hidden;
    text-align: left;
    border-radius: 0.25rem;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.06);
    transition: background-color 0.2s ease-in-out, max-height 0.2s linear;
    user-select: none;
    z-index: 1;
}
    .board-tile.board-tile-selected.board-color-blue[teacher-planboard-tile-view] {
        background-color: rgba(23, 137, 203, 0.05);
    }
    .board-tile.board-tile-selected.board-color-green[teacher-planboard-tile-view] {
        background-color: rgba(39, 191, 129, 0.05);
    }
    .board-tile.board-tile-selected.board-color-yellow[teacher-planboard-tile-view] {
        background-color: rgba(228, 202, 57, 0.05);
    }
    .board-tile.board-tile-selected.board-color-orange[teacher-planboard-tile-view] {
        background-color: rgba(235, 141, 42, 0.05);
    }
    .board-tile.board-tile-selected.board-color-red[teacher-planboard-tile-view] {
        background-color: rgba(229, 40, 60, 0.05);
    }
    .board-tile.board-tile-selected.board-color-pink[teacher-planboard-tile-view] {
        background-color: rgba(205, 26, 137, 0.05);
    }
    .board-tile.board-tile-selected.board-color-purple[teacher-planboard-tile-view] {
        background-color: rgba(145, 56, 230, 0.05);
    }
    .board-tile.board-tile-selected.board-color-black[teacher-planboard-tile-view]{
        background-color: rgba(0, 0, 0, 0.05);
    }
    .board-tile.board-tile-selected.board-color-grey[teacher-planboard-tile-view] {
        background-color: rgba(164, 164, 164, 0.05);
    }
    .board-tile.board-tile-selected.board-color-lime[teacher-planboard-tile-view] {
        background-color: rgba(115, 191, 39, 0.05);
    }

    .board-tile .board-tile-highlight[teacher-planboard-tile-view] {
        position: absolute;
        left: 0;
        height: 100%;
        border-left: 0.25rem solid transparent;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
        .board-tile.board-color-blue .board-tile-highlight[teacher-planboard-tile-view] {
            border-color: #1789CB;
        }
        .board-tile.board-color-green .board-tile-highlight[teacher-planboard-tile-view] {
            border-color: #27BF81;
        }
        .board-tile.board-color-yellow .board-tile-highlight[teacher-planboard-tile-view] {
            border-color: #E4CA39;
        }
        .board-tile.board-color-orange .board-tile-highlight[teacher-planboard-tile-view] {
            border-color: #EB8D2A;
        }
        .board-tile.board-color-red .board-tile-highlight[teacher-planboard-tile-view] {
            border-color: #E5283C;
        }
        .board-tile.board-color-pink .board-tile-highlight[teacher-planboard-tile-view] {
            border-color: #CD1A89;
        }
        .board-tile.board-color-purple .board-tile-highlight[teacher-planboard-tile-view] {
            border-color: #9138E6;
        }
        .board-tile.board-color-black .board-tile-highlight[teacher-planboard-tile-view] {
            border-color: #000000;
        }
        .board-tile.board-color-grey .board-tile-highlight[teacher-planboard-tile-view] {
            border-color: #A4A4A4;
        }
        .board-tile.board-color-lime .board-tile-highlight[teacher-planboard-tile-view] {
            border-color: #73BF27;
        }

    .board-tile.muted[teacher-planboard-tile-view] {
        background: var(--grey-light-1);
    }

    .board-tile .board-tile-content[teacher-planboard-tile-view] {
        display: flex;
        align-items: center;
        width: 100%;
        min-width: 0;
        gap: 0.5rem;
    }
        .board-tile .board-tile-title[teacher-planboard-tile-view] {
            flex: 1 1 auto;
            min-width: 0; 
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .board-tile .board-tile-metadata[teacher-planboard-tile-view] {
            flex: 0 1 auto;
            min-width: 48px;
            max-width: 120px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 0.75rem;
            color: var(--grey);
            opacity: 0.85;
        }

    .board-tile .board-tile-indicators[teacher-planboard-tile-view] {
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        transition: margin-right 0.2s ease-in-out 0.2s, color 0.2s ease-in-out;
    }

    .board-tile .board-tile .board-tile-shared-icon[teacher-planboard-tile-view] {
        display: flex;
        aspect-ratio: 1 / 1;
        align-items: center;
        justify-content: center;
    }

    .board-tile .board-tile-pin[teacher-planboard-tile-view] {
        width: 1rem;
        min-width: 1rem;
        height: 100%;
        display: flex;
        align-items: center;
        background-color: transparent;
        color: rgba(164, 164, 164, 1);
    }

    .board-tile .board-tile-actions[teacher-planboard-tile-view] {
        position: absolute;
        transition: right 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out;
        right: -50px;
        opacity: 0;
    }

        .board-tile .board-tile-actions[teacher-planboard-tile-view]  .btn {
            transform: translateY(-50%) rotate(0deg) !important;
        }

    .board-tile.board-tile-selected .board-tile-content .board-tile-title[teacher-planboard-tile-view],
    .board-tile:hover .board-tile-content .board-tile-title[teacher-planboard-tile-view] {
        color: rgba(50, 50, 50, 1);
    }

    .board-tile.board-tile-selected .board-tile-content .board-tile-metadata[teacher-planboard-tile-view],
    .board-tile:hover .board-tile-content .board-tile-metadata[teacher-planboard-tile-view] {
        color: rgba(50, 50, 50, 1);
    }

    .board-tile.board-tile-selected .board-tile-pin[teacher-planboard-tile-view],
    .board-tile:hover .board-tile-pin[teacher-planboard-tile-view] {
        color: rgba(50, 50, 50, 1);
    }

    .board-tile:hover .board-tile-indicators[teacher-planboard-tile-view] {
        margin-right: 28px;
    }

    .board-tile:hover .board-tile-actions[teacher-planboard-tile-view] {
        right: 0.25rem;
        opacity: 1;
    }
        .board-tile .board-tile-actions[teacher-planboard-tile-view]  .menu--more .menu-list {
            margin-left: 2.5rem;
            margin-top: -2rem;
        }

[teacher-planboard-tile-view] .dropdown-menu .field-group .field-menu .menu-list,
[teacher-planboard-tile-view] .menu .menu-list {
    transition: opacity 0.2s ease 0s, transform 0.2s ease 0s !important;
}
/* /Pages/Workspace/Planboards/Views/PlanboardTilesList/PlanboardTilesList.razor.rz.scp.css */
.board-tiles-list[teacher-planboard-tiles-list-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(225, 225, 225, 1);
}
    .board-tiles-list .board-tiles-list-tabs[teacher-planboard-tiles-list-view] {
        min-width: 300px;
        width: 100%;
        height: 4rem;

        display: flex;
        flex-direction: row;
        gap: 1rem;
        padding: 0 1rem 0.25rem 1rem;

        border-bottom: 1px solid rgba(225, 225, 225, 1);
        background-color: white;
    }
        .board-tiles-list .board-tiles-list-tabs .board-tiles-list-tab[teacher-planboard-tiles-list-view] {
            width: 50%;
            height: calc(4rem - 1px);

            display: flex;
            align-items: center;
            justify-content: center;

            font-weight: 400;
            font-size: 0.875rem;
            user-select: none;
            cursor: pointer;
            
            text-align: center;
            border-bottom: 2px solid transparent;
            background-color: white;
            color: rgba(136, 136, 136, 1);
        }
            .board-tiles-list .board-tiles-list-tabs .board-tiles-list-tab:hover[teacher-planboard-tiles-list-view],
            .board-tiles-list .board-tiles-list-tabs .board-tiles-list-tab.selected[teacher-planboard-tiles-list-view] {
                border-bottom-color: rgba(39, 191, 129, 1);
                color: rgba(39, 191, 129, 1);
            }
            .board-tiles-list .board-tiles-list-tabs .board-tiles-list-tab:hover[teacher-planboard-tiles-list-view] {
                background-color: rgba(0, 0, 0, 0.05);
            }

    .board-tiles-list .board-tiles-list-action-container[teacher-planboard-tiles-list-view] {
        min-width: 300px;
        width: 100%;
        padding: 0.5rem 0.5rem 0 0.5rem;
    }
        .board-tiles-list .board-tiles-list-action-container[teacher-planboard-tiles-list-view]  .add-new-board-button {
            width: 100% !important;
            height: 40px !important;
        }

    .board-tiles-list .board-tiles-list-search-container[teacher-planboard-tiles-list-view] {
        min-width: 300px;
        width: 100%;
        padding: 0.5rem 0.5rem 0.25rem 0.5rem;
    }
        .board-tiles-list .board-tiles-list-search-container[teacher-planboard-tiles-list-view]  .search--small {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.25rem;
            height: 2.5rem;
            padding: 0;
            background: white;
            border: 1px solid var(--grey-light-4);
            border-radius: 0.25rem;
            z-index: 0;
        }
            .board-tiles-list .board-tiles-list-search-container[teacher-planboard-tiles-list-view]  .search--small .search-field {
                width: 100%;
            }
                .board-tiles-list .board-tiles-list-search-container[teacher-planboard-tiles-list-view]  .search--small .search-field input {
                    padding: 0.5rem 0.5rem 0.5rem 1.75rem;
                }

    .board-tiles-list .board-tiles-list-filter-container[teacher-planboard-tiles-list-view] {
        min-width: 300px;
        width: 100%;
        padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    }

    .board-tiles-list .board-tiles-list-container[teacher-planboard-tiles-list-view] {
        min-width: 300px;
        width: 100%;
        height: 100%;
        padding: 0.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
        .board-tiles-list .board-tiles-list-container[teacher-planboard-tiles-list-view]  .board-tiles-list-items {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

.empty-list-message-container[teacher-planboard-tiles-list-view] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/Workspace/Planboards/Views/TaskCard/TaskCard.razor.rz.scp.css */
.task-card[b-vivsfycxwp] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
    background-color: var(--grey-light-1);
    color: var(--grey-dark-2);
    padding: 12px;
    border-radius: 4px;
    border: 1px solid var(--grey-light-3)
}
    .task-card:has(.subtask-display.collapsed)[b-vivsfycxwp] {
        padding: 12px 12px 4px 12px;
    }

.task-card-main[b-vivsfycxwp] {
    display: flex;
    flex-direction: column;
}

    .task-card-main:has(.task-info-container)[b-vivsfycxwp] {
        gap: 8px;
    }

[b-vivsfycxwp] .field-check {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: var(--grey-dark-3)
}

.task-title[b-vivsfycxwp]  .mention-text {
    margin-top: 5px;
    color: #414141;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    word-break: break-word;
}

.task-title-container[b-vivsfycxwp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .task-title-container[b-vivsfycxwp]  .button-remove {
        padding: 8px 0px;
    }

    .task-title-container[b-vivsfycxwp]  .icon {
        left: unset;
    }

    .task-title-container .task-title-checkbox[b-vivsfycxwp] {
        display: flex;
        width: 100%;
        padding: 0 8px;
    }

        .task-title-container .task-title-checkbox[b-vivsfycxwp]  .field-check {
            top: 6px;
        }

        .task-title-container .task-title-checkbox[b-vivsfycxwp]  input[type=checkbox] {
            transform: none;
            top: 0;
        }

        .task-title-container .task-title-checkbox[b-vivsfycxwp]  .checkmark {
            transform: none;
            top: 0;
        }

        .task-info-container[b-vivsfycxwp] {
            display: flex;
            flex-direction: row;
            gap: 4px;
        }

.info-display[b-vivsfycxwp],
[b-vivsfycxwp] .info-display,
[b-vivsfycxwp] .info-display:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
    font-size: 14px;
    padding: 4px;
    gap: 8px;
    background-color: white;
    color: var(--grey-dark-2);
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
}

.subtask-display[b-vivsfycxwp],
.subtask-display:hover[b-vivsfycxwp] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    overflow: hidden;
}

.subtask[b-vivsfycxwp] {
    display: flex;
    align-items: center;
    padding: 0 4px;
}

    .subtask.completed .subtask-description[b-vivsfycxwp] {
        text-decoration: line-through;
    }

.subtask-display.collapsed[b-vivsfycxwp] {
    height: 0;
    padding-block: 0;
    visibility: hidden;
    transition: height .2s ease-in-out, padding .2s ease-in-out, visibility 0s linear .19s;
}

.subtask-display.expanded[b-vivsfycxwp] {
    height: fit-content;
    transition: height .2s ease-in-out, padding .2s ease-in-out, visibility 0s linear;
}

.subtask-checkbox[b-vivsfycxwp] {
    align-self: flex-start;
}

    .subtask-checkbox[b-vivsfycxwp]  .checkmark {
        min-width: 14px;
        min-height: 14px;
        width: 14px;
        min-height: 14px;
    }

        .subtask-checkbox[b-vivsfycxwp]  .checkmark .icon {
            transform: translate(-50%, -50%) scale(0.75);
        }

.subtask-description[b-vivsfycxwp]  .mention-text {
    flex: 1;
    color: var(--grey-dark-2);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

[b-vivsfycxwp] svg.icon {
    height: 16px;
    width: 16px;
    color: var(--grey-3)
}

[b-vivsfycxwp] .btn.info-display #list-icon {
    width: 20px;
}

[b-vivsfycxwp] .btn.info-display.expanded {
    background-color: var(--alpha-green-1);
}

[b-vivsfycxwp] .btn.info-display #expand-icon {
    width: 16px;
}

[b-vivsfycxwp] .dd-item-container {
    width: 100% !important;
}

[b-vivsfycxwp] .checkmark svg.icon {
    color: white;
}

.drag-indicator[b-vivsfycxwp]  svg {
    height: 30px;
}

.drag-indicator[b-vivsfycxwp] {
    display: flex;
    align-items: center;
}

    .drag-indicator:hover[b-vivsfycxwp] {
        cursor: grab;
    }
/* /Pages/Workspace/Planboards/Views/TaskDialog/View/TaskDialog.razor.rz.scp.css */
#textarea[b-cpou1o6p42] {
    resize: none;
}

.add-task[b-cpou1o6p42] {
    display: flex;
    flex-direction: column;
    padding: 0 0 20px 0;
}

[b-cpou1o6p42] .subtasks-accordion > .dropdown-header {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 19px;
    color: rgba(97, 97, 97, 1);
}


[b-cpou1o6p42] .subtasks-accordion .dropdown-body {
    padding: 10px;
}

.add-task.activity-builder-section[b-cpou1o6p42] {
    padding-top: 75px !important;
}

.edit-task-activity[b-cpou1o6p42] {
    padding: 80px 10px 0 10px !important;
    margin-bottom: -50px !important;
}


.textarea-label[b-cpou1o6p42] {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 2px;
}

    .textarea-label.required[b-cpou1o6p42]::after {
        margin-left: 0.2em;
        content: "*";
        color: var(--green);
    }

.limited-input-text-container[b-cpou1o6p42] {
    margin-top: 15px !important;
    height: 24rem;
    min-height: 16rem;
    max-height: 32rem;
}

.add-task-header[b-cpou1o6p42] {
    display: flex;
    align-items: center;
}

.add-task-icon[b-cpou1o6p42] {
    background: #AE47FF;
    border-radius: 5px;
    margin-right: 15px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .add-task-icon[b-cpou1o6p42]  svg {
        width: 25px;
        color: white;
    }

.add-task-dialog[b-cpou1o6p42]  .add-task-dialog-tabs > .tabs-header {
    background: white !important;
    width: 100%;
    position: absolute;
    z-index: 1;
    transform: translateX(-3px);
    padding: 0 20px;
}

.add-task-dialog[b-cpou1o6p42]  > div.modal.modal--md.open > div.modal-body > div.dialog.dialog--standard > div.dialog-body {
    padding: 0 !important;
    margin: 0 !important;
}

.add-task-dialog[b-cpou1o6p42]  > div.modal.modal--md.open > div.modal-body > div.dialog.dialog--standard > div.dialog-header {
    border: none;
}

.add-task-dialog-section[b-cpou1o6p42] {
    margin-top: 32px !important;
}

.activity-builder[b-cpou1o6p42] {
    background: white;
    padding: 8px;
    border-radius: 4px;
    margin-top: 24px;
}

.activity-builder-icon[b-cpou1o6p42] {
    padding: 3px;
    border-radius: 2px;
    background-color: var(--green);
    width: 36px;
    height: 30px;
}

.activity-builder-button[b-cpou1o6p42] {
    margin-left: auto;
}

.activity-builder-label[b-cpou1o6p42] {
    margin-left: 10px;
}

.activity-builder-text[b-cpou1o6p42] {
    margin-left: 10px;
}

    .activity-builder-text .label[b-cpou1o6p42] {
        font-weight: 600;
        font-size: 0.875rem !important;
        color: var(--black);
    }

.activity-header-icon[b-cpou1o6p42] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: var(--orange);
    padding: 4px;
}

    .activity-header-icon[b-cpou1o6p42]  path {
        fill: white;
    }

[b-cpou1o6p42] .card {
    border: none !important;
}

.activity-builder-details .label[b-cpou1o6p42] {
    font-weight: 400;
    font-size: 12px !important;
}

.activity-builder-details .question-count[b-cpou1o6p42] {
    margin-left: 3px;
    font-size: 12px !important;
}

.add-task-dialog-weight-category[b-cpou1o6p42] {
    margin-top: 15px;
}

.required[b-cpou1o6p42]::after {
    margin-left: 0.2em;
    content: "*";
    color: var(--green);
}

[b-cpou1o6p42] .remove-activity-button {
    height: 2.5rem;
}

    [b-cpou1o6p42] .remove-activity-button svg {
        width: 1rem;
        height: 1rem;
        margin-right: 0.5rem;
    }

.remove-activity-button-container[b-cpou1o6p42] {
    margin: 0.375rem;
    padding: 1rem 0;
    border-top: 1px solid rgba(221, 221, 221, 1);
}

.mentioned-pills[b-cpou1o6p42] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    padding: 10px 0 14px 0;
}

.mentioned-pill[b-cpou1o6p42] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px 6px 8px;
    border-radius: 999px;
    background: #E5E5E5;
}

.mentioned-pill-img[b-cpou1o6p42] {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    object-fit: cover;
    display: block;
    border: 2px solid white;
}

    .mentioned-pill-img.svg[b-cpou1o6p42] {
        width: 22px !important;
        height: 22px !important;
    }

.mentioned-pill-name[b-cpou1o6p42] {
    font-size: 14px;
    line-height: 140%;
    color: #000000;
    max-width: 220px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mentioned-pill button[b-cpou1o6p42] {
    border: 0;
    background: transparent;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    line-height: 1;
    color: #888888;
    padding: 0;
}

    .mentioned-pill button:hover[b-cpou1o6p42] {
        background: rgba(0, 0, 0, 0.08);
        color: #666;
    }

.separator[b-cpou1o6p42] {
    border: 0;
    height: 1px;
    background: #e6e6e6;
    margin: 0 0 18px 0;
}

.mentioned-header[b-cpou1o6p42] {
    margin-left: 10px;
    margin-bottom: 5px;
}

    .mentioned-header h4[b-cpou1o6p42] {
        font-weight: 600;
        font-size: 14px !important;
        color: #888888;
        line-height: 16.8px;
    }

.card-name-label[b-cpou1o6p42] {
    font-weight: 600;
    font-size: 14px !important;
    color: #888888;
    line-height: 16.8px;
}
/* /Pages/Workspace/Planboards/Views/TaskDialog/Views/DateTimeForm/DateTimeForm.razor.rz.scp.css */
.date-time-form[b-h18ryfs01a] {
    display: flex;
    flex-direction: column;
}

.date-time-form-row[b-h18ryfs01a] {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 10px;
}

[b-h18ryfs01a] .date-input {
    width: 80%
}

[b-h18ryfs01a] .time-input {
    width: 20%;
}

[b-h18ryfs01a] .field-date {
    display: flex;
    background: white;
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
}

[b-h18ryfs01a] .date-input.valid .field-date {
    border-bottom: 2px solid var(--green);
    border-radius: 4px;
}

[b-h18ryfs01a] .btn--circle {
    right: 5px;
}

[b-h18ryfs01a] .dropdown-header {
}

[b-h18ryfs01a] .field-date input {
    border: none;
    border-bottom: none !important;
}
/* /Pages/Workspace/Planboards/Views/TaskDialog/Views/SubtaskForm/SubtaskForm.razor.rz.scp.css */
.icon[b-xq557b6o80] {
    display: flex;
    flex: 0 0 auto;
}

.icon[b-xq557b6o80]  svg {
    width: 16px;
    color: var(--grey-3);
    transform: rotate(90deg);
    margin-inline: 5px;
}

.subtask-form[b-xq557b6o80] {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.subtask-editor[b-xq557b6o80] {
    flex: 1 1 auto;
    min-width: 0;
    height: 40px;
}

.subtask-editor[b-xq557b6o80]  .mentioning-container,
.subtask-editor[b-xq557b6o80]  .markdown-editor,
.subtask-editor[b-xq557b6o80]  .field-group,
.subtask-editor[b-xq557b6o80]  .g-md-editor-component,
.subtask-editor[b-xq557b6o80]  .g-md-editor-component__editor-wrapper,
.subtask-editor[b-xq557b6o80]  .g-md-wysiwyg-editor,
.subtask-editor[b-xq557b6o80]  .g-md-wysiwyg-editor__editor {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.subtask-editor[b-xq557b6o80]  .ProseMirror {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
}

.subtask-editor[b-xq557b6o80]  .ProseMirror::-webkit-scrollbar {
    display: none;
}

[b-xq557b6o80] .menu-more {
    width: 15%;
    flex: 0 0 auto;
}

[b-xq557b6o80] .menu-header {
    transform: rotate(90deg);
}

[b-xq557b6o80] .menu-list {
    transform: translate(-80%, 0) !important;
}

.subtask-editor[b-xq557b6o80]  .field-group label {
    display: none;
}
/* /Pages/Workspace/Planboards/Views/TaskList/TaskList.razor.rz.scp.css */
.list-card[b-c87u6pe4zf] {
    display: flex;
    flex-direction: column;
    width: 400px;
    padding: 8px;
    gap: 8px;
    background-color: white;
    border-radius: 8px;
}

    .list-card.uninitialized[b-c87u6pe4zf] {
        width: fit-content;
        color: var(--grey-3);
        background-color: var(--grey-light-1);
        border: 1px solid var(--grey-light-4);
    }

.title-container[b-c87u6pe4zf] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .title-container[b-c87u6pe4zf]  .field-group {
        flex-grow: 1;
    }

    .title-container[b-c87u6pe4zf]  .button-remove {
        padding: 8px 0 8px 8px;
    }

    .title-container[b-c87u6pe4zf]  .icon {
        left: unset;
    }

.drag-indicator[b-c87u6pe4zf]  svg {
    height: 30px;
}

.drag-indicator[b-c87u6pe4zf] {
    display: flex;
    align-items: center;
    padding: 8px 8px 8px 0;
}

    .drag-indicator:hover[b-c87u6pe4zf] {
        cursor: grab;
    }

[b-c87u6pe4zf] .menu.menu--more .menu-header{
    transform: rotate(90deg);
}

[b-c87u6pe4zf] .btn {
    background-color: transparent;
    width: fit-content;
    margin-inline-end: auto;
    color: var(--grey-3);
}

    [b-c87u6pe4zf] .btn:hover {
        background-color: transparent;
        color: var(--grey-3);
    }

[b-c87u6pe4zf] svg.icon {
    height: 16px;
    width: 16px;
    color: var(--grey-3)
}
/* /Pages/Workspace/Whiteboards/Views/WelcomeMessage/WelcomeMessage.razor.rz.scp.css */
.welcome-message-view[welcome-message-view] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--grey-light-2);
}

.outer-circle[welcome-message-view] {
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 4px solid rgba(0, 0, 0, 0.05);
}

.inner-circle[welcome-message-view] {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.06);
}

.inner-circle[welcome-message-view]  svg {
    width: 2.5rem;
    height: 2.5rem;

}

.empty-message-title[welcome-message-view] {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem;
    color: rgba(39, 39, 39, 1);
    text-align: center;
}

.empty-message-description[welcome-message-view] {
    width: 75%;
    max-width: 35rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 22.4px;
    color: rgba(136, 136, 136, 1);
    text-align: center;
}

.welcome-message-view[welcome-message-view]  .btn {
    height: 2.5rem;
    margin-top: 2rem;
    box-shadow: 0 6px 12px 0 rgba(36, 182, 120, 0.3);
}
/* /Pages/Workspace/Whiteboards/Views/Whiteboard/Whiteboard.razor.rz.scp.css */
.whiteboard-view[whiteboard-view] {
    display: flex;
    flex-flow: column;
    max-width: 370px;
    min-width: 300px;
    border-radius: 8px;
    border: 1px solid var(--grey-light-3);
    background: white;
    box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.04);
    overflow: hidden;
    position: relative;
}

.whiteboard-view:hover[whiteboard-view],
.whiteboard-view:hover label[whiteboard-view] {
    cursor: pointer;
}

img[whiteboard-view] {
    height: 260px;
    min-height: 260px;
    border-bottom: 1px solid var(--grey-light-3);
    background: rgba(234, 234, 234, 0.20);
    object-fit: contain;
    padding: 16px;
}

.metadata[whiteboard-view] {
    width: 100%;
    height: 110px;
    min-height: 110px;
    display: flex;
    flex-flow: column;
    padding: 12px 16px;
}

.whiteboard-metadata[whiteboard-view] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
}

.name[whiteboard-view] {
    overflow: hidden;
    color: var(--grey-dark-3);
    text-overflow: ellipsis;
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
}

.owner[whiteboard-view],
.collaborators[whiteboard-view] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 4px;
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.whiteboard-view[whiteboard-view]  .menu {
    position: absolute;
    top: 8px;
    right: 8px;
}

.whiteboard-view[whiteboard-view]  .menu .menu-header button {
    background: white;
}

.whiteboard-view[whiteboard-view]  .all-menu-items .menu ul li:last-child a {
    color: red;
}

[whiteboard-view] .tooltip-content {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;    
    background: var(--grey-dark-3);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}

[whiteboard-view] .tooltip-text {
    color: var(--grey-light-2);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
/* /Pages/Workspace/Whiteboards/Views/WhiteboardCollaborationType/WhiteboardCollaborationType.razor.rz.scp.css */
.whiteboard-collaboration-type[b-5cvu3u1uyf] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.shared-icon[b-5cvu3u1uyf] {
    display: flex;
    flex-flow: row nowrap;
    gap: 4px;
    color: var(--green);
}
/* /Pages/Workspace/Whiteboards/Views/WhiteboardsGrid/WhiteboardsGrid.razor.rz.scp.css */
.whiteboards-grid-view[whiteboards-grid-view] {
    container-type: inline-size;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    gap: 16px;
    padding: 24px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

    .header[whiteboards-grid-view] {
        display: grid;
        grid-template-columns: 340px 220px 220px minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
    }
    
    .header--sr[whiteboards-grid-view] {
        grid-template-columns: 340px 220px minmax(350px, max-content) minmax(0, 1fr) auto;
    }
    
    .header[whiteboards-grid-view]  .search--small {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.25rem;
        height: 2.5rem;
        padding: 0;
        background: white;
        border: 1px solid var(--grey-light-4);
        border-radius: 0.25rem;
        z-index: 0;
        width: 100%;
    }
    
    .header[whiteboards-grid-view]  .search--small .search-field {
        width: 100%;
    }
    
    .header[whiteboards-grid-view]  .search--small .search-field input {
        padding: 0.5rem 0.5rem 0.5rem 1.75rem;
    }
    
    .header[whiteboards-grid-view]  .field-group.menu--headline {
        width: 100%;
        min-width: 0;
    }
    
    .header[whiteboards-grid-view]  .btn {
        grid-column: 5;
        justify-self: end;
        margin-left: 0;
    }

@container (max-width: 1200px) {
    .header[whiteboards-grid-view] {
        grid-template-columns: 340px 220px minmax(0, 1fr) auto;
    }

    .header[whiteboards-grid-view]  .sort-by-filter {
        grid-column: 1 / 3;
        grid-row: 2;
        width: 100%;
        min-width: 350px;
    }

    .header[whiteboards-grid-view]  .btn {
        grid-column: 4;
        grid-row: 1;
    }
}

.grid-container[whiteboards-grid-view] {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid var(--grey-light-3);
    background: var(--grey-light-2);
    padding: 20px;
    overflow: auto;
}

.grid[whiteboards-grid-view] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 16px;
}
/* /Pages/Workspace/Whiteboards/WhiteboardPage/ErrorMessage/ErrorMessage.razor.rz.scp.css */
.error-message-view[b-6cuv9c5qkt] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--grey-light-2);
}

.outer-circle[b-6cuv9c5qkt] {
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 4px solid rgba(0, 0, 0, 0.05);
}

.inner-circle[b-6cuv9c5qkt] {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.06);
}

.inner-circle[b-6cuv9c5qkt]  svg {
    width: 2.5rem;
    height: 2.5rem;

}

.empty-message-title[b-6cuv9c5qkt] {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem;
    color: rgba(39, 39, 39, 1);
    text-align: center;
}

.empty-message-description[b-6cuv9c5qkt] {
    width: 75%;
    max-width: 35rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 22.4px;
    color: rgba(136, 136, 136, 1);
    text-align: center;
}

.error-message-view[b-6cuv9c5qkt]  .btn {
    height: 2.5rem;
    margin-top: 2rem;
    box-shadow: 0 6px 12px 0 rgba(36, 182, 120, 0.3);
}

[b-6cuv9c5qkt] .btn-back {
    display: flex;
    gap: 8px;
    box-shadow: none !important;
    border-radius: 32px;
    padding: 0 30px;
}

[b-6cuv9c5qkt] .btn-back:hover {
    background: white;
    border-color: var(--grey-light-3);
    color: var(--grey-3);
}

[b-6cuv9c5qkt] .btn-back svg {
    width: 12px;
    height: 12px;
    fill: grey;
}
/* /Pages/Workspace/Whiteboards/WhiteboardPage/ManageAccessDialog/ManageAccessDialog.razor.rz.scp.css */
.manage-access-dialog-body[b-obvm8v5hle] {
    display: flex;
    flex-direction: column;
    padding: 14px;
    min-height: 596px;
    max-height: 70vh;
}

.manage-access-dialog-body-search[b-obvm8v5hle] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    height: 40px;
}

    .manage-access-dialog-body-search[b-obvm8v5hle]  .drop-down,
    .manage-access-dialog-body-search[b-obvm8v5hle]  .drop-down-body {
        width: 100%;
    }

    .manage-access-dialog-body-search[b-obvm8v5hle]  .field {
        background-color: #fff;
        height: 38px;
    }

    .manage-access-dialog-body-search[b-obvm8v5hle]  .search--small {
        padding: 0 !important;
    }


.manage-access-dialog-body-owner-info[b-obvm8v5hle] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    margin: 8px 0 4px;
    padding: 0 4px;
}

.manage-access-dialog-body-collab[b-obvm8v5hle] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 4px;
    min-height: 0;
}

.manage-access-dialog-body-collab-header[b-obvm8v5hle] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}

.manage-access-dialog-body-collab-header-counter[b-obvm8v5hle] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-left: 8px;
    color: var(--grey-3);
    font-size: 14px;
}

.manage-access-dialog-body-collab-body[b-obvm8v5hle] {
    flex: 1;
    min-height: 0;
    display: flex;
}

.manage-access-dialog-body-collab-body-empty[b-obvm8v5hle] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
}

.manage-access-dialog-body-collab-body-empty-header[b-obvm8v5hle] {
    color: var(--grey-dark-2);
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.manage-access-dialog-body-collab-body-empty-header-message[b-obvm8v5hle] {
    color: var(--grey);
    font-size: 14px;
}


.manage-access-dialog-body-collab[b-obvm8v5hle]  .remove-button {
    border: none;
    background: transparent;
    padding: 0;
}

.manage-access-dialog-body-collab[b-obvm8v5hle]  .remove-button:hover {
    color: var(--dark-grey-1);
}

.role-title[b-obvm8v5hle] {
    color: var(--grey-3);
    font-size: 14px;
}

.h-separator[b-obvm8v5hle] {
    height: 1px;
    width: 100%;
    background: var(--grey-light-3);
}
/* /Pages/Workspace/Whiteboards/WhiteboardPage/ManageAccessDialog/Views/CollaboratorListItem/CollaboratorListItem.razor.rz.scp.css */
.collaborator-list-item[b-hon4lsyrym] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    gap: 16px;
}

.role-title[b-hon4lsyrym] {
    color: var(--grey-3);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    display: block;
}

[b-hon4lsyrym] .remove-button {
    height: 14px;
    width: 14px;
    border: none;
    background-color: transparent;
    padding: 0;
}

.collaborator-list-item:hover[b-hon4lsyrym] {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}
/* /Pages/Workspace/Whiteboards/WhiteboardPage/ManageAccessDialog/Views/TeacherListItem/TeacherListItem.razor.rz.scp.css */
.teacher-list-item[b-z0p9cj182b] {
    display: flex;
    height: 42px;
    min-width: 75px;
    padding: 6px 8px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
   
}

    .teacher-list-item:hover[b-z0p9cj182b] {
        background: var(--grey-light-1);
    }
/* /Pages/Workspace/Whiteboards/WhiteboardPage/Page/Whiteboard.razor.rz.scp.css */
.whiteboard-page[b-nlnfkt9h4h] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
}

.whiteboard-header[b-nlnfkt9h4h] {
    width: 100%;
    min-height: 74px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px;
    background-color: white;
    border-bottom: 1px solid var(--grey-light-3);
    padding: 16px 20px;
}

.whiteboard-header[b-nlnfkt9h4h]  .field-group label {
    display: none;
}

.whiteboard-header[b-nlnfkt9h4h]  .btn svg {
    width: 24px;
    height: 24px;
    fill: var(--grey-3);
}

.whiteboard-header[b-nlnfkt9h4h]  .btn:hover svg {
    fill: white;
}

.whiteboard[b-nlnfkt9h4h] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

[b-nlnfkt9h4h] .loader-container {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999999 !important;
}

.user-badge-container[b-nlnfkt9h4h] {
    margin-left: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
}

[b-nlnfkt9h4h] .tooltip-content {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    background: var(--grey-dark-3);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}

[b-nlnfkt9h4h] .tooltip-text {
    color: var(--grey-light-2);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.whiteboard-name[b-nlnfkt9h4h] {
    overflow: hidden;
    color: var(--grey-3);
    text-overflow: ellipsis;
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* /Pages/Workspace/Whiteboards/WhiteboardsPage/Whiteboards.razor.rz.scp.css */
.whiteboards-page[b-bc8ziptrtl] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
}

.whiteboard-header[b-bc8ziptrtl] {
    width: 100%;
    min-height: 74px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px;
    background-color: white;
    border-bottom: 1px solid var(--grey-light-3);
    padding: 16px 20px;
}

    .whiteboard-header[b-bc8ziptrtl]  .field-group label {
        display: none;
    }
    
    .whiteboard-header[b-bc8ziptrtl]  .btn svg {
        width: 24px;
        height: 24px;
        fill: var(--grey-3);
    }

    .whiteboard-header[b-bc8ziptrtl]  .btn:hover svg {
        fill: white;
    }
    
    .whiteboard-header[b-bc8ziptrtl]  .save-button {
        height: 40px;
        margin-left: auto;
    }

.whiteboard[b-bc8ziptrtl] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.whiteboards[b-bc8ziptrtl] {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

[b-bc8ziptrtl] .loader-container {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999999 !important;
}
/* /Views/Activity/Questions/QuestionHeader/QuestionHeader.razor.rz.scp.css */
.header-container[b-pxi2tip7wt] {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid var(--grey-light-4);
    padding: 12px;
    overflow: hidden;
}

.question-information-container[b-pxi2tip7wt] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
}

.question-actions-container[b-pxi2tip7wt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.drag-indicator[b-pxi2tip7wt] {
    width: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey-light-3);
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    transform: rotate(90deg);
}

    .drag-indicator:active[b-pxi2tip7wt] {
        color: var(--green);
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

.expand-control[b-pxi2tip7wt] {
    display: flex;
    cursor: pointer;
    user-select: none;
}

    .expand-control[b-pxi2tip7wt]  svg {
        width: 12px !important;
        height: 12px !important;
    }

.question-order[b-pxi2tip7wt] {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    color: var(--grey-3);
}

.points[b-pxi2tip7wt] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: var(--grey-3);
}

.question-actions-container[b-pxi2tip7wt]  .btn {
    transform: translateY(-50%) rotate(0deg) !important;
}

.ai-generated-tag[b-pxi2tip7wt] {
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 10px;
    background: var(--grey-light-2);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    color: var(--grey-3);
}

/* /Views/Activity/QuestionWorkspaces/Views/QuestionTabbedWorkspace/QuestionTabbedWorkspace.razor.rz.scp.css */
.text-editor[b-u5y7p3nsn8] {
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: 1px solid var(--grey-light-3);
	border-radius: 4px;
	overflow: hidden;
}

	.text-editor[b-u5y7p3nsn8] .tabs-nav {
		flex: 1 1 auto;
		padding: 0 10px;
		min-width: 0;
		display: flex;
		gap: 5px;
		overflow: auto;
	}

	.text-editor[b-u5y7p3nsn8] .tabs-btn {
		padding: 14px 2px !important;
	}

	.text-editor[b-u5y7p3nsn8] .tabs-header {
		margin-bottom: 0px !important;
		padding: 0 5px 0 0;
	}

[b-u5y7p3nsn8].tabs-header {
	padding: 0 5px 0 0;
	margin-bottom: 0 !important;
}
/* /Views/Activity/QuestionWorkspaces/Views/QuestionWorkspace/QuestionWorkspace.razor.rz.scp.css */
.text-editor[b-mc46fk9r98] {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
    overflow: hidden;
}

.editor-header[b-mc46fk9r98] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid var(--grey-light-3);
}

.editor-body[b-mc46fk9r98] {
    display: flex;
    flex-direction: column;
}

.editor-body-sidebar[b-mc46fk9r98] {
    border-top: 1px solid var(--grey-light-3);
    background: var(--grey-light-2);
}

    .editor-body-sidebar[b-mc46fk9r98] .panel {
        padding: 0;
        border-radius: 0;
    }
/* /Views/Activity/QuestionWorkspaces/Views/QuestionWorkspaceControls/QuestionWorkspaceControls.razor.rz.scp.css */
.controls[b-hwxqibplwx] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .controls[b-hwxqibplwx] .field-file {
        display: flex;
        justify-content: center;
        align-items: center;
    }
/* /Views/Activity/QuestionWorkspaces/Views/QuestionWorkspaceTab/QuestionWorkspaceTab.razor.rz.scp.css */
.editor-body[b-s63xob5wxg] {
	display: flex;
	flex-direction: column;
}

.editor-body-sidebar[b-s63xob5wxg] {
	border-top: 1px solid var(--grey-light-3);
	background: var(--grey-light-2);
}

	.editor-body-sidebar[b-s63xob5wxg] .panel {
		padding: 0;
		border-radius: 0;
	}
/* /Views/Attachments/Attachment/Attachment.razor.rz.scp.css */
.tile-attachment[b-pnz50n45nc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-height: 100%;
    max-width: 100%;
    padding: 6px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid var(--alpha-dark-1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    line-height: 1;
    cursor: pointer;
}

    .tile-attachment .attachment-icon[b-pnz50n45nc],
    .tile-attachment .attachment-ctrls[b-pnz50n45nc] {
        color: var(--grey-1);
    }

    .tile-attachment .attachment-label[b-pnz50n45nc] {
        flex: 1 1 auto;
        min-width: 0;
    }

        .tile-attachment .attachment-label > *[b-pnz50n45nc] {
            display: block;
            line-height: 1.1;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .tile-attachment .title[b-pnz50n45nc] {
        font-size: 12px;
        margin-bottom: 0;
    }

    .tile-attachment .meta[b-pnz50n45nc] {
        font-size: 10px;
    }

        .tile-attachment .meta:not(:empty)[b-pnz50n45nc] {
            margin-top: 2px;
        }

    .tile-attachment .icon[b-pnz50n45nc] {
        width: 0.625em;
    }

    .tile-attachment .btn-close[b-pnz50n45nc] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 15px;
        height: 15px;
        cursor: pointer;
        color: var(--red);
    }

        .tile-attachment .btn-close .icon[b-pnz50n45nc] {
            width: 0.625em;
        }

.layout--dark .tile-attachment[b-pnz50n45nc] {
    background: var(--alpha-light-1);
    border-color: var(--alpha-light-1);
}

/** 13.#.1 Types */
.tile-attachment.type--attached[b-pnz50n45nc] {
    align-items: initial;
    cursor: pointer;
    transition: all var(--transition-duration) ease 0s;
}

    .tile-attachment.type--attached:hover[b-pnz50n45nc] {
        background: var(--grey-light-1);
    }

.layout--dark .tile-attachment.type--attached:hover[b-pnz50n45nc] {
    background: var(--alpha-light-2);
}
/* /Views/Attachments/Attachments/Attachments.razor.rz.scp.css */
.list-attachments[b-xy7h2sv1to] {
	padding: 6px;
	background: var(--grey-light-2);
	display: flex;
	gap: 10px;
	overflow: auto;
	scrollbar-color: var(--alpha-dark-2) transparent;
}

	.list-attachments[b-xy7h2sv1to]::-webkit-scrollbar-thumb {
		background: var(--alpha-dark-2);
	}

		.list-attachments[b-xy7h2sv1to]::-webkit-scrollbar-thumb:hover {
			background: var(--green);
		}

	.list-attachments[b-xy7h2sv1to]::-webkit-scrollbar {
		width: 8px;
		height: 8px;
		scrollbar-width: initial;
	}

	.list-attachments[b-xy7h2sv1to]::-webkit-scrollbar-track {
		background: transparent;
	}

	.list-attachments[b-xy7h2sv1to]::-webkit-scrollbar-corner {
		background: transparent;
	}

	.list-attachments.scroll--hidden[b-xy7h2sv1to] {
		padding: 0;
		-ms-overflow-style: none; /* for Internet Explorer, Edge */
		scrollbar-width: none; /* for Firefox */
	}

		.list-attachments.scroll--hidden[b-xy7h2sv1to]::-webkit-scrollbar {
			display: none; /* for Chrome, Safari, and Opera */
		}

	.list-attachments.direction--vertical[b-xy7h2sv1to] {
		flex-direction: column;
	}

		.list-attachments.direction--vertical .item-attachment[b-xy7h2sv1to] {
			max-width: initial;
		}

			.list-attachments.direction--vertical .item-attachment .tile-attachment[b-xy7h2sv1to] {
				display: flex;
			}

	.list-attachments .item-attachment[b-xy7h2sv1to] {
		max-width: 200px;
	}
/* /Views/AvatarList/AvatarList.razor.rz.scp.css */

/* /Views/BlankCreator/BlankCreator.razor.rz.scp.css */
.creator-list.type--insert-blanks[blank-creator] {
    display: flex;
    border: 1px solid var(--grey-light-3);
}

    .creator-list.type--insert-blanks .creator-header[blank-creator] {
        border-right: 1px solid var(--grey-light-3);
        align-items: flex-start;
    }

    .creator-list.type--insert-blanks .creator-header[blank-creator],
    .creator-list.type--insert-blanks .creator-body[blank-creator] {
        display: flex;
        padding: 10px;
    }

.list-tags[blank-creator] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.layout--dark .creator-list.type--insert-blanks .creator-header[blank-creator] {
    border-right-color: var(--alpha-light-2);
}
/* /Views/BreadcrumbNavigation/BreadcrumbNavigation.razor.rz.scp.css */
.navigation-breadcrumbs[b-hdtdaeh8nn] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.navigation-breadcrumbs-back[b-hdtdaeh8nn] {
    flex: 0 0 auto;
}

    .navigation-breadcrumbs-back[b-hdtdaeh8nn]  .btn {
        width: 40px !important;
        height: 40px !important;
    }

    .navigation-breadcrumbs-back[b-hdtdaeh8nn]  .btn-back svg {
        fill: var(--grey-3);
        width: 16px;
        height: 16px;
    }

    .navigation-breadcrumbs-back[b-hdtdaeh8nn]  .btn-back:hover {
        border-color: var(--grey-light-4) !important;
        background: white !important;
    }

.navigation-breadcrumbs-content[b-hdtdaeh8nn] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    flex: 1 1 auto;
}

.navigation-breadcrumbs-title[b-hdtdaeh8nn] {
    color: var(--grey-dark);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.navigation-breadcrumbs-list[b-hdtdaeh8nn] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 0;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.navigation-breadcrumbs-list-item[b-hdtdaeh8nn] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    font-size: 12px;
    line-height: 12px;
    color: var(--grey-3);
    user-select: none;
}

    .navigation-breadcrumbs-list-item:not(:last-child)[b-hdtdaeh8nn]::after {
        content: ">";
        margin: 0 8px;
        color: var(--grey-3);
    }

    .navigation-breadcrumbs-list-item:hover[b-hdtdaeh8nn] {
        color: var(--green);
        cursor: pointer;
    }
/* /Views/BuilderDialogFooter/BuilderDialogFooter.razor.rz.scp.css */
[builder-dialog-footer-view] .btn-override {
    height: 32px !important;
}
/* /Views/ChoiceItem/ChoiceItem.razor.rz.scp.css */
.list-choice .item-choice[choice-item] {
    display: flex;
    align-items: center;
    gap: 5px;
    counter-increment: choice;
}

.list-choice .item-choice[choice-item]::before,
.list-choice .item-choice .choice[choice-item] {
    color: var(--grey-3);
    font-size: 14px;
}

.list-choice .item-choice[choice-item]::before {
    font-weight: 600;
    content: '#' counter(choice, upper-alpha);
}

.list-choice .item-choice .choice[choice-item] {
    flex: 1 1 auto;
    padding: 4px 8px;
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
}

.layout--dark .list-choice .choice[choice-item] {
    border-color: var(--alpha-light-2);
}
/* /Views/ChoiceListBuilder/ChoiceControls/ChoiceControls.razor.rz.scp.css */
.field-create-list[choice-controls] {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 5px;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.layout--dark .field-create-list[choice-controls] {
    border-color: var(--alpha-light-2);
}
/* /Views/ChoiceListBuilder/ChoiceListBuilder.razor.rz.scp.css */
.list-choice[choice-list-bulder] {
    counter-reset: choice;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0 5px;
    margin-top: 5px;
}
/* /Views/ColorDropDown/ColorDropDown.razor.rz.scp.css */
[color-dropdown-view] .drop-down .drop-down-body {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0, 10px);
    display: inline-block;
    list-style: none;
    padding-left: 0px;
    min-width: 75px;
    width: auto;
    max-width: 300px;
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    transition: all var(--transition-duration) ease 0s;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    line-height: var(--line-height);
    z-index: 99;
    max-height: 70vh;
    scrollbar-color: var(--alpha-dark-2) transparent;
    scrollbar-width: thin;
}

.color-dropdown[color-dropdown-view]  .drop-down .drop-down-body {
    transition: opacity var(--transition-duration) ease 0s;
    min-width: 125px;
}

.color-dropdown[color-dropdown-view]  .color-dropdown-button {
    display: flex;
    width: 16px;
    height: 16px;
    padding: 3px;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
    user-select: none;
}

    .color-dropdown[color-dropdown-view]  .color-dropdown-button.disabled {
        cursor: default;
    }

    .color-dropdown[color-dropdown-view]  .color-dropdown-button-color {
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex: 1 0 0;
        border-radius: 2px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
    }

.color-dropdown[color-dropdown-view]  .color-dropdown-item {
    min-width: 75px;
    height: 2.375rem;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    border-bottom: 1px solid var(--grey-light-3);
    cursor: pointer;
    user-select: none;
}

    .color-dropdown[color-dropdown-view]  .color-dropdown-button:not(.disabled):hover,
    .color-dropdown[color-dropdown-view]  .color-dropdown-item:hover {
        background-color: var(--alpha-dark-1);
    }

    .color-dropdown[color-dropdown-view]  .color-dropdown-item .color-dropdown-item-name {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px;
        color: var(--grey-3);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .color-dropdown[color-dropdown-view]  .color-dropdown-item.selected .color-dropdown-item-name {
        color: var(--green);
    }

    .color-dropdown[color-dropdown-view]  .color-dropdown-item .color-dropdown-item-selected-icon {
        min-width: 0.75rem;
        width: 0.75rem;
        height: 0.75rem;
        display: flex;
        align-items: center;
        margin-left: auto;
        color: var(--green);
        opacity: 0;
    }

    .color-dropdown[color-dropdown-view]  .color-dropdown-item.selected .color-dropdown-item-selected-icon {
        opacity: 1;
    }
/* /Views/ComplexIcons/AIGenerateIcon/AIGenerateIcon.razor.rz.scp.css */
.ai-icon-container[ai-generate-icon-view] {
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    position: relative;
}

.outer-ellipse[ai-generate-icon-view] {
    width: 36px;
    height: 36px;
    stroke-width: 2px;
    stroke: var(--green);
    position: absolute;
}

.inner-ellipse[ai-generate-icon-view] {
    width: 28px;
    height: 28px;
    filter: drop-shadow(4px 3px 6px rgba(0, 0, 0, 0.12));
    position: absolute;
    left: 2px;
    top: 1px;
}

.ai-icon[ai-generate-icon-view] {
    position: absolute;
    left: 6px;
    top: 6px;
}

    .ai-icon[ai-generate-icon-view]  svg {
        width: 24px;
        height: 24px;
    }
/* /Views/ConfirmationDialog/ConfirmationDialog.razor.rz.scp.css */
.confirmation-message[confirmation-dialog-view] {
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 0 20px;
    font-size: 0.875rem;
}

.confirmation-dialog[confirmation-dialog-view] .dialog-header {
    border-bottom: 0 !important;
}

.confirmation-dialog[confirmation-dialog-view] .dialog-footer {
    border-top: 0 !important;
}

.confirmation-dialog[confirmation-dialog-view]  .btn-progress .loader-container {
    flex: 1 1 auto !important;
    margin-left: 0.5rem;
}
/* /Views/CourseItem/View/CourseItem.razor.rz.scp.css */
.course-item[course-item-view] {
    display: inline-block;
    margin: 2px 2px -2px 2px;
}

.activity .main[course-item-view],
.activity .circle[course-item-view] {
    background-color: var(--yellow) !important;
}

.lesson .main[course-item-view],
.lesson .circle[course-item-view] {
    background-color: var(--purple) !important;
}

.assessment .main[course-item-view],
.assessment .circle[course-item-view],
.externalAssessment .main[course-item-view],
.externalAssessment .circle[course-item-view] {
    background-color: var(--orange) !important;
}

.media .main[course-item-view],
.media .circle[course-item-view] {
    background-color: var(--blue) !important;
}

.activity .tooltip[course-item-view] {
    border-color: var(--yellow) !important;
}

.lesson .tooltip[course-item-view] {
    border-color: var(--purple) !important;
}

.assessment .tooltip[course-item-view],
.externalAssessment .tooltip[course-item-view] {
    border-color: var(--orange) !important;
}

.media .tooltip[course-item-view] {
    border-color: var(--blue) !important;
}

.activity .type[course-item-view] {
    color: var(--yellow) !important;
}

.lesson .type[course-item-view] {
    color: var(--purple) !important;
}

.assessment .type[course-item-view],
.externalAssessment .type[course-item-view] {
    color: var(--orange) !important;
}

.media .type[course-item-view] {
    color: var(--blue) !important;
}

.main[course-item-view] {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

[course-item-view] .main svg {
    position: absolute;
    width: 12px;
    height: 12px;
}

.tooltip[course-item-view] {
    display: flex;
    flex-flow: column;
    align-items: start;
    gap: 5px;
    padding: 10px;
    border: solid;
    border-width: 1px;
    border-radius: 4px;
    background-color: var(--grey-dark-3);
}

.type[course-item-view] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    font-size: 12px;
}

.circle[course-item-view] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.due-on[course-item-view] {
    padding: 2px 4px 2px 4px;
    border-radius: 2px;
    background-color: var(--alpha-light-1);
    color: var(--grey-3);
    font-size: 10px;
    align-items: center;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 4px;
}

[course-item-view] .due-on svg {
    width: 12px;
    height: 12px;
}
/* /Views/DashboardSidebar/DashboardSidebar.razor.rz.scp.css */
.sidebar[b-zc4ait9ktf] {
	display: flex;
	flex-direction: column;
	height: 100vh;
	overflow: hidden;
	background: var(--grey-dark-4);
	top: 0;
	left: 0;
	z-index: 1001;
}

	.sidebar.docked[b-zc4ait9ktf] {
		position: static;
	}

	.sidebar.flyout[b-zc4ait9ktf] {
		position: absolute;
	}

	.sidebar.collapsed[b-zc4ait9ktf] {
		min-width: 64px;
		max-width: 64px;
		width: 64px;
	}

	.sidebar.expanded[b-zc4ait9ktf] {
		min-width: 288px;
		max-width: 288px;
		width: 288px;
	}

.logo-container[b-zc4ait9ktf] {
	display: flex;
	padding: 20px 16px 8px 8px;
	align-items: flex-start;
	align-self: stretch;
	gap: 8px;
}

.profile-container[b-zc4ait9ktf] {
	flex: 0 0 auto;
	padding: 0 16px 20px;
}

.button-container[b-zc4ait9ktf] {
	display: flex;
	align-items: center;
	justify-content: center;
}

	.button-container[b-zc4ait9ktf] .icon {
		left: 0 !important;
		margin-right: 0 !important;
	}

	.button-container[b-zc4ait9ktf] .btn {
		display: flex;
		width: 40px;
		height: 40px;
		padding: 1px;
		justify-content: center;
		align-items: center;
		background: var(--grey-dark-4);
		border: none;
	}

		.button-container[b-zc4ait9ktf] .btn:hover {
			display: flex;
			width: 40px;
			height: 40px;
			max-width: 40px;
			justify-content: center;
			align-items: center;
			border-radius: 50px;
			background: var(--white, rgba(255, 255, 255, 0.05));
		}

		.button-container[b-zc4ait9ktf] .btn:hover path {
			fill: var(--green);
		}

.buttons-container[b-zc4ait9ktf] {
	padding: 20px 0 10px 0;
}

.sidebar-backdrop[b-zc4ait9ktf] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(82, 88, 96, 0.45);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	z-index: 1000;
}

.sidebar[b-zc4ait9ktf]  .scroll {
	scrollbar-color: var(--alpha-light-2) transparent;
}
/* /Views/DebounceInput/DebounceInput.razor.rz.scp.css */
/* /Views/DocumentViewer/DocumentItem/DocumentItem.razor.rz.scp.css */
/* /Views/DocumentViewer/DocumentViewer.razor.rz.scp.css */
/* /Views/DragDrop/DragDrop.razor.rz.scp.css */

.dd-container[b-lb01ttpj44] {
    background-color: transparent;
}
.dd-container.dd-container-horizontal[b-lb01ttpj44] {
    display: flex;
    flex-direction: row;
}
.dd-container.dd-container-vertical[b-lb01ttpj44] {
    display: flex;
    flex-direction: column;
}
    .dd-container:has(.dd-item-container.dd-item-container-drop-forbidden)[b-lb01ttpj44] {
        cursor: not-allowed !important;
    }

    .dd-container > .dd-item-container[b-lb01ttpj44] {
        width: 100%;
        height: 100%;
    }
        .dd-container > .dd-item-container[draggable=true][b-lb01ttpj44] {
            cursor: grab;
            cursor: -moz-grab;
            cursor: -webkit-grab;
        }
            .dd-container > .dd-item-container[draggable=true]:active[b-lb01ttpj44] {
                cursor: grabbing;
                cursor: -moz-grabbing;
                cursor: -webkit-grabbing;
            }
    .dd-container > .dd-item-container-currently-dragged[b-lb01ttpj44] {
        opacity: 0.75;
        box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.15);
    }
    .dd-container > .dd-item-container-drag-forbidden[b-lb01ttpj44] {
        user-select: none;
    }

    .dd-container > .dd-item-container-dragged-over[b-lb01ttpj44] {
        opacity: 0.75;
        animation: blinker-b-lb01ttpj44 800ms ease-in-out infinite;
    }
        .dd-container > .dd-item-container-dragged-over[b-lb01ttpj44]  * {
            opacity: 0.75;
            animation: blinker-b-lb01ttpj44 800ms ease-in-out infinite;
        }
    .dd-container > .dd-item-container-drop-forbidden[b-lb01ttpj44] {
        cursor: not-allowed;
    }
        .dd-container > .dd-item-container-drop-forbidden[b-lb01ttpj44]  * {
            cursor: not-allowed;
        }

    .dd-container > .dd-item-spacer[b-lb01ttpj44] {
        opacity: 0;
        display: flex;
        align-items: center;
        background-color: transparent;
    }
        .dd-container.dd-container-horizontal > .dd-item-spacer[b-lb01ttpj44] {
            flex-direction: column;
            min-width: 0.5rem;
            transition: padding-left 200ms 50ms cubic-bezier(0, 0, 0.2, 1), 
                        padding-right 200ms 50ms cubic-bezier(0, 0, 0.2, 1), 
                        opacity 200ms 50ms cubic-bezier(0, 0, 0.2, 1);
        }
        .dd-container.dd-container-vertical > .dd-item-spacer[b-lb01ttpj44] {
            flex-direction: row;
            min-height: 0.5rem;
            transition: padding-top 200ms 50ms cubic-bezier(0, 0, 0.2, 1), 
                        padding-bottom 200ms 50ms cubic-bezier(0, 0, 0.2, 1), 
                        opacity 200ms 50ms cubic-bezier(0, 0, 0.2, 1);
        }
    .dd-container > .dd-item-spacer-dragged-over[b-lb01ttpj44] {
        opacity: 1;
    }
        .dd-container.dd-container-horizontal > .dd-item-spacer-dragged-over[b-lb01ttpj44] {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
        .dd-container.dd-container-vertical > .dd-item-spacer-dragged-over[b-lb01ttpj44] {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }
    .dd-container > .dd-item-spacer > .dd-item-spacer-line[b-lb01ttpj44] {
        width: 100%;
        height: 100%;
        background-color: var(--grey-dark-2);
    }
        .dd-container.dd-container-horizontal > .dd-item-spacer > .dd-item-spacer-line[b-lb01ttpj44] {
            min-width: 0.125rem;
            max-width: 0.125rem;
        }
        .dd-container.dd-container-vertical > .dd-item-spacer > .dd-item-spacer-line[b-lb01ttpj44] {
            min-height: 0.125rem;
            max-height: 0.125rem;
        }

.dd-container > .dd-in-progress > *[b-lb01ttpj44] {
    pointer-events: none;
}
    .dd-container > .dd-in-progress[b-lb01ttpj44]  * {
        pointer-events: none;
    }

@keyframes blinker-b-lb01ttpj44 {
    50% {
        opacity: 0;
    }
}
/* /Views/Feedback/AddComment/AddComment.razor.rz.scp.css */
/* /Views/Feedback/Comment/Comment.razor.rz.scp.css */
.list-tags[feedback-comment-view] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
}

    .list-tags .tag[feedback-comment-view] {
        text-align: center;
        border-radius: 30px;
        padding: 0 10px;
    }
/* /Views/Feedback/Feedback/Feedback.razor.rz.scp.css */
/* 
    view-panel
*/

.panel .panel-preheader[feedback-view] {
    margin-bottom: 4px;
}

.panel .panel-header[feedback-view] {
    margin-bottom: 10px;
}

.panel .panel-item[feedback-view] {
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 4px;
}

    .panel .panel-item .card-header[feedback-view] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .panel .panel-item .card-header .btn-close[feedback-view] {
            display: inline-block;
            padding-left: 4px;
            cursor: pointer;
        }

            .panel .panel-item .card-header .btn-close:hover[feedback-view], .panel .panel-item .card-header .btn-close:focus[feedback-view] {
                color: var(--red);
            }

            .panel .panel-item .card-header .btn-close .icon[feedback-view] {
                width: 0.625em;
            }

        .panel .panel-item .card-header .menu .btn[feedback-view] {
            margin-left: 4px;
        }

.panel .btn--add[feedback-view] {
    margin-top: 10px;
    max-width: 100%;
    text-align: left;
    font-size: 0.875em;
    color: var(--green);
}

    .panel .btn--add:hover[feedback-view], .panel .btn--add:focus[feedback-view] {
        color: #ffffff;
    }

/** 5.2.1 Panel Card */
.panel--card[feedback-view] {
    color: var(--grey-3);
}

    .panel--card .card[feedback-view] {
        padding: 10px;
    }

        .panel--card .card .card-header[feedback-view] {
            margin-bottom: 10px;
        }

/** 5.2.2 Panel Dropdown */
.panel--dropdown[feedback-view] {
    color: var(--grey-3);
}

    .panel--dropdown .dropdown .dropdown-header .dropdown-label[feedback-view] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

        .panel--dropdown .dropdown .dropdown-header .dropdown-label .icon--left[feedback-view] {
            top: 0;
            margin: 0;
        }

    .panel--dropdown .dropdown .dropdown-header .dropdown-controls[feedback-view] {
        display: flex;
        gap: 4px;
        pointer-events: all;
    }

    .panel--dropdown .dropdown .dropdown-header .icon--left[feedback-view] {
        margin-right: 4px;
    }

    .panel--dropdown .dropdown .dropdown-header .flex[feedback-view] {
        display: flex;
        gap: 8px;
    }

    .panel--dropdown .dropdown .dropdown-header > *[feedback-view] {
        display: inline-block;
        pointer-events: none;
    }

    .panel--dropdown .card[feedback-view] {
        padding: 10px;
    }

        .panel--dropdown .card .card-header[feedback-view] {
            color: var(--grey-1);
        }

/*
    view-panel-feedback
*/

.panel-feedback[feedback-view] {
    padding: 5px;
    background: #ffffff;
    border-radius: 4px;
}

    .panel-feedback.panel .panel-header[feedback-view] {
        margin-bottom: 5px;
    }

    .panel-feedback .card[feedback-view] {
        border-radius: 4px;
    }

    .panel-feedback .comment[feedback-view] {
        margin-top: 10px;
    }

    .icon-left[feedback-view] {
        transform: rotate(-90deg) !important;
    }

.dropdown--expendable .dropdown-header .dropdown-controls .icon[feedback-view] {
    position: absolute;
    top: 14px;
    transform: translate(-50%, -50%);
    height: 1em;
}
/* /Views/Feedback/Tag/Tag.razor.rz.scp.css */
/*
    view-tag
*/

.tag[feedback-tag-view] {
    display: inline-block;
    color: var(--grey-3);
    font-size: 0.75rem;
    letter-spacing: 0.125em;
    line-height: var(--line-height);
    text-transform: uppercase;

    text-align: center;
    border-radius: 30px;
    padding: 0 10px;
}

    .tag.tag--primary[feedback-tag-view] {
        color: var(--green);
        background: var(--alpha-green-2);
        border: 1px solid var(--alpha-green-3);
    }

    .tag.tag--basic[feedback-tag-view] {
        font-size: 0.875rem;
        letter-spacing: 0;
        text-transform: none;
        background: var(--alpha-dark-1);
    }

        .tag.tag--basic.correct[feedback-tag-view] {
            border: 2px solid var(--green);
            color: var(--green);
            background: var(--alpha-green-2);
        }

        .tag.tag--basic.incorrect[feedback-tag-view] {
            border: 2px solid var(--red);
            color: var(--red);
            background: var(--alpha-red-2);
        }

    .tag.tag--ctrl[feedback-tag-view] {
        display: inline-flex;
        align-items: center;
        font-size: 0.875rem;
        letter-spacing: 0;
        text-transform: none;
        border: 1px solid var(--grey-light-3);
        background: var(--alpha-dark-1);
    }

        .tag.tag--ctrl .tag-close[feedback-tag-view] {
            margin-left: 8px;
            line-height: 0.5;
            cursor: pointer;
        }

            .tag.tag--ctrl .tag-close.disabled[feedback-tag-view] {
                display: none;
            }

            .tag.tag--ctrl .tag-close:hover[feedback-tag-view] {
                color: var(--red);
            }

            .tag.tag--ctrl .tag-close .icon[feedback-tag-view] {
                height: 0.75em;
            }

.layout--dark .tag.tag--basic[feedback-tag-view] {
    background: var(--alpha-light-1);
}

    .layout--dark .tag.tag--basic.correct[feedback-tag-view] {
        background: var(--alpha-green-2);
    }

    .layout--dark .tag.tag--basic.incorrect[feedback-tag-view] {
        background: var(--alpha-red-2);
    }

.layout--dark .tag.tag--ctrl[feedback-tag-view] {
    border-color: var(--alpha-light-2);
    background: var(--alpha-light-1);
}

/*
    view-tag-feedback
*/

.tag--basic[feedback-tag-view] {
    font-size: 0.875rem;
    letter-spacing: 0;
    text-transform: none;
    background: var(--alpha-dark-1);
}
/* /Views/Feedback/ToolsList/ToolsList.razor.rz.scp.css */
.list-tools[feedback-tools-list-view] {
    display: flex;
}

    .list-tools .item-tool[feedback-tools-list-view] {
        display: flex;
    }

    .list-tools .btn-tool.active[feedback-tools-list-view] {
        background: transparent !important;
        cursor: context-menu;
    }

    .list-tools .btn-tool .icon[feedback-tools-list-view] {
        width: 80%;
    }
/* /Views/FileUploadManager/FileUploadManager.razor.rz.scp.css */
.file-upload-manager[b-qb8uawer1p] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    gap: 12px;
}

.file-upload-manager-header[b-qb8uawer1p] {
    flex-shrink: 0;
    width: 100%;
}

.file-upload-manager-header-content[b-qb8uawer1p] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

    .file-upload-manager-header-content[b-qb8uawer1p]  .btn {
        height: 40px !important;
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

.mobile-upload[b-qb8uawer1p] {
    display: flex;
    align-items: center;
}

    .mobile-upload[b-qb8uawer1p]  .btn {
        margin: 0;
    }

.file-upload-manager-body[b-qb8uawer1p] {
    flex: 1;
    min-height: 0;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.file-upload-manager-body-content[b-qb8uawer1p] {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding-right: 4px;
}

    .file-upload-manager-body-content[b-qb8uawer1p]  .thumbnail {
        flex: 0 0 auto;
    }
/* /Views/GraphDiscoverBox/StudentGraphDiscoverBox.razor.rz.scp.css */

/* /Views/Header/TeacherHeader.razor.rz.scp.css */
.path-part-li[teacher-header-view] {
    opacity: 0.4;
}

.utility[teacher-header-view] {
    display: flex;
    gap: 8px;
}

.heading-icon[teacher-header-view]  svg path {
    fill: white;
}
/* /Views/HelpAndFeedbackDialog/HelpAndFeedbackDialog.razor.rz.scp.css */
.help-and-feedback-dialog[help-and-feedback-dialog-view] .dialog-header {
    border-bottom: 0 !important;
}

.dialog-content[help-and-feedback-dialog-view] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 16px;
}

.help-and-feedback-dialog-icon[help-and-feedback-dialog-view] {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--green);
}

.help-feedback-section[help-and-feedback-dialog-view] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 0;
}

    .help-feedback-section:first-of-type[help-and-feedback-dialog-view] {
        border-bottom: 1px solid var(--grey-light-3);
    }

.help-feedback-section-header[help-and-feedback-dialog-view] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.help-feedback-icon[help-and-feedback-dialog-view] {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .help-feedback-icon.danger[help-and-feedback-dialog-view] {
        color: var(--red);
    }

    .help-feedback-icon.success[help-and-feedback-dialog-view] {
        color: var(--green);
    }

.help-feedback-section-content[help-and-feedback-dialog-view] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-left: 36px;
    height: 118px;
}

    .help-feedback-section-content > :first-child[help-and-feedback-dialog-view] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .help-feedback-section-content > :last-child[help-and-feedback-dialog-view] {
        flex-shrink: 0;
    }

.help-feedback-text[help-and-feedback-dialog-view] {
    margin: 0;
    color: #616161;
    font-size: 16px;
    font-weight: 400;
}

.help-feedback-button[help-and-feedback-dialog-view] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 40px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: white;
    transition: filter 0.2s ease, transform 0.05s ease;
}

    .help-feedback-button:hover[help-and-feedback-dialog-view] {
        filter: brightness(0.9);
    }

    .help-feedback-button.danger[help-and-feedback-dialog-view] {
        background-color: var(--red);
    }

    .help-feedback-button.success[help-and-feedback-dialog-view] {
        background-color: var(--green);
    }
/* /Views/HierarchicalTreeView/HierarchicalTree.razor.rz.scp.css */
.hierarhical-tree[b-jscqdacxm8] {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    overflow: auto;
    scrollbar-color: var(--alpha-dark-2) transparent;
}

.hierarhical-tree-selection-highlight[b-jscqdacxm8] {
    position: absolute;
    top: 0;
    left: 0;
    width: 287px; /* JS will overwrite */
    height: 30px; /* JS will overwrite */
    border-radius: 4px;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.05);
    opacity: 0;
    z-index: 0;
    transition: opacity 0.15s ease, transform 0.15s ease;
}
/* /Views/HierarchicalTreeView/View/HierarchicalTreeNode.razor.rz.scp.css */
.hierarhical-tree-node[b-dqpf4ghfcm] {
    position: relative;
    display: block;
    width: max-content;
    min-width: 100%;
    min-height: 30px;
    cursor: pointer;
    box-sizing: border-box;
    z-index: auto;
}

.expandable-node[b-dqpf4ghfcm] {
    position: relative;
    z-index: auto;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    gap: 6px;
    padding: 0 12px 0 7px;
    box-sizing: border-box;
}

    .expandable-node.collapsed .expand-action .expand-action-icon[b-dqpf4ghfcm] {
        transform: rotate(-90deg);
    }

    .expandable-node.expanded .expand-action .expand-action-icon[b-dqpf4ghfcm] {
        transform: rotate(0deg);
    }

.expand-action[b-dqpf4ghfcm] {
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    padding-left: 8px;
}

    .expand-action.hidden-expander[b-dqpf4ghfcm] {
        visibility: hidden;
    }

    .expand-action[b-dqpf4ghfcm]  .expand-action-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform var(--transition-duration) ease 0s;
        color: var(--grey-3);
    }

        .expand-action[b-dqpf4ghfcm]  .expand-action-icon.icon-14,
        .expand-action[b-dqpf4ghfcm]  .expand-action-icon.icon-14 .icon {
            height: 10px;
            width: 10px;
        }

        .expand-action[b-dqpf4ghfcm]  .expand-action-icon.icon-12,
        .expand-action[b-dqpf4ghfcm]  .expand-action-icon.icon-12 .icon {
            height: 8px;
            width: 8px;
        }

        .expand-action[b-dqpf4ghfcm]  .expand-action-icon ::deep .icon {
            display: flex;
            transition: transform 0.2s ease;
        }

    .expand-action[b-dqpf4ghfcm]  .btn--circle {
        width: 24px;
        height: 24px;
    }

.hierarhical-tree-node-template[b-dqpf4ghfcm] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.tree-anchor-start[b-dqpf4ghfcm],
.tree-anchor-end[b-dqpf4ghfcm] {
    display: block;
    flex: 0 0 1px;
    width: 1px;
    min-width: 1px;
    height: 30px;
    pointer-events: none;
}
/* /Views/InsertBlanks/InsertBlanks.razor.rz.scp.css */
.wrapper[insert-blanks] {
    margin: 0 !important;
}

[insert-blanks] .input {
    min-width: 100px;
    flex: 1 1 0;
    margin: 0 !important;
}
/* /Views/ListHeader/ListHeader.razor.rz.scp.css */
.list-main-header[students-list-view] {
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--alpha-dark-1);
    border-bottom: 1px solid var(--grey-light-3);
}

.list-main-header[students-list-view] .btn {
    margin-right: -8px;
}
/* /Views/MatchingItem/MatchingItem.razor.rz.scp.css */
.list-matching .item-matching[matching-item] {
    display: flex;
    align-items: center;
    gap: 10px;
    counter-increment: numeric;
}

.list-matching .item-matching[matching-item]::before {
    content: "#" counter(numeric);
    color: var(--grey-3);
    font-size: 14px;
    font-weight: 600;
}

.list-matching .item-matching .matching[matching-item] {
    padding: 4px 8px;
    color: var(--grey-3);
    font-size: 14px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.list-matching .item-matching[matching-item]  .btn {
    margin-left: auto;
}

.list-matching .matching[matching-item],
.list-matching .drag-item[matching-item] {
    flex: 1 1 0;
    max-width: calc(50% - 40px);
}

.layout--dark .list-matching .matching[matching-item] {
    border-color: var(--alpha-light-2);
}


/* Drag-n-Drop */

.layout--dark .drag .drag-item[matching-item] {
    border-color: var(--alpha-light-2);
}

.layout--dark .drag .drag-item.correct[matching-item] {
    border: 2px solid var(--green);
}

.layout--dark .drag .drag-item.incorrect[matching-item] {
    border: 2px solid var(--red);
}

.layout--dark .drag .drag-item.drag-item--dragging[matching-item] {
    background: var(--grey-dark-4);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.layout--dark .drag .drag-item.drag-item--enter[matching-item] {
    background: rgba(255, 255, 255, 0.015) !important;
    border-color: var(--alpha-light-2) !important;
}
/* /Views/MatchMakerBuilder/MatchMakerBuilder.razor.rz.scp.css */
.list-matching[match-maker-builder] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 10px;
    margin-top: 10px;
    list-style: none;
    counter-reset: numeric;
}
/* /Views/MatchMakerBuilder/MatchMakerControls/MatchMakerControls.razor.rz.scp.css */
.field-create-list[match-maker-controls] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    padding: 5px;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.layout--dark .field-create-list[match-maker-controls] {
    border-color: var(--alpha-light-2);
}
/* /Views/NavigationTabs/NavigationTabs.razor.rz.scp.css */
.navigation-tabs[b-sjjf5lsbwt] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.navigation-tabs-content[b-sjjf5lsbwt] {
    display: flex;
}

.navigation-tabs[b-sjjf5lsbwt]  .navigation-tab:first-child {
    border-left: 1px solid var(--grey-light-4);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.navigation-tabs[b-sjjf5lsbwt]  .navigation-tab:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* /Views/NavigationTabs/Views/NavigationTab.razor.rz.scp.css */
.navigation-tab[b-ww4v8zl30m] {
    display: flex;
    height: 40px;
    min-width: 120px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--grey-light-4);
    background: rgba(0, 0, 0, 0.03);
    cursor: pointer;
    border-left: none;
}

    .navigation-tab .navigation-tab-title[b-ww4v8zl30m] {
        color: var(--grey-3);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px;
    }

    .navigation-tab.selected[b-ww4v8zl30m] {
        background: white;
    }

    .navigation-tab.selected .navigation-tab-title[b-ww4v8zl30m] {
        color: var(--green);
    }
/* /Views/OrderingItem/OrderingItem.razor.rz.scp.css */
.list-ordering .item-ordering[ordering-item] {
    display: flex;
    align-items: center;
    gap: 10px;
    counter-increment: numeric;
}

    .list-ordering .item-ordering[ordering-item]::before {
        content: "#" counter(numeric);
        color: var(--grey-3);
        font-size: 14px;
        font-weight: 600;
    }

    .list-ordering .item-ordering[ordering-item]  .btn {
        margin-left: auto;
    }

    .list-ordering .item-ordering .ordering[ordering-item] {
        flex: 1 1 auto;
        padding: 4px 8px;
        color: var(--grey-3);
        font-size: 14px;
        border: 1px solid var(--border-color);
        border-radius: 4px;
    }

.list-ordering .drag-item[ordering-item] {
    flex: 1 1 auto;
}

.layout--dark .list-ordering .ordering[ordering-item] {
    border-color: var(--alpha-light-2);
}
/* /Views/OrderMakerBuilder/OrderMakerBuilder.razor.rz.scp.css */
.list-ordering[order-maker-builder] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 10px;
    margin-top: 10px;
    list-style: none;
    counter-reset: numeric;
}
/* /Views/OrderMakerBuilder/OrderMakerControls/OrderMakerControls.razor.rz.scp.css */
.field-create-list[order-maker-controls] {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.layout--dark .field-create-list[order-maker-controls] {
    border-color: var(--alpha-light-2);
}
/* /Views/Pill/Views/Pill.razor.rz.scp.css */

.pill[pill-view] {
    /* Color variables definition */
    --p-green-5:   rgba(39, 191, 129, 0.05);
    --p-green-10:  rgba(39, 191, 129, 0.1);
    --p-green-30:  rgba(39, 191, 129, 0.3);
    --p-green-50:  rgba(39, 191, 129, 0.5);
    --p-green-100: rgba(39, 191, 129, 1);

    --p-orange-5:   rgba(235, 141, 42, 0.05);
    --p-orange-10:  rgba(235, 141, 42, 0.1);
    --p-orange-30:  rgba(235, 141, 42, 0.3);
    --p-orange-50:  rgba(235, 141, 42, 0.5);
    --p-orange-100: rgba(235, 141, 42, 1);

    --p-red-5:   rgba(229, 40, 60, 0.05);
    --p-red-10:  rgba(229, 40, 60, 0.1);
    --p-red-30:  rgba(229, 40, 60, 0.3);
    --p-red-50:  rgba(229, 40, 60, 0.5);
    --p-red-100: rgba(229, 40, 60, 1);

    --p-gray-50:  rgba(136, 136, 136, 0.5);
    --p-gray-100: rgba(136, 136, 136, 1);

    --p-gray164-50: rgba(164, 164, 164, 0.5);
    --p-gray164-100: rgba(164, 164, 164, 1);

    --p-gray246-100: rgba(246, 246, 246, 1);

    --p-dark-gray-50:  rgba(221, 221, 221, 0.5);
    --p-dark-gray-100: rgba(221, 221, 221, 1);

    --p-light-coal-100: rgba(81, 81, 81, 1);
    --p-coal-100: rgba(65, 65, 65, 1);

    --p-black-5:  rgba(0, 0, 0, 0.05);
    --p-black-10: rgba(0, 0, 0, 0.1);

    /* Properties */
    display: inline-flex;
    align-items: center;
    justify-content: inherit;
    overflow: hidden;
}
    .pill .pill-icons-container[pill-view] {
        display: inline-flex;
        align-items: center;
    }
    .pill .pill-text[pill-view] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        user-select: none;
    }
    .pill .pill-action .pill-dismiss-button[pill-view] {
        display: inline-flex;
        align-items: center;
        border: none;
        border-radius: 0.25rem;
        color: inherit;
        background-color: transparent;
        transition: background-color 0.3s, color 0.3s;
    }
    .pill .pill-tooltip[pill-view] {
        position: fixed;
        z-index: 50;
        width: fit-content;
        height: fit-content;
        display: none;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0.5rem;
        padding: 0.625rem;
        border: none;
        border-radius: 0.25rem;
        background-color: var(--grey-dark-3);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
        animation: pill-tooltip-display-pill-view 300ms forwards;
    }
        .pill .pill-tooltip.pill-tooltip-visible[pill-view] {
            display: flex;
        }

    @keyframes pill-tooltip-display-pill-view {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 100;
        }
    }

    /* 'content' affects text size, icon size and styles */
    .pill.pill-content-sm[pill-view] {
        font-size: 0.5rem;
        font-weight: 400;
    }
        .pill.pill-content-sm .pill-text[pill-view] {
            max-width: 12rem;
            gap: 0.125rem;
        }
        .pill.pill-content-sm .pill-icons-container[pill-view]  svg {
            width: 0.5rem;
            height: 0.5rem;
        }
        .pill.pill-content-sm .pill-action .pill-dismiss-button[pill-view] {
            padding: 0.125rem;
            margin-left: 0.125rem;
        }
            .pill.pill-content-sm .pill-action .pill-dismiss-button[pill-view]  svg {
                width: 0.375rem;
                height: 0.375rem;
            }
    .pill.pill-content-md[pill-view] {
        font-size: 0.75rem;
        font-weight: 400;
    }
        .pill.pill-content-md .pill-text[pill-view] {
            max-width: 16rem;
            gap: 0.25rem;
        }
        .pill.pill-content-md .pill-icons-container[pill-view]  svg {
            width: 1rem;
            height: 1rem;
        }
        .pill.pill-content-md .pill-action .pill-dismiss-button[pill-view] {
            padding: 0.25rem;
            margin-left: 0.125rem;
        }
            .pill.pill-content-md .pill-action .pill-dismiss-button[pill-view]  svg {
                width: 0.5rem;
                height: 0.5rem;
            }
    .pill.pill-content-lg[pill-view] {
        font-size: 1rem;
        font-weight: 400;
    }
        .pill.pill-content-lg .pill-text[pill-view] {
            max-width: 20rem;
            gap: 0.375rem;
        }
        .pill.pill-content-lg .pill-icons-container[pill-view]  svg {
            width: 1.5rem;
            height: 1.5rem;
        }
        .pill.pill-content-lg .pill-action .pill-dismiss-button[pill-view] {
            padding: 0.375rem;
            margin-left: 0.125rem;
        }
            .pill.pill-content-lg .pill-action .pill-dismiss-button[pill-view]  svg {
                width: 0.625rem;
                height: 0.625rem;
            }
    .pill.pill-content-inherit[pill-view] {
        font-size: inherit;
        font-weight: inherit;
    }
        .pill.pill-content-inherit .pill-text[pill-view] {
            /* Add children properties if required. */
        }
        .pill.pill-content-inherit .pill-icons-container[pill-view]  svg {
            /* Add children properties if required. */
        }
        .pill.pill-content-inherit .pill-action .pill-dismiss-button[pill-view] {
            /* Add children properties if required. */
        }
            .pill.pill-content-inherit .pill-action .pill-dismiss-button[pill-view]  svg {
                /* Add children properties if required. */
            }

    /* 'layout' affects paddings, gaps and max-width */
    .pill.pill-layout-sm[pill-view] {
        width: max-content;
        max-width: 12rem;
        padding: 0.125rem 0.5rem;
        gap: 0.25rem;
    }
        .pill.pill-layout-sm .pill-icons-container[pill-view] {
            gap: 0.0625rem;
        }
    .pill.pill-layout-md[pill-view] {
        width: max-content;
        max-width: 16rem;
        padding: 0.125rem 0.5rem;
        gap: 0.375rem;
    }
        .pill.pill-layout-md .pill-icons-container[pill-view] {
            gap: 0.125rem;
        }
    .pill.pill-layout-lg[pill-view] {
        width: max-content;
        max-width: 20rem;
        padding: 0.125rem 0.5rem;
        gap: 0.5rem;
    }
        .pill.pill-layout-lg .pill-icons-container[pill-view] {
            gap: 0.25rem;
        }
    .pill.pill-layout-inherit[pill-view] {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        padding: inherit;
        gap: inherit;
    }
        .pill.pill-layout-inherit .pill-icons-container[pill-view] {
            /* Add children properties if required. */
        }

    /* 'color' affects background color, border color, and display color of icons, text and action buttons */
    .pill.pill-color-default[pill-view] {
        background-color: var(--p-gray246-100);
        color: var(--p-gray164-100);
        border-color: var(--p-dark-gray-100);
    }
        .pill.pill-color-default .pill-text .pill-text-label[pill-view] {
            color: var(--p-gray-100);
        }
        .pill.pill-color-default .pill-text .pill-text-value[pill-view] {
            color: var(--p-coal-100);
        }
        .pill.pill-color-default .pill-action .pill-dismiss-button[pill-view] {
            color: var(--p-gray164-50);
        }
            .pill.pill-color-default .pill-action .pill-dismiss-button:hover[pill-view] {
                color: var(--p-gray164-100);
                background-color: var(--p-dark-gray-50);
            }
    .pill.pill-color-green[pill-view] {
        background-color: var(--p-green-5);
        color: var(--p-green-100);
        border-color: var(--p-green-30);
    }
        .pill.pill-color-green .pill-text .pill-text-label[pill-view] {
            color: var(--p-green-30);
        }
        .pill.pill-color-green .pill-text .pill-text-value[pill-view] {
            color: inherit; /* NOTE: Define complementary color if needed. */
        }
        .pill.pill-color-green .pill-action .pill-dismiss-button[pill-view] {
            color: var(--p-green-50);
        }
            .pill.pill-color-green .pill-action .pill-dismiss-button:hover[pill-view] {
                color: var(--p-green-100);
                background-color: var(--p-green-10);
            }
    .pill.pill-color-orange[pill-view] {
        background-color: var(--p-orange-5);
        color: var(--p-orange-100);
        border-color: var(--p-orange-30);
    }
        .pill.pill-color-orange .pill-text .pill-text-label[pill-view] {
            color: var(--p-orange-30);
        }
        .pill.pill-color-orange .pill-text .pill-text-value[pill-view] {
            color: inherit; /* NOTE: Define complementary color if needed. */
        }
        .pill.pill-color-orange .pill-action .pill-dismiss-button[pill-view] {
            color: var(--p-orange-50);
        }
            .pill.pill-color-orange .pill-action .pill-dismiss-button:hover[pill-view] {
                color: var(--p-orange-100);
                background-color: var(--p-orange-10);
            }
    .pill.pill-color-red[pill-view] {
        background-color: var(--p-red-5);
        color: var(--p-red-100);
        border-color: var(--p-red-30);
    }
        .pill.pill-color-red .pill-text .pill-text-label[pill-view] {
            color: var(--p-red-30);
        }
        .pill.pill-color-red .pill-text .pill-text-value[pill-view] {
            color: inherit; /* NOTE: Define complementary color if needed. */
        }
        .pill.pill-color-red .pill-action .pill-dismiss-button[pill-view] {
            color: var(--p-red-50);
        }
            .pill.pill-color-red .pill-action .pill-dismiss-button:hover[pill-view] {
                color: var(--p-red-100);
                background-color: var(--p-red-10);
            }
    .pill.pill-color-gray[pill-view] {
        background-color: var(--p-dark-gray-100);
        color: var(--p-light-coal-100);
        border-color: var(--p-black-10);
    }
        .pill.pill-color-gray .pill-text .pill-text-label[pill-view] {
            color: var(--p-black-10);
        }
        .pill.pill-color-gray .pill-text .pill-text-value[pill-view] {
            color: inherit; /* NOTE: Define complementary color if needed. */
        }
        .pill.pill-color-gray .pill-action .pill-dismiss-button[pill-view] {
            color: var(--p-gray-50);
        }
            .pill.pill-color-gray .pill-action .pill-dismiss-button:hover[pill-view] {
                color: var(--p-gray-100);
                background-color: var(--p-black-10);
            }
    .pill.pill-color-inherit[pill-view] {
        background-color: inherit;
        color: inherit;
        border-color: inherit;
    }
        .pill.pill-color-inherit .pill-text .pill-text-label[pill-view] {
            color: inherit;
        }
        .pill.pill-color-inherit .pill-text .pill-text-value[pill-view] {
            color: inherit;
        }
        .pill.pill-color-inherit .pill-action .pill-dismiss-button[pill-view] {
            color: inherit;
        }
            .pill.pill-color-inherit .pill-action .pill-dismiss-button:hover[pill-view] {
                /* Add children properties if required. */
            }

    /* variants: rounded (pill shape) / square (badge shape) */
    .pill.pill-rounded[pill-view] {
        border-radius: 1.25rem;
    }
    .pill.pill-square[pill-view] {
        border-radius: 0.25rem;
    }

    /* 'border' affects border properties */
    .pill.pill-border[pill-view] {
        border-width: 0.85px;
        border-style: solid;
    }
    .pill.pill-no-border[pill-view] {
        border: none;
    }

    /* 'shadow' affects box-shadow properties */
    .pill.pill-shadowed[pill-view] {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
    }
        .pill.pill-shadowed.pill-hoverable:hover[pill-view] {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.09);
        }
    .pill.pill-non-shadowed[pill-view] {
        box-shadow: none;
    }
        .pill.pill-non-shadowed.pill-hoverable:hover[pill-view] {
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
        }

    /* 'clickable' affects cursor properties */
    .pill.pill-clickable[pill-view] {
        cursor: pointer;
    }
    .pill.pill-non-clickable[pill-view] {
        cursor: inherit;
    }

    /* 'enabled / disabled' */
    .pill.pill-enabled[pill-view] {
        /* Add properties if required. */
    }
    .pill.pill-disabled[pill-view] {
        cursor: default;
    }


/* TODO: Adjust and add missing pill color definitions. */

.pill.pill-color-white[pill-view] {
    background-color: white;
    color: var(--p-gray164-100);
    border-color: var(--p-dark-gray-100);
}
.pill.pill-color-purple[pill-view] {
    background-color: rgba(174, 71, 255, 1);
    color: rgba(50, 50, 50, 1);
    border-color: white;
}
.pill.pill-color-yellow[pill-view] {
    background-color: rgba(228, 202, 57, 1);
    color: rgba(50, 50, 50, 1);
    border-color: white;
}
.pill.pill-color-dark-orange[pill-view] {
    background-color: rgba(235, 141, 42, 1);
    color: rgba(50, 50, 50, 1);
    border-color: white;
}
.pill.pill-color-blue[pill-view] {
    background-color: rgba(0, 162, 255, 1);
    color: rgba(50, 50, 50, 1);
    border-color: white;
}
/* /Views/Pill/Views/PillGroup.razor.rz.scp.css */
.pill-group.inline-styling[pill-view] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    user-select: none;
}

.pill-group.no-styling[pill-view] {
    /* NOTE: Intentionally left empty. */
}
/* /Views/Pill/Views/PillIcon.razor.rz.scp.css */
.pill-icon[pill-view] {
    display: inline-flex;
}

.pill-icon.pill-icon-color-inherit[pill-view] {
    color: inherit;
}

.pill-icon.pill-icon-color-yellow[pill-view] {
    color: rgba(228, 202, 57, 1);
}

.pill-icon.pill-icon-color-purple[pill-view] {
    color: rgba(174, 71, 255, 1);
}

.pill-icon.pill-icon-color-orange[pill-view] {
    color: rgba(235, 141, 42, 1);
}

.pill-icon.pill-icon-color-blue[pill-view] {
    color: rgba(0, 162, 255, 1);
}

.pill-icon.pill-icon-color-dark-gray[pill-view] {
    color: rgba(97, 97, 97, 1);
}

.pill-icon.pill-icon-color-light-black[pill-view] {
    color: rgba(50, 50, 50, 1);
}

.pill-icon.pill-icon-color-gray3[pill-view] {
    color: rgba(136, 136, 136, 1);
}
/* /Views/QuestionForm/QuestionForm.razor.rz.scp.css */
.body-header[question-form] {
    padding: 10px;
    margin-bottom: -20px;
}
/* /Views/QuickContactButtons/View/QuickContactButtons.razor.rz.scp.css */
.contact-buttons[b-8c8sppujsa] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.contact-buttons[b-8c8sppujsa]  .btn--circle {
    width: 2.25rem;
    height: 2.25rem;
    color: var(--green);
    border: 2px solid var(--green);
}

.contact-buttons[b-8c8sppujsa]  button .icon {
    color: var(--green);
}

.contact-buttons[b-8c8sppujsa]  button:hover .icon {
    color: white;
}
/* /Views/Rating/Views/Rating.razor.rz.scp.css */
.rating-container[rating-view] {
    display: inline-flex;
    width: fit-content;
    border: 1px solid var(--grey-light-3);
    border-radius: 0.25rem;
}
    .rating-container:focus-visible[rating-view] {
        outline: none;
    }
    .rating-container:not(.rating-container-disabled)[rating-view] {
        color: var(--green);
        background-color: transparent;
    }

.rating-container-disabled[rating-view] {
    color: var(--grey-3);
    background-color: rgba(0, 0, 0, 0.05);
}
/* /Views/Rating/Views/RatingItem.razor.rz.scp.css */
.rating-item[rating-view] {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    cursor: pointer;
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
    .rating-item:hover[rating-view] {
        transform: scale(1.2);
    }

    .rating-item.rating-item-active[rating-view] {
        /* NOTE: Intentionally left empty. */
    }

    .rating-item.rating-item-disabled[rating-view],
    .rating-item.rating-item-disabled:hover[rating-view] {
        cursor: default;
        pointer-events: none;
    }

    .rating-item.rating-item-readonly[rating-view] {
        cursor: default;
        pointer-events: none;
    }

    .rating-item .rating-item-input[rating-view] {
        position: absolute;
        margin: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0;
        z-index: 1;
        clip: rect(0, 0, 0, 0);
        cursor: inherit;
    }
    .rating-item svg[rating-view] {
        pointer-events: none;
    }
        .rating-item svg path[rating-view] {
            pointer-events: none;
        }
/* /Views/ScoreEditor/Views/EvaluationGradeEditor.razor.rz.scp.css */
.score-editor-container[b-z4rrqs8m5b] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
    .score-editor-container .score-editor-overridden-indicator[b-z4rrqs8m5b] {
        width: 1rem;
        height: 1rem;
        color: #888888;
    }
    .score-editor-container .score-editor-score-value[b-z4rrqs8m5b] {
        font-size: 0.75rem;
        font-weight: 400;
        color: var(--grey-3);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .score-editor-container .score-editor-input-wrapper[b-z4rrqs8m5b] {
        /* NOTE: Intentionally left empty. */
    }
        .score-editor-container .score-editor-input-wrapper .score-editor-grade[b-z4rrqs8m5b] {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.75rem;
            line-height: 0.75rem;
            border-radius: 0.25rem;
            color: white;
            overflow: hidden;
        }

[b-z4rrqs8m5b] .loader-spinner {
    width: 14px;
}

.exempt-indicator[b-z4rrqs8m5b] {
    width: 0.75rem;
    height: 0.75rem;
    display: flex;
}

.exempt-indicator[b-z4rrqs8m5b] >  svg {
    width: 0.75rem;
    height: 0.75rem;
    fill: rgba(188, 188, 188, 1);
}
/* /Views/ScoreEditor/Views/EvaluationScoreEditor.razor.rz.scp.css */
.score-editor-container[b-udkdu8snk2] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
    .score-editor-container .score-editor-overridden-indicator[b-udkdu8snk2] {
        width: 1rem;
        height: 1rem;
        color: #888888;
    }
    .score-editor-container .score-editor-input-wrapper[b-udkdu8snk2] {
        width: 4rem;
    }
        .score-editor-container .score-editor-input-wrapper[b-udkdu8snk2]  .field-group {
            width: 4rem;
        }
        .score-editor-container .score-editor-input-wrapper[b-udkdu8snk2]  .field-group label {
            display: none;
        }
    .score-editor-container .score-editor-score-value[b-udkdu8snk2],
    .score-editor-container .score-editor-max-score-value[b-udkdu8snk2] {
        font-size: 0.75rem;
        font-weight: 400;
        color: var(--grey-3);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .score-editor-container .score-editor-percentage-value[b-udkdu8snk2] {
        min-width: 2rem;
        margin-left: 1rem;
        font-size: 0.75rem;
        font-weight: 400;
        color: var(--grey-3);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .score-editor-container .score-editor-grade[b-udkdu8snk2] {
        min-width: 30px;
        max-width: 60px;
        width: fit-content;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.75rem;
        line-height: 0.75rem;
        border-radius: 0.25rem;
        color: white;
        overflow: hidden;
    }

[b-udkdu8snk2] .field {
    height: 1.75rem;
}
[b-udkdu8snk2] .loader-spinner {
    width: 14px;
}

.exempt-indicator[b-udkdu8snk2] {
    width: 0.75rem;
    height: 0.75rem;
    display: flex;
}

.exempt-indicator[b-udkdu8snk2] >  svg {
    width: 0.75rem;
    height: 0.75rem;
    fill: rgba(188, 188, 188, 1);
}
/* /Views/ScoreEditor/Views/GradeDropdown.razor.rz.scp.css */

[grade-dropdown-view] .drop-down .drop-down-body {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0, 10px);
    display: inline-block;
    list-style: none;
    padding-left: 0px;
    min-width: 180px;
    width: auto;
    max-width: 300px;
    border: 1px solid var(--grey-light-3);
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    transition: all var(--transition-duration) ease 0s;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    line-height: var(--line-height);
    z-index: 99;
    max-height: 50vh;
    scrollbar-color: var(--alpha-dark-2) transparent;
    scrollbar-width: thin;
}

.grade-dropdown[grade-dropdown-view]  .drop-down .drop-down-body {
    transition: opacity var(--transition-duration) ease 0s;
    min-width: 182px;
}

.grade-dropdown[grade-dropdown-view]  .grade-dropdown-header {
    max-width: 10rem;
    max-height: 2rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.5rem;
    border-radius: 0.25rem;
    background-color: var(--grey-light-1);
    cursor: pointer;
    user-select: none;
}

.grade-dropdown[grade-dropdown-view]  .grade-dropdown-item {
    width: 180px;
    height: 2.375rem;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    border-bottom: 1px solid var(--grey-light-3);
    cursor: pointer;
    user-select: none;
}

    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-header:hover,
    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-item:hover {
        background-color: var(--alpha-dark-1);
    }

    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-item .grade-dropdown-item-abbreviation-wrapper {
        width: 60px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-header .grade-dropdown-header-abbreviation,
    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-item .grade-dropdown-item-abbreviation-wrapper .grade-dropdown-item-abbreviation {
        min-width: 27px;
        max-width: 60px;
        width: fit-content;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.25rem;
        padding: 0.125rem 0.5rem;
        color: white;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-header .grade-dropdown-header-name,
    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-item .grade-dropdown-item-name {
        line-height: 0.75rem;
        font-size: 0.75rem;
        font-weight: 400;
        color: var(--grey-3);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-item.currently-selected .grade-dropdown-item-name {
        color: var(--green);
    }

    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-header .grade-dropdown-header-icon,
    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-item .grade-dropdown-item-icon {
        min-width: 0.75rem;
        width: 0.75rem;
        height: 0.75rem;
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-item .grade-dropdown-item-icon {
        color: var(--green);
        opacity: 0;
    }

    .grade-dropdown[grade-dropdown-view]  .grade-dropdown-item.currently-selected .grade-dropdown-item-icon {
        opacity: 1;
    }
/* /Views/ScoreEditor/Views/GradeEditor.razor.rz.scp.css */
.grade-editor-container[grade-editor-view] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3125rem;
    padding: 0.625rem;
    border: 1px solid var(--grey-light-4);
    border-radius: 0.25rem;
    background-color: var(--grey-light-1);
}
    .grade-editor-container .current-grade-container[grade-editor-view] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 1rem;
        padding: 0.3125rem;
    }
        .grade-editor-container .current-grade-container .score-label[grade-editor-view] {
            line-height: 16.8px;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--grey-3);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    .grade-editor-container .initial-grade-container[grade-editor-view] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.3125rem 0.5rem;
        border-radius: 0.25rem;
        background-color: white;
    }
        .grade-editor-container .initial-grade-container .override-indicator[grade-editor-view] {
            width: 0.75rem;
            height: 0.75rem;
            display: flex;
        }
        .grade-editor-container .initial-grade-container .override-indicator[grade-editor-view] >  svg {
            width: 0.75rem;
            height: 0.75rem;
            fill: rgba(188, 188, 188, 1);
        }
        .grade-editor-container .initial-grade-container .score-label[grade-editor-view] {
            line-height: 16.8px;
            font-size: 0.75rem;
            font-weight: 400;
            color: var(--grey-3);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .grade-editor-container .initial-grade-container .grade[grade-editor-view] {
            min-width: 1rem;
            max-width: 2.25rem;
            width: fit-content;
            height: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2px 4px 2px 4px;
            font-size: 0.75rem;
            line-height: 0.75rem;
            border-radius: 0.25rem;
            color: white;
            overflow: hidden;
        }
        
[grade-editor-view] .grade-dropdown {
    margin-left: auto;
}

.exempt-indicator[grade-editor-view] {
    width: 0.75rem;
    height: 0.75rem;
    display: flex;
}

.exempt-indicator[grade-editor-view] >  svg {
    width: 0.75rem;
    height: 0.75rem;
    fill: rgba(188, 188, 188, 1);
}
/* /Views/ScoreEditor/Views/ScoreEditor.razor.rz.scp.css */
.score-editor-container[score-editor-view] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3125rem;
    padding: 0.625rem;
    border: 1px solid var(--grey-light-4);
    border-radius: 0.25rem;
    background-color: var(--grey-light-1);
}
    .score-editor-container .current-score-container[score-editor-view] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 1rem;
        padding: 0.3125rem;
    }
        .score-editor-container .current-score-container .current-score-container-left[score-editor-view] {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.5rem;
        }
            .score-editor-container .current-score-container .current-score-container-left .score-label[score-editor-view] {
                line-height: 16.8px;
                font-size: 0.875rem;
                font-weight: 600;
                color: var(--grey-3);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .score-editor-container .current-score-container .current-score-container-left[score-editor-view]  .field-group {
                width: 3.75rem;
                margin-bottom: 3px;
            }
            .score-editor-container .current-score-container .current-score-container-left[score-editor-view]  .field-group label {
                display: none;
            }
            .score-editor-container .current-score-container .current-score-container-left .max-score-value[score-editor-view] {
                line-height: 16.8px;
                font-size: 0.75rem;
                font-weight: 400;
                color: var(--grey-3);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
        .score-editor-container .current-score-container .current-score-container-right[score-editor-view] {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 1rem;
            margin-left: auto;
        }
            .score-editor-container .current-score-container .current-score-container-right .score-percentage[score-editor-view] {
                display: flex;
                align-items: center;
                gap: 0.3125rem;
                line-height: 16.8px;
                font-size: 0.875rem;
                font-weight: 600;
                color: var(--grey-3);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
                .score-editor-container .current-score-container .current-score-container-right .score-percentage > span[score-editor-view] {
                    color: black;
                    font-weight: 600;
                    margin-left: 0.5rem;
                }
                .score-editor-container .current-score-container .current-score-container-right .score-percentage .score-percentage-line[score-editor-view] {
                    position: relative;
                    width: 18px;
                    height: 2px;
                    border-radius: 1px;
                    background-color: var(--grey-light-3);
                }
                    .score-editor-container .current-score-container .current-score-container-right .score-percentage .score-percentage-line .score-percentage-line-value[score-editor-view] {
                        position: absolute;
                        height: 2px;
                        border-radius: 1px;
                        background-color: var(--green);
                    }
            .score-editor-container .current-score-container .current-score-container-right .grade[score-editor-view] {
                min-width: 27px;
                max-width: 60px;
                width: fit-content;
                height: 27px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 0.75rem;
                line-height: 0.75rem;
                border-radius: 0.25rem;
                color: white;
                overflow: hidden;
            }
            .score-editor-container .current-score-container .current-score-container-right .grade.with-percentage[score-editor-view] {
                width: auto;
                min-width: 32px;
                padding: 0.25rem;
                background-color: rgba(0, 0, 0, 0.05);
                color: rgba(136, 136, 136, 1);
            }
    .score-editor-container .initial-score-container[score-editor-view] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.3125rem 0.5rem;
        border-radius: 0.25rem;
        background-color: white;
    }
        .score-editor-container .initial-score-container .initial-score-container-left[score-editor-view] {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.25rem;
        }
            .score-editor-container .initial-score-container .initial-score-container-left .override-indicator[score-editor-view] {
                width: 0.75rem;
                height: 0.75rem;
                display: flex;
            }
            .score-editor-container .initial-score-container .initial-score-container-left .override-indicator[score-editor-view] >  svg {
                width: 0.75rem;
                height: 0.75rem;
                fill: rgba(188, 188, 188, 1);
            }
            .score-editor-container .initial-score-container .initial-score-container-left .score-label[score-editor-view] {
                line-height: 16.8px;
                font-size: 0.75rem;
                font-weight: 400;
                color: var(--grey-3);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
                .score-editor-container .initial-score-container .initial-score-container-left .score-label span:first-child[score-editor-view] {
                    color: black;
                    font-weight: 600;
                    margin-left: 0.25rem;
                }
        .score-editor-container .initial-score-container .initial-score-container-right[score-editor-view] {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 1rem;
        }  
            .score-editor-container .initial-score-container .initial-score-container-right .score-percentage[score-editor-view] {
                display: flex;
                align-items: center;
                gap: 0.3125rem;
                line-height: 16.8px;
                font-size: 0.75rem;
                font-weight: 400;
                color: var(--grey-3);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
                .score-editor-container .initial-score-container .initial-score-container-right .score-percentage > span[score-editor-view] {
                    color: black;
                    font-weight: 600;
                    margin-left: 0.25rem;
                }
                .score-editor-container .initial-score-container .initial-score-container-right .score-percentage .score-percentage-line[score-editor-view] {
                    position: relative;
                    width: 18px;
                    height: 2px;
                    border-radius: 1px;
                    background-color: var(--grey-light-3);
                }
                    .score-editor-container .initial-score-container .initial-score-container-right .score-percentage .score-percentage-line .score-percentage-line-value[score-editor-view] {
                        position: absolute;
                        height: 2px;
                        border-radius: 1px;
                        background-color: var(--green);
                    }
        .score-editor-container .initial-score-container .initial-score-container-right .grade[score-editor-view] {
            min-width: 1rem;
            max-width: 2.25rem;
            width: fit-content;
            height: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2px 4px 2px 4px;
            font-size: 0.75rem;
            line-height: 0.75rem;
            border-radius: 0.25rem;
            color: white;
            overflow: hidden;
        }
        .score-editor-container .initial-score-container .initial-score-container-right .grade.with-percentage[score-editor-view] {
            width: auto;
            min-width: 20px;
            padding: 0.25rem;
            background-color: rgba(0, 0, 0, 0.05);
            color: rgba(136, 136, 136, 1);
        }

.exempt-indicator[score-editor-view] {
    width: 0.75rem;
    height: 0.75rem;
    display: flex;
}

.exempt-indicator[score-editor-view] >  svg {
    width: 0.75rem;
    height: 0.75rem;
    fill: rgba(188, 188, 188, 1);
}
/* /Views/Title/Title.razor.rz.scp.css */
/* /Views/Toggle/View/Toggle.razor.rz.scp.css */
.toggle--controls-wrapper[b-2srepndevu] {
    background: var(--grey-light-4);
    display: flex;
    justify-content: center;
    width: fit-content;
    padding: 7px 3px 5px 0;
    height: calc(22px + 14px);
    border-radius: 3px;
}

.toggle--controls[b-2srepndevu] {
    border-radius: 3px;
    cursor: pointer;
    padding: 1px;
    margin: 0 2px;
}

.toggle--controls:nth-of-type(1)[b-2srepndevu] {
    margin-left: 5px;
}

.toggle--controls:hover[b-2srepndevu] {
    background: #ffffff;
}
/* /Views/TrueFalseToggle/TrueFalseToggle.razor.rz.scp.css */
.field-letter[true-false-toggle] {
    position: relative;
    padding-left: rem(36);
    font-weight: 400;
    line-height: 2;
    white-space: nowrap;
    cursor: default;
}

.field-letter .lettermark[true-false-toggle], .field-letter input[true-false-toggle] {
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.field-letter input[true-false-toggle] {
    opacity: 0;
    z-index: 1;
}

.field-letter input:not([disabled])[true-false-toggle] {
    cursor: pointer;
}

.field-letter input:hover:not([disabled]) ~ .lettermark[true-false-toggle], .field-letter input:focus:not([disabled]) ~ .lettermark[true-false-toggle] {
    color: var(--green);
    border-color: var(--green);
}

.field-letter input:hover:not([disabled]):checked ~ .lettermark[true-false-toggle], .field-letter input:focus:not([disabled]):checked ~ .lettermark[true-false-toggle] {
    color: #ffffff;
}

.field-letter input:checked:hover ~ .lettermark[true-false-toggle], .field-letter input.checked:hover ~ .lettermark[true-false-toggle], .field-letter input:checked:focus ~ .lettermark[true-false-toggle], .field-letter input.checked:focus ~ .lettermark[true-false-toggle] {
    color: #ffffff;
}

    .field-letter input:checked ~ .lettermark[true-false-toggle], .field-letter input.checked ~ .lettermark[true-false-toggle] {
        color: #ffffff;
        background: var(--green);
        border-color: var(--green);
    }

.field-letter .lettermark[true-false-toggle] {
    font-weight: 600;
    border: 1px solid var(--grey-1);
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.field-letter .lettermark > *[true-false-toggle] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.125em;
    line-height: 0;
}
.error .field-letter input:hover:not([disabled]) ~ .lettermark[true-false-toggle], .error .field-letter input:focus:not([disabled]) ~ .lettermark[true-false-toggle] {
    color: var(--red);
    border-color: var(--red);
}

.error .field-letter input:checked:hover ~ .lettermark[true-false-toggle], .error .field-letter input.checked:hover ~ .lettermark[true-false-toggle], .error .field-letter input:checked:focus ~ .lettermark[true-false-toggle], .error .field-letter input.checked:focus ~ .lettermark[true-false-toggle] {
    color: #ffffff;
}

.error .field-letter input:checked ~ .lettermark[true-false-toggle], .error .field-letter input.checked ~ .lettermark[true-false-toggle] {
    color: #ffffff;
    background: var(--red);
    border-color: var(--red);
}

.success .field-letter input:hover:not([disabled]) ~ .lettermark[true-false-toggle], .success .field-letter input:focus:not([disabled]) ~ .lettermark[true-false-toggle] {
    color: var(--green);
    border-color: var(--green);
}

.success .field-letter input:checked:hover ~ .lettermark[true-false-toggle], .success .field-letter input.checked:hover ~ .lettermark[true-false-toggle], .success .field-letter input:checked:focus ~ .lettermark[true-false-toggle], .success .field-letter input.checked:focus ~ .lettermark[true-false-toggle] {
    color: #ffffff;
}

.success .field-letter input:checked ~ .lettermark[true-false-toggle], .success .field-letter input.checked ~ .lettermark[true-false-toggle] {
    color: #ffffff;
    background: var(--green);
    border-color: var(--green);
}

.layout--dark .field-letter .lettermark[true-false-toggle] {
    color: var(--grey-1);
    border-color: var(--alpha-light-3);
}

/** 2.1.8 Field True False */
.field-true-false[true-false-toggle] {
    display: flex;
    align-items: center;
}

.field-true-false .slash-sep[true-false-toggle] {
    font-size: 1.25em;
    margin: 4px;
}

.field-true-false .field-letter[true-false-toggle] {
    padding: 0;
}

.field-true-false .field-letter .lettermark[true-false-toggle] {
    position: relative;
    display: block;
}

.layout--dark .field-true-false .slash-sep[true-false-toggle] {
    color: var(--alpha-light-3);
}
 
/* /Views/WorkAvailability/Day/View/Day.razor.rz.scp.css */
.day[b-adn54v7zf8] {
    display: flex;
    flex-flow: column;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--grey-light-4);
    background: var(--grey-light-1);
    padding: 10px;
    min-height: 40px;
    background: transparent !important;
}

.header[b-adn54v7zf8] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;
}

.name[b-adn54v7zf8] {
    color: var(--grey-dark-3);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.availability[b-adn54v7zf8] {
    display: flex;
    flex-flow: column;
    gap: 10px;
}

    .availability[b-adn54v7zf8], .availability span[b-adn54v7zf8] {
        color: var(--grey-3);
        font-family: var(--font-family);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.8px;
    }
/* /Views/WorkAvailability/View/WorkAvailability.razor.rz.scp.css */
.work-availability[b-er97jpmoct] {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 4px;
}

.title[b-er97jpmoct] {
    color: var(--grey-3);
    font-family: var(--font-family);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 16.8px;
}