/* exam plugin */

.homepage,
.authentication-page {
	background-color:#3ddcf7;
	background: linear-gradient(180deg, #3ddcf7 0%, #f76397 100% ) !important;
	background-size: cover;
	background-attachment: fixed;
	background-position-x: center;
	min-height: 100vh;
	position: relative;
}
.yeepa-logo-text,
.yeepa-logo-text.blue {
	background: url(/static_plugin/yeepa.plugins.exam_yeepa_de/img/ntpu_logotype2.svg) left center no-repeat;
	margin: 0 auto;
	width:170px;
	height: 100%;
}
body:not(.authentication-page) .yeepa-logo-text {
	left:25px !important;
	margin-left:0 !important;
}
body.registration-code-page .yeepa-logo-text.blue,
body.authentication-page .yeepa-logo-text.blue {
	height:58px;
	left:auto !important;
	margin-left:auto !important;
}
body.authentication-page .logo-container,
body.registration-code-page .logo-container {
	margin-bottom:4rem
}
body.user-registration-page.interface-language-zh_Hant .item-password label:after,
body.user-registration-page.interface-language-en .item-password label:after {
	content:"(min. length 5)";
	white-space:nowrap;
	margin-left:0;
	display:inline-block;
}
body.user-registration-page.interface-language-zh_Hant .item-password label:after {
	content:"(???? 5 ???)";
}
@media (max-width: 543px) {
	body.user-registration-page .item-password label:after {
		margin-left:.25rem !important;
	}
}
@media (min-width: 767px) {
	.homepage .yeepa-logo-text {
		background: url(/static_plugin/yeepa.plugins.exam_yeepa_de/img/ntpu_logotype2.svg) center center no-repeat;
		margin: auto;
		width: 190px;
		height: 100%;
		margin-left:0 !important;
	}
}
.homepage .teaser-container h1 {
	font-size: 32px;
	font-weight: bold;
	color: #02688e;
}
.homepage .registration-form-container.card-box {
	display:none
}

/* USER PROFILE */
.user-registration-page .user-details-form .item-department,
.user-registration-page .user-details-form .item-company,
.user-registration-page .user-details-form .item-locale,
.user-data-edit-page .user-details-form .item-department,
.user-data-edit-page .user-details-form .item-company,
.user-data-edit-page:not(.role-admins) .user-details-form .item-locale {
	display:none;
}
.user-registration-page .user-details-form h3,
.user-data-edit-page .user-details-form h3 {
	display:none;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	text-align: right;
	margin-right: -1em;
}

/* FRIENDLY ERROR MESSAGE */
.error-message-view p.error-message {
	background: url("/static_plugin/yeepa.plugins.lecture_yeepa_de/img/lecture_catastropic_error.svg") top left no-repeat;
	min-height:80px;
	padding-left:90px;
	margin-left:0;
}
.browser_warning.alert.alert-info {
	background-image: url("/static_plugin/yeepa.plugins.lecture_yeepa_de/img/lecture_catastropic_error.svg");
	background-position: 8px 12px;
	background-repeat:no-repeat;
	min-height:90px;
	padding-left:90px;
	margin-left:0;
}




.game-activity-collection-view .game-activity-view.game.list-group-item:not(.unplayable):hover {
	background:#176e8e;
	background:#4c5667;
}
.game-activity-collection-view .game-activity-view.game.list-group-item:not(.unplayable):hover,
.game-activity-collection-view .game-activity-view.game.list-group-item:not(.unplayable):hover a,
.game-activity-collection-view .game-activity-view.game.list-group-item:not(.unplayable):hover a > *,
.game-activity-collection-view .game-activity-view.game.list-group-item:not(.unplayable):hover a .game-description {
	color:white !important;
	filter:none !important;
}
.game-activity-collection-view .game-activity-view.unplayable a img.game-icon {
	filter: grayscale(60%) !important;
}
@media (min-width: 768px) {
	.game-activity-collection-view .game-activity-view.game.list-group-item:not(.unplayable):hover > div {
		transition:opacity 1s ease;
		opacity:0.75;
	}
}


/* GROUP COMPARISON BARCHART */
.group-comparison-barchart .graph .baseline {
	--data-percent:60%;
	--data-percent-string:"60%";
}
.group-comparison-barchart .graph .baseline::before {
	content: var(--data-percent-string);
}

/* SHIFT USER LIST ON MOBILE DEVICE */
.game-activity-collection-view .connected-users ul {
	display: inline-block;
	padding: 1px 0 0;
	overflow: hidden;
	margin-bottom: -8px;
}
.game-activity-collection-view .connected-users .user-row {
	float: left;
	list-style-type: none;
	padding-right: 5px;
	margin-bottom: 8px;
}
.game-activity-collection-view .connected-users .nickname,
.game-activity-collection-view .connected-users .time-first-seen {
	display: none;
}


/* ###################################### */
/* UX ELEMENT SUPPORTING EXAMINATION MODE */
/* ###################################### */


.badge-games_won .slider i {
	display:none !important;
}
.badges .badge-games_won .fa-trophy:before {
	content: "\f00c";
	background: #3ddcf7;
	color: white;
}
.badges .badge-games_won .fa-trophy:after {
	background-color: #000000 !important;
}
.badges .badge-games_won .slider:after {
	content: "EXAMS DONE" !important;
	padding-left: 1.5rem;
}
.head.highscore-header span.title:before {
	content:"Amout of seconds saved on successful questions";
	padding-top:14px;
	display:block;
	position:absolute;
	font-size:10px;
	font-weight:normal;
	color:#999
}
.list-group-item.recommended-question,
.highscore-view .average-score {
	display: none !important;
}

/* ######################################### */
/*  ExamFormat GameView: Neutralize Feedback */
/* ######################################### */

.game-view.game-format_name-ExamFormat .header-toolbar-view .player-list .player.wrong,
.game-view.game-format_name-ExamFormat .header-toolbar-view .player-list .player.correct,
.game-view.game-format_name-ExamFormat .feedback-container .feedback.correct,
.game-view.game-format_name-ExamFormat .feedback-container .feedback.wrong {
	background: orange !important;
}
.game-view.game-format_name-ExamFormat .feedback-container .feedback.wrong p:before,
.game-view.game-format_name-ExamFormat .feedback-container .feedback.correct p:before {
	content:"Thank you, Your Answer is saved. Next question will follow ...";
}

/* ######################################### */
/*  ExamFormat Game Completed                */
/* ######################################### */
.game-activity-collection-view .game-activity-view.unplayable[data-game-format_name="ExamFormat"] > a {
	margin-bottom: 1.5rem !important;
	padding-bottom: 1px !important;
}
.game-activity-collection-view .game-activity-view.unplayable[data-game-format_name="ExamFormat"] .group-comparison-barchart .graph {
	background-color:whitesmoke;
}
.game-activity-collection-view .game-activity-view.unplayable[data-game-format_name="ExamFormat"] a.join-game-run:before {
	content: "Not Active";
}
.game-activity-collection-view .game-activity-view.unplayable[data-game-format_name="ExamFormat"] .loaderbox,
.game-activity-collection-view .game-activity-view.unplayable[data-game-format_name="ExamFormat"] .group-comparison-barchart {
	display:block !important;
}

/* ######################################### */
/*  ExamFormat Hide all Learning Contents    */
/* ######################################### */
.topbar .navbar-nav .navitem-measure,
.topbar .navbar-nav .navitem-learn,
.sidebar-main-list .navitem-play .navitem-main-score-page,
.sidebar-main-list .navitem-play .navitem-my-question-create,
.sidebar-main-list .navitem-measure,
.sidebar-main-list .navitem-learn {
	display:none;
}
.game-summary-page .questions-with-feedback,
.game-summary-page #btn_learn_more {
	display: none;
}
.topbar .navbar-nav .navitem-main-score-page a,
.topbar .navbar-nav .navitem-my-question-create a {
	opacity:.3;
	cursor:not-allowed;
}


