/* /Pages/TeacherView/CustomToolBoxModal/CustomToolBoxModalComponent.razor.rz.scp.css */
.hidden-toolbox-modal[b-1yrby68vje] {
	opacity: 0;
	height: 0vh;
	width: 0vw;
	top: 50%;
	left: 50%;
	transition: 2s ease;
}

.shown-modal-backdrop[b-1yrby68vje] {
	opacity: 0.6;
	background: black;
	transition: 0.3s ease;
}

.shown-toolbox-modal[b-1yrby68vje] {
	opacity: 1;
	height: 90vh;
	width: 90vw;
	transition: 2s ease;
}
/* /Shared/Components/CollapseComponent.razor.rz.scp.css */
.accordion-stretched[b-hhh6ft2cpi] {
	max-height: 999px;
	transition: 1s ease;
}

.accordion-collapsed[b-hhh6ft2cpi] {
	max-height: 0;
	transition: 1s ease;
}
/* /Shared/Components/DropDownSelectComponent.razor.rz.scp.css */
.selectList[b-ggtk9i8ulf] {}

.selectList .icon[b-ggtk9i8ulf] {
  position: absolute;
  right: 0;
  margin: 3px;
}

.selectList-container[b-ggtk9i8ulf] {
  padding: 0;
  width: 250px;
  background-color: white;
  border: 1px solid black;
  border-radius: 7px;
  position: absolute;
  left: 6px;
  z-index: 6;
}

.selectList .background[b-ggtk9i8ulf]{
  position: fixed;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  background-color: transparent;
  z-index: 5;
  top: 0;
  left: 0;
}

.selectList .item[b-ggtk9i8ulf] {
  margin: 0;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: transparent;
}
/* /Shared/Components/LoadingComponent.razor.rz.scp.css */
/* #region Dot Floating */

.stage[b-z58sr7zuzk] {
	display: flex;
	justify-content: center;
}

.spinner[b-z58sr7zuzk] {
	display: inline-block;
	width: 300px;
	height: 1em;
	text-align: center;
}

.spinner > div[b-z58sr7zuzk] {
	width: 18px;
	height: 18px;
	background-color: #333;
	border-radius: 100%;
	display: inline-block;
	animation: dotFloating-b-z58sr7zuzk 4s infinite linear;
}

.dot3[b-z58sr7zuzk] {
	position: absolute;
	left: calc(50% + 10px);
	animation-delay: -0.25s !important;
}

.dot2[b-z58sr7zuzk] {
	left: 50%;
	position: absolute;
}

.dot1[b-z58sr7zuzk] {
	left: calc(50% + -10px);
	position: absolute;
	animation-delay: 0.25s !important;
}

@keyframes dotFloating-b-z58sr7zuzk {
	0% {
		transform: translateX(-100px) scale(0.1);
		opacity: 0;
		transition-timing-function: ease-in;
	}

	20% {
		transform: translateX(-80px) scale(0.5);
		opacity: 0.05;
	}

	25% {
		transform: translateX(-50px) scale(1);
		opacity: 1;
	}

	50% {
		transform: translateX(0) scale(1);
		opacity: 1;
	}

	75% {
		transform: translateX(50px) scale(1);
		opacity: 1;
	}

	80% {
		transform: translateX(80px) scale(0.3);
		opacity: 0.05;
	}

	100% {
		transform: translateX(100px) scale(0.1);
		transition-timing-function: ease-out;
		opacity: 0;
	}
}
/* /Shared/Components/ModalComponent.razor.rz.scp.css */
.hidden-modal[b-7jsu6ycyke] {
	opacity: 0;
	transition: 0.2s ease;
}
.shown-modal-backdrop[b-7jsu6ycyke] {
	opacity: 0.6;
	background: black;
	transition: 0.3s ease;
}

.modal-dialog[b-7jsu6ycyke] {
	z-index: 1050;
}

.shown-modal[b-7jsu6ycyke] {
	opacity: 1;
	transition: 0.3s ease;
}

.modal-mega[b-7jsu6ycyke]{
	max-width: 80% !important;
}

.modal-header[b-7jsu6ycyke] {
	cursor: move;
}
/* /Shared/Components/NavLinksComponent.razor.rz.scp.css */
.navbar-toggler[b-04oqcfygn3] {
	background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-04oqcfygn3] {
	height: 3.5rem;
	background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-04oqcfygn3] {
	font-size: 1.1rem;
}

.oi[b-04oqcfygn3] {
	width: 2rem;
	font-size: 1.1rem;
	vertical-align: text-top;
	top: -2px;
}

.nav-item[b-04oqcfygn3] {
	font-size: 0.9rem;
	padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-04oqcfygn3] {
	padding-top: 1rem;
}

