/* _content/SmartQuizzes/Comps/Footer.razor.rz.scp.css */
/* _content/SmartQuizzes/Comps/FormGroupHeader.razor.rz.scp.css */
.formDivider[b-8awo10a15u] {
	/*background-color: #eee;*/
	width: calc(100% + 10px);
	padding: 1px;
	text-align: center;
	border-radius: 5px 5px 0 0;
	margin-left: -5px;
	margin-right: -5px;
	height: 12px;
	border-bottom: 1px solid var(--pc);
}

	.formDivider span[b-8awo10a15u] {
		font-size: 12px;
		font-weight: bold;
		color: var(--pc);
		background-color: #FFF;
		padding: 2px 6px 2px 9px;
		letter-spacing: 3px;
	}
/* _content/SmartQuizzes/Comps/Top.razor.rz.scp.css */
/* Bootstrap 4  RESPONSIVE 
min: 576px
min: 768px
min: 992px
min: 1200px
*/
/*───────────────────────────────────────────────────────────────────────────────────────────*/

header[b-5iw1p463on] {
	background: #f5f6f7;
	border-bottom: 1px solid #ddd;
}


	header nav[b-5iw1p463on] {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

.logo[b-5iw1p463on] {
	height: 40px;
	margin: 0;
}
/* _content/SmartQuizzes/Comps/TR2TD.razor.rz.scp.css */
td[b-yholtcmb7b] {
	vertical-align: top;
	padding: 0.3rem;
}
/* _content/SmartQuizzes/Pages/_Student/QuizResults_Page.razor.rz.scp.css */
/* Bootstrap 4  RESPONSIVE 
min: 576px
min: 768px
min: 992px
min: 1200px
*/
/*───────────────────────────────────────────────────────────────────────────────────────────*/
.result-wrapper[b-3x3htjb33w] {
	margin: 100px auto 0;
	max-width: 700px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 20px;
}

.result-wrapper h1[b-3x3htjb33w] {
	font-size: 38px;
}

.exam-score[b-3x3htjb33w] {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 130px;
	height: 130px;
	border: 2px solid var(--pc);
	border-radius: 100%;
	justify-content: center;
	gap: 5px;
}

.exam-score big[b-3x3htjb33w] {
	font-size: 38px;
	font-weight: 900;
	line-height: 1;
	color: var(--pc);
	margin-top: 6px;
}

.exam-score span[b-3x3htjb33w] {
	line-height: 1;
}

.exam-summary[b-3x3htjb33w] {
	display: flex;
	align-items: stretch;
	gap: 15px;
	width: 100%;
}

.exam-summary > div[b-3x3htjb33w] {
	border-radius: 10px;
	padding: 8px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid;
	flex: 1;
	gap: 10px;
}

.exam-summary > div b[b-3x3htjb33w] {
	font-size: 22px;
}

.correct[b-3x3htjb33w] {
	color: var(--sc);
}

.wrong[b-3x3htjb33w] {
	color: #ef4b4b;
}

.unanswered[b-3x3htjb33w] {
	color: #7a858d;
}

.exam-score-circle[b-3x3htjb33w] {
	display: flex;
	gap: 20px;
}



.actionBtns[b-3x3htjb33w] {
	margin-top: 5rem;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.actionBtns .btn[b-3x3htjb33w] {
	margin: 0.5rem;
	min-width: 13rem;
	font-weight: normal;
}

@media (min-width: 576px) {
	.actionBtns[b-3x3htjb33w] {
		flex-direction: row;
	}
}


@media (max-width: 991px) {
	.exam-summary > div[b-3x3htjb33w] {
		flex-direction: column;
	}
}

/* _content/SmartQuizzes/Pages/_Student/QuizSubmitConfirm_Dialog.razor.rz.scp.css */
dl[b-zbaka6thz2] {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

dl dd[b-zbaka6thz2] {
	margin: 0;
}
/* _content/SmartQuizzes/Pages/_Student/Quiz_Page.razor.rz.scp.css */
/* Bootstrap 4  RESPONSIVE 
min: 576px
min: 768px
min: 992px
min: 1200px
*/
/*───────────────────────────────────────────────────────────────────────────────────────────*/

.que-count[b-fcy1xwvexc] {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	overflow-y: auto;
	padding: 30px;
	gap: 15px;
	justify-content: center;
	align-content: flex-start;
}

.question-info[b-fcy1xwvexc] {
	display: flex;
	justify-content: space-between;
	padding: 20px 40px;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #ebeff7;
}


.exam-wrapper[b-fcy1xwvexc] {
	height: calc(100vh - 58px);
	padding: 0;
}

.exam-container[b-fcy1xwvexc] {
	justify-content: flex-start;
}

.exam-left[b-fcy1xwvexc] {
	width: 100%;
}


h2[b-fcy1xwvexc],
label[b-fcy1xwvexc] {
	font-family: 'Din' !important;
}


td.radio[b-fcy1xwvexc] {
	width: 2rem;
}


.ExamAnswer[b-fcy1xwvexc] {
	line-height: 2rem;
	font-weight: normal;
	margin: 20px 10px;
}

	.ExamAnswer > .radio[b-fcy1xwvexc] {
		line-height: 0;
		vertical-align: top;
		padding-top: 12px;
		width: 40px;
	}

		.ExamAnswer > .radio > input[b-fcy1xwvexc] {
			margin: 0 10px;
			line-height: 0;
			top: 0;
		}

	.ExamAnswer > label[b-fcy1xwvexc] {
		display: initial;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: -2px;
		text-align: justify;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}

	.ExamAnswer.correctAnswer[b-fcy1xwvexc] {
		background-color: #d7f9d7;
		/*border: 2px solid #a7e6ae;*/
	}




.que-toggle[b-fcy1xwvexc] {
	display: flex;
	align-items: center;
}


a.colored[b-fcy1xwvexc] {
}

	a.colored:hover[b-fcy1xwvexc] {
		-webkit-filter: contrast(1.2) saturate(1.2);
		filter: contrast(1.2) saturate(1.2);
	}

/* ------ */


.que-count ul[b-fcy1xwvexc] {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	gap: 15px;
}

a.colored[b-fcy1xwvexc] {
	counter-increment: section;
}

a.colored[b-fcy1xwvexc] {
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	font-size: 14px;
	font-weight: 700;
	color: #858b97;
	background: #dadee3;
	position: relative;
}

	a.colored[b-fcy1xwvexc]:before {
		content: counter(section);
	}





	a.colored.notattempted[b-fcy1xwvexc], .ans-badge .notattempted[b-fcy1xwvexc] {
		background: #f85454;
		color: #fff;
		border-radius: 0;
	}

		a.colored.notattempted[b-fcy1xwvexc]:after, .ans-badge .notattempted[b-fcy1xwvexc]:after {
			content: "";
			position: absolute;
			width: 0;
			height: 0;
			border-left: 20px solid transparent;
			border-right: 20px solid transparent;
			border-top: 7px solid #f85454;
			top: 100%;
		}


	a.colored.attempted[b-fcy1xwvexc],
	.ans-badge .attempted[b-fcy1xwvexc] {
		color: #fff;
		background: var(--sc);
		border-radius: 0;
	}

		a.colored.attempted[b-fcy1xwvexc]:after, .ans-badge .attempted[b-fcy1xwvexc]:after {
			content: "";
			position: absolute;
			width: 0;
			height: 0;
			border-left: 20px solid transparent;
			border-right: 20px solid transparent;
			/*border-bottom: 7px solid var(--sc);*/
			border-top: 7px solid var(--sc);
			/*bottom: 100%;*/
			top: 100%;
		}



	a.colored.flagged[b-fcy1xwvexc], .ans-badge .flagged[b-fcy1xwvexc] {
		color: #ef7b00;
		background: #f8dbb6;
	}




	a.colored.active[b-fcy1xwvexc] {
		color: #000;
		border-color: var(--pc);
	}



.ans-badge[b-fcy1xwvexc] {
	gap: 10px;
	padding: 20px 30px;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	border-top: 1px solid #000000;
	border-top: 1px solid rgba(0,0,0,0.07);
	border-bottom: 1px solid #000000;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	margin: 20px 0;
}

.ans-badge span[b-fcy1xwvexc] {
		display: flex;
		align-items: center;
	}

		.ans-badge span b[b-fcy1xwvexc] {
			position: relative;
			width: 16px;
			height: 16px;
			margin-right: 15px;
		}

	.ans-badge .attempted[b-fcy1xwvexc]:after, .ans-badge .notattempted[b-fcy1xwvexc]:after {
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
	}


	.ans-badge .notvisited[b-fcy1xwvexc] {
		background: #dadee3;
		border-radius: 100%;
	}




/*********************************************/
/* _content/SmartQuizzes/Shared/LoginDisplay.razor.rz.scp.css */
/* Bootstrap 4  RESPONSIVE 
min: 576px
min: 768px
min: 992px
min: 1200px
*/
/*───────────────────────────────────────────────────────────────────────────────────────────*/
.username[b-322gbo9qyk] {
	display: inline-block;
}
/* _content/SmartQuizzes/Shared/MainLayout.razor.rz.scp.css */
.page[b-39zgmf52k1] {
	position: relative;
	display: flex;
	flex-direction: column;
}

.main[b-39zgmf52k1] {
	flex: 1;
}

.sidebar[b-39zgmf52k1] {
	background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}



.logoHolder[b-39zgmf52k1] {
	background-color: #fff;
	text-align: center;
}

	.logoHolder img.SmartQuizLogo[b-39zgmf52k1] {
		width: 180px;
		padding: 6px;
		content: url('/images/SmartQuizLogo.jpg');
	}



.top-row[b-39zgmf52k1] {
	background-color: #234484;
	border-bottom: 1px solid #eee;
	color: #ffffff;
	justify-content: flex-end;
	height: 3.5rem;
	display: flex;
	align-items: center;
}

	.top-row a[b-39zgmf52k1],
	.top-row a:active[b-39zgmf52k1],
	.top-row a:visited[b-39zgmf52k1],
	.top-row .btn-link[b-39zgmf52k1],
	.btn-link[b-39zgmf52k1] {
		color: #ffffff !important;
	}


	.top-row .nav-link.btn.btn-link[b-39zgmf52k1] {
		color: #fff !important;
	}

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


.mainBanner[b-39zgmf52k1] {
	width: 100%;
	border-radius: 0 0 7px 7px;
}

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

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

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

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

	.sidebar[b-39zgmf52k1] {
		width: 250px;
		height: 100vh;
		position: sticky;
		top: 0;
	}

	.top-row[b-39zgmf52k1] {
		position: sticky;
		top: 0;
		z-index: 1;
	}

	.main > div[b-39zgmf52k1] {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.top-row .logoHolder[b-39zgmf52k1] {
		position: absolute;
		left: 0;
	}


	.logoHolder[b-39zgmf52k1] {
		background-color: initial;
		text-align: left;
		position: absolute;
		z-index: 10;
	}

		.logoHolder img.SmartQuizLogo[b-39zgmf52k1] {
			width: 180px;
			padding: 6px;
			content: url('/images/SmartQuizLogo_inverted.jpg');
		}
}