@font-face
  {
    font-family: "EB_Garamond"; src: local("EB_Garamond") ,url('../fonts/EB_Garamond/EBGaramond-Regular.ttf') format('truetype');
    font-family: "Cabin"; src: local("Cabin") ,url('../fonts/Cabin/Cabin-Regular.ttf') format('truetype');
  }

:root
{
	--color-1-bej: gray;
	--color-2-bej: white;
	--color-3-bej: #3498db;
	--color-text-bej: white;
	--primary: #009688 !important;
}

*{
	font-family: "Futura", "Cabin";
}

.icon {
	font-family: "Font Awesome 6 Free";
}
/* , .icon */
a:not(.btn) , .moremenu .nav-link.active, .text-primary, .btn-outline-primary {
	color: var(--primary) !important;
}

.btn-primary, .btn-primary:focus, .btn-primary.focus {
	background-color: var(--primary)
}

.page-item.active .page-link {
    color: var(--color-text-bej) !important;
    background-color: var(--primary);
    border-color: var(--primary);
}

/* .userpicture_bej:hover {
    height: 100px;
		width: 100px;
} */

.userpicture_grandparent_bej:hover .userpicture_bej{
	/* display: inline; */
	transform: scale(3) translateX(10px);
}

.btn-primary:hover, .btn-outline-primary:hover{
	background-color: color-mix(in srgb, var(--primary) 80%, black);
}

.btn-outline-primary:hover{
	color: white !important;
}

.editing .activity-item:hover:not(:has(.activity:hover)), .editing .activity-item.selected {
	outline: 2px solid var(--primary);
	/* box-shadow: 0 .125rem .25rem rgb(0 0 0 / .075); */
}

.btn-primary, .btn-primary:focus, .btn-primary.focus, .btn-outline-primary {
	border-color: var(--primary);
}

.qbank_managecategories-item.draghandle > .container:hover {
	/* background-color: coral;
	border-color: orchid; */
	/* background-color: color-mix(in srgb, coral 20%, white); */
	/* border-color: lightgray; */
	border-color: #ffffff00;
	border-radius: 20px;
}

.qbank_managecategories-item:hover:not(:has(.qbank_managecategories-item:hover)) {
    background-color: #e3e3e3;
		border-radius: 20px;
		box-shadow: 0px 0px 6px 0px #bfbfbf;
}

.btn:focus, .btn.focus {
	box-shadow: 0 0 0 .2rem var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	background-color: var(--primary);
	border-color: color-mix(in srgb, var(--primary) 80%, black);
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within, .dropdown-item > .icon:hover {
	background-color: var(--primary);
	color: white !important;
}

.drawer-toggles .drawer-toggler .btn:focus, .btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 0 .2rem var(--primary);
}

.modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
	box-shadow: 0 0 0 .2rem var(--primary);
}

.form-autocomplete-selection [data-active-selection="true"] {
	box-shadow: 0 0 0 .2rem var(--primary);
}

.form-control:focus {
	border-color: var(--primary);
	box-shadow: 0 0 0 .2rem var(--primary);
}

.form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
	background-color: var(--primary);
}

.block-add {
	border-color: var(--primary);
	background-color: color-mix(in srgb, var(--primary) 12%, white);
}

.moremenu .nav-link.active {
	border-bottom-color: var(--primary);
}

.courseindex .courseindex-item.pageitem {
	/* background-color: var(--primary); */
	background-color: color-mix(in srgb, var(--primary) 12%, white);
	/* color: white; */
}

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--primary);
	background-color: var(--primary);
}

.aabtn.focus, .aabtn:focus, .btn-link.focus, .btn-link:focus, .nav-link.focus, .nav-link:focus, .editor_atto_toolbar button.focus, .editor_atto_toolbar button:focus, .editor_atto_toolbar .atto_toolbar_row.focus, .editor_atto_toolbar .atto_toolbar_row:focus, [role="button"].focus, [role="button"]:focus, .list-group-item-action.focus, .list-group-item-action:focus, input[type="checkbox"].focus, input[type="checkbox"]:focus, input[type="radio"].focus, input[type="radio"]:focus, input[type="file"].focus, input[type="file"]:focus, input[type="image"].focus, input[type="image"]:focus, .sr-only-focusable.focus, .sr-only-focusable:focus, a.dropdown-toggle.focus, a.dropdown-toggle:focus, .moodle-dialogue-base .closebutton.focus, .moodle-dialogue-base .closebutton:focus, button.btn-close.focus, button.btn-close:focus, .form-autocomplete-selection.focus, .form-autocomplete-selection:focus, [role="treeitem"]:not([aria-expanded="true"]).focus, [role="treeitem"]:not([aria-expanded="true"]):focus {
	box-shadow: 0 0 0 .2rem var(--primary);
}

.courseindex .courseindex-item:hover.pageitem, .courseindex .courseindex-item:hover .pageitem, .courseindex .courseindex-item:focus.pageitem, .courseindex .courseindex-item:focus .pageitem {
	background-color: color-mix(in srgb, var(--primary) 50%, white);
	/* color: red !important; */
}

/*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: #cce6ea;
	/* display: flex; */
	/* max-height: 68px; */
}

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

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

.activity-item .activity-grid.noname-grid {
	display: flex;
	position: relative;
	width: 100%;
	justify-content: space-between;
	/* flex-direction: row-reverse; */
}


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 */
	}

@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); }
	}