.nav-item:last-of-type[b-04oqcfygn3] {
	padding-bottom: 1rem;
}

.nav-item[b-04oqcfygn3]  a {
	color: #d7d7d7;
	border-radius: 4px;
	height: 3rem;
	display: flex;
	align-items: center;
	line-height: 3rem;
}

.nav-item[b-04oqcfygn3]  a.active {
	background-color: rgba(255,255,255,0.25);
	color: white;
}

.nav-item[b-04oqcfygn3]  a:hover {
	background-color: rgba(255,255,255,0.1);
	color: white;
}

.separatorLine[b-04oqcfygn3] {
	border-bottom: 1px solid white;
}

@media (min-width: 641px) {
	.navbar-toggler[b-04oqcfygn3] {
		display: none;
	}

	.collapse[b-04oqcfygn3] {
		/* Never collapse the sidebar for wide screens */
		display: block;
	}
}
/* /Shared/Components/SaveButton.razor.rz.scp.css */
.checkmark__circle[b-q0cqoqcvem] {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 5;
	stroke-miterlimit: 10;
	stroke: #fff;
	fill: none;
	animation: stroke-b-q0cqoqcvem 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}


.checkmark[b-q0cqoqcvem] {
	width: 1.25em;
	border-radius: 50%;
	display: block;
	stroke-width: 5;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 10% auto;
	box-shadow: inset 0px 0px 0px transparent;
	animation: fill-b-q0cqoqcvem .4s ease-in-out .4s forwards, scale-b-q0cqoqcvem .3s ease-in-out .9s both;
}

.checkmark__check[b-q0cqoqcvem] {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke-b-q0cqoqcvem 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke-b-q0cqoqcvem {
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes scale-b-q0cqoqcvem {
	0%, 100% {
		transform: none;
	}

	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}

@keyframes fill-b-q0cqoqcvem {
	100% {
		box-shadow: inset 0px 0px 0px 30px transparent;
	}
}
/* /Shared/Components/ToolTipComponent.razor.rz.scp.css */
.tooltip-span[b-4fu8417xg7] {
	visibility: hidden;
	position: absolute;
	width: auto;
	min-width: 120px;
	background-color: #363636;
	color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 6px;
	z-index: 1;
	opacity: 1 !important;
}

.tooltip-wrapper[b-4fu8417xg7] {
	position: relative;
	display: inline-block;
}

.Tooltip-Left[b-4fu8417xg7] {
	top: -5px;
	right: 120%;
}

.Tooltip-Right[b-4fu8417xg7] {
	top: -50%;
	left: 120%;
}

.Tooltip-Top[b-4fu8417xg7]::after {
	content: "";
	top: 100%;
	left: 50%;
	position: absolute;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.Tooltip-Bottom[b-4fu8417xg7]::after {
	content: "";
	bottom: 100%;
	left: 50%;
	position: absolute;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #555 transparent;
}

.Tooltip-Left[b-4fu8417xg7]::after {
	content: "";
	top: 10px;
	left: 100%;
	margin-bottom: -5px;
	position: absolute;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #555;
}

.Tooltip-Right[b-4fu8417xg7]::after {
	content: "";
	top: 17px;
	right: 100%;
	margin-bottom: -5px;
	position: absolute;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #555 transparent transparent;
}

.tooltip-wrapper:hover .tooltip-span[b-4fu8417xg7] {
	visibility: visible;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-749b53tux4] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-749b53tux4] {
    flex: 1;
}

.sidebar[b-749b53tux4] {
}

.top-row[b-749b53tux4] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-749b53tux4]  a, .top-row .btn-link[b-749b53tux4] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-749b53tux4] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-749b53tux4] {
        display: none;
    }

    .top-row.auth[b-749b53tux4] {
        justify-content: space-between;
    }

    .top-row a[b-749b53tux4], .top-row .btn-link[b-749b53tux4] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-749b53tux4] {
        flex-direction: row;
    }

    .sidebar[b-749b53tux4] {
        width: 250px;
        height: auto;
        position: relative;
        top: 0;
    }

    .top-row[b-749b53tux4] {
        position: sticky;
        width: auto;
        top: 0;
        z-index: 1;
    }

    .main > div[b-749b53tux4] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-dy4wqhms6k] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-dy4wqhms6k] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-dy4wqhms6k] {
    font-size: 1.1rem;
}

.oi[b-dy4wqhms6k] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-dy4wqhms6k] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-dy4wqhms6k] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-dy4wqhms6k] {
        padding-bottom: 1rem;
    }

    .nav-item[b-dy4wqhms6k]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-dy4wqhms6k]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-dy4wqhms6k]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-dy4wqhms6k] {
        display: none;
    }

    .collapse[b-dy4wqhms6k] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}