/* ######################################### */
/* QUICKFIX Survey Answers Sequencing        */
/* ######################################### */
.game-activity-view[data-game-id="42"] .game-progress-bar,
.game-activity-view[data-game-id="42"] .group-comparison-barchart {
	display:none;
}
.game-view[data-game-id="42"] .answers a.answer {
	flex: 1 0 20%;
}
.game-view[data-game-id="42"] .answers a.answer span {
	visibility:hidden;
	white-space:nowrap;
	overflow:hidden;
}
.game-view[data-game-id="42"] .answers a.answer span:before {
	content: "\f110";
	font-family:FontAwesome;
	visibility:visible;
	display:inline-block;
	animation: loading-spinner-rotate 2.0s infinite linear;
	color:#3bafda
}
.game-view[data-game-id="42"] .answers[data-sorted_by_id="true"] a.answer span {
	visibility:visible;
	white-space:wrap;
}
.game-view[data-game-id="42"] .answers[data-sorted_by_id="true"] a.answer span:before {
	content: unset;
}

/* ######################################### */
/* GAME SUMMARY INFO                         */
/* ######################################### */
.game-summary-page[data-game-format_name=ExamFormat] 
.card-box.success_rate h3.results-title.header-title:after {
	content:" of this part";
}
.game-summary-page[data-game-format_name=ExamFormat] 
.card-box.success_rate .textual-result.exam-failed {
	color:transparent;
}
.game-summary-page[data-game-format_name=ExamFormat] 
.card-box.success_rate .textual-result.exam-failed:after {
	color:white !important;
	content:"This part is completed";
	position:relative;
	display:block;
	text-align:center;
	height:2rem;
	top:-2rem;
}