/*--------------------------------------------------------------
Test
--------------------------------------------------------------*/
.test-language-list li.list-row {
	float: left;
	width: 25%;
}
/* Custom test format */
form#form-test-custom-format .data-label {
	display: inline-table;
	text-align: left;
	padding: 0;
	width: 5%;
}
form#form-test-custom-format .form-block .form-data:nth-of-type(1) .data-label {
	width: 6.5%;
}
form#form-test-custom-format .form-block .form-data:nth-of-type(2) .data-label {
	width: 17.5%;
}
form#form-test-custom-format .form-block .form-data:nth-of-type(3) .data-label {
	width: 50.5%;
}
form#form-test-custom-format .form-block .form-data:nth-of-type(4) .data-label {
	width: 10.5%;
}
form#form-test-custom-format .form-block .form-data:nth-of-type(5) .data-label {
	width: 10.5%;
}
/* Image inside questions list, live test and everything else */
.pg-test.sub_pg-list img,
.pg-test.sub_pg-live img {
	max-width: 15em;
}
.pg-test div#form-test-multiple-choice-wrapper {
	margin: 0 auto;
	width: 100%;
	z-index: -1;
}
.pg-test div#form-test-multiple-choice-wrapper #test_questions,
.pg-test div#form-test-multiple-choice-wrapper .test_options_block,
.pg-test div#form-test-multiple-choice-wrapper div#test_remark {
	float: left;
	width: 47%;
}
.pg-test div#form-test-multiple-choice-wrapper .test_options_block {
	margin-left: 3%;
	float: right;
}
.pg-test div#form-test-multiple-choice-wrapper .group-label {
	margin: 0;
}
.pg-test div#form-test-multiple-choice-wrapper label.checkbox-data {
	position: absolute;
	top: 0.125em;
	left: -2.25em;
	font-weight: bold;
}
/* Live Test */
.live-test-wrapper {
	margin: 0 auto;
	padding: 0.75% 0;
	font-size: 1em;
	min-height: 1000px;
	position: relative;
}
.live-test-wrapper .test-question-count {
	float: left;
	margin-right: 0.5em;
}
#live-test-wrapper__questionblock {
	float: left;
	width: 70%;
}
#live-test-wrapper__optionsblock {
	background: white;
	border: 1px solid rgb(236, 236, 236);
	float: right;
	width: 28.5%;
	border-radius: 3px;
}
#live-test-wrapper__optionsblock .slider-navigation {
	padding: 0.5em 0;
	font-size: 1.15em;
	margin: 0 2.5%;
	width: 95%;
}
#live-test-wrapper__optionsblock button#submit_test {
	padding: 0.5em 0;
	font-size: 1.15em;
	margin: 0 2.5% 2.5%;
	width: 95%;
}
.live-test-wrapper .test-response-container {
	background: white;
	border: 1px solid rgb(236, 236, 236);
	margin: 0 0 1.5%;
	padding: 0 2.5%;
	position: relative;
	height: 100%;
	width: 95% !important;
	font-size: 1em;
	line-height: 1.25em;
	border-radius: 3px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.live-test-wrapper .test-response-container button {
	font-size: 0.75em;
}
.live-test-wrapper .test-question-text {
	font-size: 1.25em;
	padding: 0.8em 0 0.75em 0.8em;
}
.live-test-wrapper .test-response-container .skip-question {
	cursor: pointer;
	color: #b4c1cc;
	padding: 0 0 0.5em 0.5em;
	text-decoration: underline;
}
.live-test-wrapper .live-test-wrapper .form-row {
	padding: 0;
}
.live-test-wrapper .test-response-container p.status_msg {
	float: left;
	padding: 0 0.5em 0 0;
	font-weight: 300;
}
.live-test-wrapper .test-response-container img {
	vertical-align: middle;
	max-width: 150px;
}
.live-test-wrapper .test-response-container .form-wrapper {
	margin: 0 auto;
	height: 100%;
	width: 100%;
}
.live-test-wrapper #form-test-response label.radio-data,
.live-test-wrapper #form-test-response label.checkbox-data {
	background: #fafbfc;
	border: 1px solid #f1f3f5;
	color: #555;
	display: block;
	padding: 0.75em 0 0.75em 1em !important;
	border-radius: 24px;
}
.live-test-wrapper #form-test-response span.cb_rb {
	display: none;
}
.live-test-wrapper .option-letter {
	color: #b4c1cc;
	margin: 0 0.5em 0 0;
	float: left;
}
.live-test-wrapper .option-selected {
	background: #929bcc !important;
	border: 1px solid #7982ad !important;
}
.live-test-wrapper .option-selected *,
.live-test-wrapper .option-correct *,
.live-test-wrapper .option-wrong * {
	color: white !important;
}
.live-test-wrapper .option-selected .option-letter,
.live-test-wrapper .option-correct .option-letter,
.live-test-wrapper .option-wrong .option-letter {
	color: #555 !important;
}
.live-test-wrapper .option-selected .option-letter {
	color: #ff4400 !important;
}
.live-test-wrapper .option-correct {
	background: #00d600 !important;
	border: 1px solid #00d600 !important;
}
.live-test-wrapper .option-correct:after {
	content: " (Correct Answer)";
}
.live-test-wrapper .option-wrong {
	background: red !important;
	border: 1px solid #ff0000 !important;
}
.live-test-wrapper .option-wrong:after {
	content: " (Wrong Answer)";
}
.live-test-wrapper #live-test-wrapper__optionsblock__options__countdown {
	background: #f5f7f9;
	padding: 0.5em 0;
	text-align: center !important;
}
.live-test-wrapper .slider-navigation li {
	float: left;
}
.live-test-wrapper .slider-navigation li label {
	padding: 0;
	height: 100%;
}
.live-test-wrapper .slider-navigation li .tab {
	background: black;
	color: white;
	font-size: 0.8em;
	height: 1.6em;
	width: 1.6em;
	max-width: initial !important;
	text-align: center;
	border-radius: 50%;
	font-family: "Titillium Web";
	font-weight: bold;
}
.test-alert {
	z-index: 11111111111111111111111;
}
/* Live Test Timer */
div#countdown-timer-wrapper {
	background: #222;
	color: #948e53;
	text-align: center;
	font-size: 1rem;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