@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); }
	}

@keyframes changeColor4
	{
		0% { color: white }
		50%	{ color: black }
		100% { color: white }
	}


.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, .popover-region-container {
	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;
}

.collapse_button_bej_moodle_showing {
	margin-left: 5px;
	border: 1px solid gray;
	border-radius: 5px;
	font-size: 16px;
	background-color: darkseagreen;
	background-color: var(--primary);
	color: white;
	font-weight: bold;
	padding-left: 7px;
  padding-right: 7px;
	cursor: pointer;
}

.collapse_button_bej_moodle_collapsed {
	background-color: #3f51b5;
}


.que .info {
	border-radius: 13px;
	box-shadow: 0px 0px 4px 0px #adadad;
	border:none;
	width: 8em;
}

.nav-link[role="menuitem"] {
	/* border-radius: 20px !important; */
	border-top-right-radius: 20px !important ;
	border-top-left-radius: 20px !important ;
}

.nav-link[role="menuitem"]:hover {
/* border-bottom-color: var(--primary) !important; */
border-bottom-color: color-mix(in srgb, var(--primary) 80%, black) !important;
}

#page-mod-quiz-edit ul.slots li.section li.activity {
	background: #e6e6e6;
	margin: 3px 0;
	padding: .2em;
	position: relative;
	border-radius: 6px;
}

.modal-lg, .modal-xl {
	max-width: 95%;
}

.modal-dialog-scrollable {
	/* max-height: calc(100% - 1rem); */
	height: 95%;
	max-height: unset;
}

.form-autocomplete-suggestions {
	max-height: unset;
}

.quiz_category_1st_level_bej {
	color: var(--primary) !important;
}

.quiz_category_1st_level_bej:hover, .quiz_category_2nd_level_bej:hover, .quiz_category_3rd_level_bej:hover {
	color: white !important;
}

.quiz_category_2nd_level_bej {
color: orchid !important;
display: none;
}

.quiz_category_3rd_level_bej {
color: gray !important;
display: none;
}

.quiz_category_container_bej {
	display: flex;
}

.form-autocomplete-suggestions {
	box-shadow: 0px 0px 8px 13px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	border: none;
}

.breadcrumb-item a{
	background-color: lightgray;
	border-radius: 10px;
	padding: 5px;
}

.que.correct .info {
	border: 5px solid seagreen;
}

.que.partiallycorrect .info {
	border: 5px solid orange;
}

.que.incorrect .info, .que.notanswered .info {
	border: 5px solid coral;
}



@keyframes fillLeftToRight {
  0% {
    background-position: right;
  }
  100% { 
    background-position: left;
		color: white;
  }
}

.animated-bg-correct-answer-bej {
  background: linear-gradient(to right, seagreen 50%, #ffffff00 50%);
  background-size: 200% 100%;
  background-position: left;
	padding-left: 5px;
  animation: fillLeftToRight 2s ease-out forwards;
}

.que.partiallycorrect .info .grade {

}

.generaltable.generalbox.quizreviewsummary {
	border-collapse: separate;
	border-spacing: 0;
	border: 5px solid #b5b5b5;
	border-radius: 10px;
	overflow: hidden;
}

.que.multianswer.interactivecountback {
    border-bottom: 5px solid lightgray;
}

.results_page_grade_row_style_1_bej {
	color: white;
	background-color: var(--primary) !important;
}

.results_page_grade_row_style_2_bej {
	background-color: color-mix(in srgb, var(--primary) 12%, white) !important;
}


.que .outcome, .que .comment {
    color: black;
    background-color: #e8e8e8;
}

@keyframes pulseBackground_incorrect {
  0%   { background-color: orange; }
  50%  { background-color: crimson; }
  100% { background-color: orange; }
}

@keyframes pulseBackground_incorrect_pseudo {
  0%   { color: crimson; }
  50%  { color: white; }
  100% { color: crimson; }
}

/* @keyframes pulseBackground_correct {
  0%   { background-color: white; }
  50%  { background-color: seagreen; }
  100% { background-color: white; }
}

@keyframes pulseBackground_correct_pseudo {
  0%   { color: seagreen; }
  50%  { color: white; }
  100% { color: seagreen; }
} */

i.icon.fa-regular.fa-circle-check.text-success.fa-fw {
	background-color: seagreen;
	color: white !important;
	padding: 10px;
	border-radius: 10px !important;
  /* animation: pulseBackground_correct 2s infinite ease-in-out; */
	position: relative;
}

/* .fa-circle-check::before {
  animation: pulseBackground_correct_pseudo 2s infinite ease-in-out;
} */

i.icon.fa-regular.fa-circle-xmark.text-danger.fa-fw  {
	padding: 10px;
	border-radius: 10px !important;
  animation: pulseBackground_incorrect 2s infinite ease-in-out;
	position: relative;
}

.fa-circle-xmark::before {
  animation: pulseBackground_incorrect_pseudo 2s infinite ease-in-out;
}

/* i.icon.fa-regular.fa-circle-xmark.text-danger.fa-fw::after {
	content: "↑Tap Me↑";
	color: gray;
	position: absolute;
	top: 39px;
  width: 80px;
  left: -14px;
} */

.qbank-column-list th.header {
    background-color: #b2b2b2;
}

.qbank-column-list {
    border: 5px solid #616161;
}

#categoryquestions tr:nth-child(even) {
  border-bottom: 5px solid black;
}