:root
{
	--color-1-bej: gray;
	--color-2-bej: white;
	--color-3-bej: #3498db;
}

/*Negative Warning Messages*/
.alert-danger, #page-admin-index .adminerror {
	color: #ffffff;
	background-color: #E91E63;
	border-color: #E91E63;
}


/*Positive Warning Messages*/
.alert-success, .que .comment {
	color: #ffffff;
	background-color: #4CAF50;
	border-color: #4CAF50;
}


/* Quiz Question Format */

.que .formulation 
{
	background-color: white !important;
	border: none !important;
}

/*  */

#page-mod-quiz-attempt #page-wrapper #page 
{
	display: flex;
	flex-direction: initial !important;
}

.activity-item[data-activityname*="Monday"], .activity-item[data-activityname*="Tuesday"], .activity-item[data-activityname*="Wednesday"], .activity-item[data-activityname*="Thursday"], .activity-item[data-activityname*="Friday"]
{
	background-color: lightgray;
	display: flex;
	max-height: 68px;
}

.moodle_bej_day_of_week
{
	/* text-align: center; */
	padding-left: 20px;
}

input[id*="_answer"][type="text"]
{
  display: none;
	width: 0px;
	height: 0px;
	position: fixed;
	left: -1000px;
	top: -1000px;
	z-index: -1000;
}

.show_input_boxes_rpd_bej
{
  display: initial !important;
	width: initial !important;
	height: initial !important;
	position: initial !important;
	left:  initial !important;
	top:  initial !important;
	z-index:  initial !important;
}

.icon.fa.fa-check-square.fa-fw, .icon.fa.fa-remove.text-danger.fa-fw, .icon.fa.fa-check.text-success.fa-fw
{
	display: none;
}

.bej_grade_to_pass
{
	font-weight: bold;
	background-color: #ff67002e;
}

.show_audio_button_when_grading
{
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: hotpink;
	z-index: 10000;
}

.not_quite_would_you_like_to_try_again_button_bej
{
	background-color : #ffc6006e;
}

.continue_button_for_lesson_page_bej
{
	background-color: #1f883d;
	color: white;
}

.try_again_button_for_lesson_page_bej
{
	background-color: #ffc6006e;
}

.convert_zero_to_empty_button_bej, .convert_empty_to_zero_button_bej
{
	cursor: pointer;
}

.convert_zero_to_empty_button_bej:hover, .convert_empty_to_zero_button_bej:hover
{
	outline: 2px solid gray;
}

.bej_course_total_row
{
	border: 5px solid #abaeff;
}

.bej_course_total_text
	{
		font-size:25px;
	}

.bej_overall_course_grade
	{
		color: #0087ff;
		font-size: 40px;
		animation-name: changeColor;
		animation-duration: 3s; /* Duration of the animation */
		animation-iteration-count: infinite; /* Repeat the animation infinitely */
	}

/* Define the keyframes for the animation */
@keyframes changeColor
	{
		0% { background-color: rgba(0, 0, 255, 0.363); }
		50%	{ background-color: rgba(200, 255, 0, 0.363); }
		100% { background-color: rgba(0, 0, 255, 0.363); }
	}

/* Define the keyframes for the animation */
@keyframes changeColor2
	{
		0% { background-color: var(--color-1-bej); }
		50% { background-color: var(--color-2-bej); }
		100% { background-color: var(--color-1-bej); }
	}

@keyframes changeColor3
	{
		0% { background-color: rgba(255, 255, 255, 0.363); }
		25%	{ background-color: rgba(0, 253, 21, 0.363); }
		75%	{ background-color: rgba(39, 199, 138, 0.363); }
		100% { background-color: rgba(255, 255, 255, 0.363); }
	}


.this_week_jarella_bej
{
	font-size: 20px;
	animation-name: changeColor2;
	animation-duration: 3s; /* Duration of the animation */
	animation-iteration-count: infinite; /* Repeat the animation infinitely */
}


.badges_not_achieved_bej
{
	color: gray;
}


.badges_not_achieved_bej .badgeimage
{
	position: relative;
}

.badges_not_achieved_bej .badgeimage img
{
	filter: blur(10px) opacity(0.5) ;
}

.badges_not_achieved_bej .badgeimage::after
{
	content: "🔒";
	position: absolute;
	font-size: 50px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.badges_achieved_bej
{
	animation-name: changeColor3;
	animation-duration: 3s; /* Duration of the animation */
	animation-iteration-count: infinite; /* Repeat the animation infinitely */
}

.badges_achieved_bej .badgeimage
{
	animation: coin-spin 1s infinite;
}

@keyframes coin-spin
	{
		0% { transform: rotateY(0deg); }
		100% { transform: rotateY(360deg); }	
	}

.badge_pie_chart_canvas
{
	display : block;
	margin : 50px auto;
	position: absolute;
	top: 10px;
	right: 10px;
}

.trophy-case th
	{
		background: #ffd700;
		color: #333;
		font-size: 1.2em;
		text-align: center;
	}

	.trophy-case-container
	{
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		border-radius: 25px;
	}

	.all_correct_button_forum_mini_analysis, .all_incorrect_button_forum_mini_analysis
	{
		position: absolute;
		top: 5px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 10000;
	}

.all_incorrect_button_forum_mini_analysis
{
	top: 50px;
}

.moodle-dialogue-wrap {
	box-shadow: 0px 0px 12px 0px gray;
	border-radius: 20px;
}

.popover, .dropdown-menu {
	box-shadow: 0px 0px 12px 0px gray;
}

.navbar-brand {
	background-color: var(--color-3-bej);
	border: 5px solid var(--color-3-bej);
	color: white !important;
}

.navbar {
	background-color: var(--color-3-bej) !important;
	color: white !important
}

a.nav-link {
	color: white !important;
}

a.nav-link:hover {
	color: var(--color-3-bej) !important;
}

.navbar-light .navbar-nav .nav-link {
	color: white !important;
}

.navbar-light:hover .navbar-nav:hover .nav-link:hover {
	color: var(--color-3-bej) !important;
	background-color: white;
}

.nav-item a{
	color: var(--color-bej-3) !important;
}

.btn-primary {
	/* color: #fff; */
	background-color: var(--color-3-bej);
	border-color: var(--color-3-bej);
}

.btn-primary {
	/* color: #fff; */
	background-color: var(--color-3-bej);
	border-color: var(--color-3-bej);
}

.qbank_managecategories-item .container {
	padding: 0 !important;
}