div#countdown-timer {
	margin-top: 15%;
}
div#countdown-timer div.timer-blocks {
	font-family: "Titillium Web", cursive;
	display: inline-block;
	line-height: 1;
	padding: 0.5rem 1.5rem;
	font-size: 5rem;
}
div#countdown-timer #timer-days {
	color: #db4844;
}
div#countdown-timer #timer-hours {
	color: #f07c22;
}
div#countdown-timer #timer-minutes {
	color: #f6da74;
}
div#countdown-timer #timer-seconds {
	font-size: 3.5rem;
	color: #abcd58;
}
/* Multi test graph display */
#testresult-graph-blocks-wrapper .card-view-graph-blocks {
	clear: none;
	width: fit-content;
	float: left;
	margin: 0.75%;
}
/* Offline Sheet Design */
div#offline_sheet {
	margin: 0 auto;
}
.header-block {
	float: left;
	width: 33%;
}
div#offline_sheet-instructions p {
	margin: 1.5% 0;
}
div#offline_sheet ol,
div#offline_sheet ul {
	list-style: decimal;
	padding: 0.5em 2.5em;
}
div.offline_sheet-inline #offline_sheet-questions table th,
div.offline_sheet-inline #offline_sheet-questions table td {
	display: block;
	width: 100%;
}
div#offline_sheet #question_div,
div#offline_sheet .options_div {
	display: inline-flex;
	width: 100%;
}
div#offline_sheet #question_div {
	font-size: 1.5em;
	font-weight: 300;
}
div#offline_sheet th,
div#offline_sheet td {
	border: none !important;
}
div#offline_sheet-questions p {
	margin: 0 !important;
	font-size: inherit !important;
}
@media print {
	#offline_sheet-questions tr th,
	#offline_sheet-questions tr td,
	#content div#offline_sheet ol li,
	#content div#offline_sheet .options_div {
		border: none !important;
	}
}
/* Instant Result */
.test-instant-result table th,
.test-instant-result table td {
	border: none !important;
	border-bottom: 1px solid #dfe2e5 !important;
}
.test-instant-result table th {
	text-transform: unset;
	font-weight: 300;
	padding-left: 0;
	width: 75%;
}
.test-instant-result .qno-wrapper {
	font-style: italic;
	font-weight: bold;
	padding: 0 0.25em;
	position: absolute;
	left: 0.5em;
	top: 0.4em;
}
.test-instant-result .q-wrapper {
	margin-left: 2.25em;
}
.test-instant-result .q-wrapper p {
	margin-top: 0.25em !important;
}
.test-instant-result table .answer-wrapper .red-label *,
.test-instant-result table .answer-wrapper .green-label * {
	color: white !important;
}
.test-instant-result table img {
	max-width: 280px;
}
.test-instant-result .answer-wrapper {
	text-align: right;
}
.test-instant-result .answer-wrapper .alert {
	font-size: 1em;
}

.pg-test .v2-profile-activity-slot {
	width: 100%;
}

/*--------------------------------------------------------------
Test Portal
--------------------------------------------------------------*/
.portal-block--test {
	width: initial;
	max-width: initial;
	padding-bottom: 15%;
}

@media screen and (max-width: 60em) {
	.live-test-wrapper {
		padding-bottom: 5em;
	}
	#live-test-wrapper__questionblock,
	#live-test-wrapper__optionsblock {
		float: none;
		width: 100%;
	}
	#live-test-wrapper__optionsblock {
		border: none;
		position: fixed;
		bottom: 0;
		left: 0;
		font-size: 0.85em;
		z-index: 11111111111111111;
		border-radius: 0 !important;
		box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.1) !important;
	}
	.test-instant-result table th,
	.test-instant-result table td,
	.test-instant-result table td .ta-r,
	.test-instant-result .answer-wrapper {
		display: block;
		padding: 0.5em;
		text-align: left;
		width: 95% !important;
	}
	.test-instant-result table img {
		max-width: 15em;
	}
}