h1 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 20px;
}
html.small h1 {
	font-size: 28px;
}
h2 {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 14px;
}
h3 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}
p {
	line-height: 1.4em;
	margin-bottom: 13px;
}
p:last-child {
	margin-bottom: 0px;
}
ol,
ul {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
li {
	margin-left: 20px;
	color: inherit;
	line-height: 19px;
	margin-bottom: 3px;
}
ul.icon {
	list-style-type: none;
}
ul.icon li {
	text-indent: -20px;
	font-size: 14px;
}
ul.icon li.tick:before {
	font-family: "Material Symbols";
	content: "check";
	color: green;
	position: relative;
	top: 2px;
	margin-right: 5px;
}
ul.icon li.cross:before {
	font-family: "Material Symbols";
	content: "close";
	color: red;
	position: relative;
	top: 2px;
	margin-right: 5px;
}
a {
	line-height: 17px;
	margin-bottom: 13px;
	text-decoration: none;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* css-3 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
a:hover {
	text-decoration: underline;
}
table {
	border-collapse: collapse;
	border: 1px solid #ccc;
}
th {
	font-weight: bold;
	color: #fff;
	background: #0460a9;
}
th,
td {
	padding: 8px;
	text-align: left;
	border: 1px solid #ccc;
	vertical-align: top;
	line-height: 19px;
}
img {
	display: block;
}
hr {
	border: none;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0.5em;
	background: #efefef;
	border: none;
	border-radius: 3px;
	padding: 1em 2em 1em 1em;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.objectfit {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
.select-container {
	position: relative;
	display: inline;
	align-self: flex-start;
}
.select-container:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	pointer-events: none;
}
.select-container:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: calc(50% - 4px);
	right: 0.75em;
	border-top: 8px solid black;
	opacity: 0.5;
}
.select-container-hide-arrow:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: calc(50% - 4px);
	right: 0.75em;
	border-top: 8px solid black;
	opacity: 0;
}
select::-ms-expand {
	display: none;
}
.center {
	position: relative;
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.abs-center {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
html.small .large {
	display: none !important;
}
html.small .small {
	display: block !important;
}
html:not(.small) .small {
	display: none !important;
}
html.small .mobile-full-width {
	width: 100% !important;
	max-width: 100% !important;
}
.img-responsive {
	width: 100%;
	height: auto;
}
.cover {
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.cover.top {
	background-position-y: top !important;
}
.cover.left {
	background-position-x: left !important;
}
.cover.bottom {
	background-position-y: bottom !important;
}
.cover.right {
	background-position-x: right !important;
}
.contain {
	background-size: contain !important;
	background-repeat: no-repeat !important;
}
.menuModuleTitle {
	font-size: 18px;
	color: #fff;
	font-weight: 300;
}
.prompt {
	color: #848CA0 !important;
	font-style: italic;
}
.cent {
	text-align: center;
}
.right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.white {
	color: #fff !important;
}
.white p,
.white i,
.white h1,
.white h2,
.white h3,
.white h4,
.white ul {
	color: #fff;
}
.black {
	color: #111 !important;
}
.black p,
.black i,
.black h1,
.black h2,
.black h3,
.black h4,
.black ul {
	color: #111;
}
.grey {
	color: #666 !important;
}
.grey p,
.grey i,
.grey h1,
.grey h2,
.grey h3,
.grey h4,
.grey ul {
	color: #666;
}
.grey_light {
	color: #d4d4d4 !important;
}
.grey_lightest {
	color: #ddd !important;
}
.grey_dark {
	color: #333 !important;
}
.orange {
	color: #fda54a !important;
}
.red {
	color: red !important;
}
.green {
	color: #329c5c !important;
}
.green_dark {
	color: #447558 !important;
}
.blue {
	color: #92c7ff !important;
}
.blue_dark {
	color: #3c4150 !important;
}
.status {
	color: #fff;
	font-size: 22px;
}
span.status {
	color: #ccc !important;
	font-size: 12px;
}
i.status {
	color: #fff;
	font-size: 22px;
	margin-left: 6px;
}

.btn_rounded {
	background: #fff;
	color: #505461;
	border: 1px solid #ddd;
	border-radius: 30px;
	padding: 12px;
	min-width: 100px;
}

html.small .btn_rounded {
	padding: 8px 14px 8px 14px;
	border-radius: 20px;
	min-width: auto;
}

.btn_circle {
	background: #fff;
	color: #505461;
	border: 1px solid #ddd;
	border-radius: 50%;
	padding: 0px;
}

.btn_green {
	background: #329c5c;
	color: #fff;
}
.btn_blue {
	background: #505461;
	color: #fff;
	border: 1px solid #ddd;
	border-radius: 30px;
	padding: 12px;
	min-width: 100px;
}
.btn_white {
	background: #fff;
	color: #329c5c;
}
.btn_green_border {
	background: #fff;
	color: #329c5c;
	border: 1px solid #329c5c;
}
.btn_blue_border {
	background: #fff;
	color: #848CA0;
	border: 1px solid #848CA0;
}
.btn_grey {
	background: #666;
	color: #fff;
}
.hand{font-family: "Dakota"; font-size:18px;}
.p_6 {
	font-size: 6px;
}
.p_7 {
	font-size: 7px;
}
.p_8 {
	font-size: 8px;
}
.p_9 {
	font-size: 9px;
}
.p_10 {
	font-size: 10px;
}
.p_11 {
	font-size: 11px;
}
.p_12 {
	font-size: 12px;
}
.p_13 {
	font-size: 13px;
}
.p_14 {
	font-size: 14px;
}
.p_15 {
	font-size: 14px;
}
.p_16 {
	font-size: 16px;
}
.p_17 {
	font-size: 17px;
}
.p_18 {
	font-size: 18px;
}
.p_19 {
	font-size: 19px;
}
.p_20 {
	font-size: 20px;
}
.p_21 {
	font-size: 21px;
}
.p_22 {
	font-size: 22px;
}
.p_23 {
	font-size: 22px;
}
.p_24 {
	font-size: 24px;
}

/* certificate */
#cert_username p,
#cert_date p {
	font-family: Arial;
}

/* question screens */
.option {
	color: #555;
	margin-bottom: 0px;
}
.mcqRadioBtn {
	width: 18px;
	height: 18px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 100%;
}
.mcqRadioBtn.selected {
	background: var(--base_font_color_dark);
	box-shadow: inset 0 0 0 3px #fff;
}
.checkbox > div > .mcqRadioBtn {
	width: 18px;
	height: 18px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}
.checkbox > div > .mcqRadioBtn.selected {
	background: #fff;
}
.checkbox > div > .mcqRadioBtn.selected:before {
	font-family: "Material Symbols";
	font-size: 18px;
	content: "check";
	color: #ccc;
}
.mcq_labels > div > .mcqRadioBtn {
	width: 30px;
	height: 30px;
	background: transparent;
	border: 1px solid #333;
	border-radius: 50%;
	transition: all 0.3s ease 0s;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}
.mcq_labels > div > .mcqRadioBtn.selected {
	background: #b0aa7e;
	box-shadow: inset 0 0 0 5px #353231;
}
.mcq_labels > div > .mcqRadioBtn.selected:before {
	font-family: "Material Symbols";
	font-size: 18px;
	/*content: "check";*/
	content: "";
	color: #fff;
}
.tick {
	font-size: 24px;
	color: #329c5c;
}
.tick.selected {
	color: #fff;
}
.cross {
	color: red;
	font-size: 21px;
	margin-top: 1px;
}
.cross.selected {
	color: #fff;
}
.gmcq .tick {
	color: #fff;
	font-size: 42px;
}
.mcq_labels .tick {
	color: #329c5c;
	font-size: 18px;
}
.mcq_labels .tick.selected {
	color: #fff;
}
.mcq_labels .cross {
	color: red;
	font-size: 18px;
	margin-top: 0px;
}
.mcq_labels .cross.selected {
	color: #fff;
}

/* tokens */
.token{
	font-family: "Material Symbols";
	font-size: 24px;
}
.token::before {
    content: "star";
}
.token.incomplete{
	color:#ccc;
}
.token.passed{
	font-variation-settings: "FILL" 1;
	color:gold;
}

/* spottheerrors */
.spottheerrors .template_btn {
	font-size: 17px;
	color: #333;
}
.spottheerrors .tick {
	color: #329c5c;
	font-weight: bold;
	font-size: 14px;
	margin-top: -5px;
	text-shadow: 0px 0px 2px #fff;
}

/* textinput */
.textinput input {
	border: 1px solid #555;
	color: #555;
	font-size: 16px;
	margin: 3px;
}
.textinput .tick {
	color: #329c5c;
	font-size: 18px;
	margin-right: 6px;
}
.textinput .cross {
	color: red;
	font-size: 18px;
	margin-right: 6px;
}
.textinput .passed {
	color: #555;
}
.textinput .failed {
	color: red;
}

/*score*/
.score-failed-question{
	padding:5%;
}
.score-failed-question:nth-child(odd) {
  background-color: #f6f6f6;
}

.score-failed-question:nth-child(even) {
  background-color: #ffffff;
}

#summaryList ul {
	margin: 0;
	margin-bottom: 14px;
	padding: 10px;
	border-radius: 5px;
}
#summaryList ul.user {
	background: #fff;
	border: 1px solid #ccc;
}
#summaryList ul.correct {
	background: #429363;
}
#summaryList ul.correct li {
	color: #fff;
}
#summaryList ul.correct li.tick:before {
	color: #fff;
}

/* columnsort */
.columnsortContainer {
	border-collapse: separate;
	border-spacing: 1px;
}
.columnsortHeader,
.columnsortRow,
.columnsortCell {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #ddd;
	border-radius: 5px;
}
.columnsortRadioBtn {
	width: 18px;
	height: 18px;
	top: 1px;
	background: transparent;
	border: 1px solid #ccc;
	border-radius: 100%;
}
.columnsortRadioBtn.selected {
	background: #505461;
	box-shadow: inset 0 0 0 3px #fff;
}

/* swiper photostory/coverflow */
.coverflowFrame {
	overflow: hidden;
	display: flex;
	height: auto;
}
.coverflowBackBtn {
	background: #fff;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	border-radius: 100%;
	transition: all 0.3s ease 0s;
}
.small .coverflowBackBtn {
	display: none;
}
.coverflowBackBtn i {
	font-size: 28px;
	color: #3c4150;
	vertical-align: middle;
	margin-left: -4px;
	transition: all 0.3s ease 0s;
}
.coverflowBackBtn:hover:enabled i {
	margin-left: -8px;
}
.coverflowNextBtn {
	background: #fff;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	border-radius: 100%;
	transition: all 0.3s ease 0s;
}
.small .coverflowNextBtn {
	display: none;
}
.coverflowNextBtn i {
	font-size: 28px;
	color: #3c4150;
	vertical-align: middle;
	margin-left: -2px;
	transition: all 0.3s ease 0s;
}
.coverflowNextBtn:hover:enabled i {
	margin-left: 2px;
}
.swiper-pagination {
	position: absolute !important;
	float: left !important;
}
.swiper-pagination-bullet {
	min-height: auto;
	width: 10px !important;
	height: 10px !important;
	background: #fff !important;
	border-radius: 50% !important;
	border: 1px solid #ccc !important;
	opacity: 1 !important;
	margin-left: 4px !important;
	margin-right: 4px !important;
}
.swiper-pagination-bullet-active {
	background: #3c4150 !important;
	outline: 0 !important;
}

/* sliding scale */
.slidingscale-point {
	height: 10px;
}
.slidingscale-handle {
	height: 35px;
	width: 35px;
	border: 3px solid #fff;
	background: #9c0 none no-repeat;
	border-radius: 100%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	opacity: 0.9;
}
.slidingscale .tick {
	color: #fff;
	font-size: 32px;
	text-shadow: 0px 0px 2px #333;
}

/* slide compare */
.slidecompare-handle {
	height: 100%;
	width: 5px;
	background: #329c5c none no-repeat;
	box-shadow: 5px 1px 3px rgba(0, 0, 0, 0.2);
	cursor: col-resize !important;
}
.slidecompare-handle:after {
	position: absolute;
	height: 50px;
	width: 50px;
	background: #fff;
	background-image: url(../assets/shared/icon_slide_compare_handle.svg);
	background-position: center center;
	background-repeat: no-repeat;
	border: 5px solid #329c5c;
	border-radius: 50%;
	box-shadow: 5px 1px 3px rgba(0, 0, 0, 0.2);
	content: "";
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* tab reveal tabs */
.tabreveal-tab {
	min-height: auto;
	height: 32px;
	border: none;
	background: #fff;
	border-radius: 5px 5px 0px 0px;
	font-size: 14px;
	text-align: left;
	color: #111;
}
.tabreveal-tab p {
	font-size: 13px;
	margin-left: 5px;
	margin-right: 5px;
}
.tabreveal-body {
	border-radius: 0px 0px 0px 0px;
	background: #fff;
	border: none;
}

/* accordion */
.accordion-tab {
	border-radius: 0px;
	border-left: none;
	border-right: none;
	border-top: 1px solid #ddd;
	text-align: left;
	transform: translate3d(0px, 0px, 0px);
}
.accordion-tab.first {
	border-top: none;
}

/*timed quiz */
.timeoutContainer {
	display: flex;
	width: 100%;
}
.scoreContainer {
	display: flex;
	width: 100%;
}

/* simulation */
#paneltop p {
	margin-bottom: 5px;
}

/* glossary */
.glossaryLetter {
	font-size: 13px;
	font-weight: bold;
	color: #111;
	min-height: 0px;
}
.glossaryWord {
	font-size: 13px;
	font-weight: normal;
	color: #111;
	min-height: 0px;
	text-align: left;
	padding: 6px 10px 6px 10px;
}

/* search autocomplete */
#searchInput {
	font-family: Arial, sans-serif;
	color: #555;
	font-size: 14px;
	height: 22px;
	background: #fff;
	border: 1px solid #999;
	padding: 2px 5px;
}
.autocomplete-suggestions {
	border: 1px solid #999;
	background: #fff;
	overflow: auto;
	font-size: 13px;
	font-weight: normal;
	color: #111;
	cursor: default;
	margin: 0;
	border-radius: 3px;
}
.autocomplete-suggestion {
	padding:3px 7px 3px 7px;
	cursor: pointer;
	transition: background 0.5s;
}
.autocomplete-suggestion:hover {
    background: #f0f0f0;
	transition: background 0s;
}
.autocomplete-selected {
	background: #f0f0f0;
}
.autocomplete-suggestions strong {
	font-weight: normal;
	color: #3399ff;
}
.autocomplete-group {
	padding: 2px 5px;
}
.autocomplete-group strong {
	display: block;
	border-bottom: 1px solid #000;
}

/* custom video controls */
.custom_video_controls .custom_central .custom_central_play {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.3);
}
.custom_video_controls .custom_central .custom_central_play i {
	font-size: 50px;
	color: #fff;
	margin: auto;
}
.custom_control_bar {
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	padding: 0px 10px 0px 10px;
}
.custom_control_bar .stream_container {
	background: rgba(255, 255, 255, 0.2);
}
.custom_control_bar .stream_buffer_bar {
	background: rgba(255, 255, 255, 0.4);
}
.custom_control_bar .stream_bar {
	background: red;
}
.custom_control_bar button {
	border: none;
	background: transparent;
	padding: 0px 5px 2px 5px;
	min-height: 1px;
}
.custom_control_bar button label {
	display: none;
	position: absolute;
	top: -18px;
	margin-top: 0px;
	margin-left: -5px;
	font-size: 12px;
	color: #fff;
	background: #111;
	padding: 3px;
	white-space: nowrap;
}
.custom_control_bar label.right {
	left: auto;
	right: 10px;
}
.custom_control_bar button:hover label {
	display: block;
}
.custom_control_bar button i {
	color: #eee;
	margin: auto;
}
.custom_control_bar button i:hover {
	color: #fff;
}
.custom_control_bar .vol_line {
	background: #444;
}
.custom_control_bar .vol_level {
	background: #fff;
}
.custom_control_bar .vol_handle {
	background: #eee;
}
.custom_control_bar .time {
	margin-left: 10px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
}
.waiting {
	padding: 0px;
	background: transparent !important;
	border-radius: 50%;
	border: 2px solid;
	border-top-color: rgba(0, 0, 0, 0.8);
	border-bottom-color: rgba(0, 0, 0, 0.2);
	border-left-color: rgba(0, 0, 0, 0.8);
	border-right-color: rgba(0, 0, 0, 0.2);
	outline: 1px solid transparent;
	-webkit-animation: waiting 1s linear infinite;
	animation: waiting 1s linear infinite;
}
@keyframes waiting {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes waiting {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
video::cue {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}
.custom_control_bar .videoflag {
	position: absolute;
	top: -17px;
}
.custom_control_bar .videoflag i {
	font-size: 18px;
	color: red;
	margin-left: -3px;
}
/* youtube video */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.frosted{
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}

/* speech bubbles */
.triangle-isosceles-TL:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 0 12px 20px;
	border-color: transparent;
	border-bottom-color: inherit;
	width: 0;
	z-index: 1;
	top: -19px;
	left: 25%;
}
.triangle-isosceles-TC:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 0 12px 20px;
	border-color: transparent;
	border-bottom-color: inherit;
	width: 0;
	z-index: 1;
	top: -19px;
	left: calc(50% - 12px);
}
.triangle-isosceles-TR:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 0 12px 20px;
	border-color: transparent;
	border-bottom-color: inherit;
	width: 0;
	z-index: 1;
	top: -19px;
	right: 25%;
}

.triangle-isosceles-RT:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 12px 0 12px 20px;
	border-color: transparent;
	border-left-color: inherit;
	width: 0;
	z-index: 1;
	top: 25%;
	right: -19px;
}

.triangle-isosceles-RC:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 12px 0 12px 20px;
	border-color: transparent;
	border-left-color: inherit;
	width: 0;
	z-index: 1;
	top: calc(50% - 12px);
	right: -19px;
}
.triangle-isosceles-RB:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 12px 0 12px 20px;
	border-color: transparent;
	border-left-color: inherit;
	width: 0;
	z-index: 1;
	bottom: 25%;
	right: -19px;
}
.triangle-isosceles-BL:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 20px 12px 0;
	border-color: transparent;
	border-top-color: inherit;
	width: 0;
	z-index: 1;
	bottom: -19px;
	left: 25%;
}
.triangle-isosceles-BC:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 20px 12px 0;
	border-color: transparent;
	border-top-color: inherit;
	width: 0;
	z-index: 1;
	bottom: -19px;
	left: calc(50% - 12px);
}
.triangle-isosceles-BR:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 20px 12px 0;
	border-color: transparent;
	border-top-color: inherit;
	width: 0;
	z-index: 1;
	bottom: -19px;
	right: 25%;
}
.triangle-isosceles-LT:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 12px 20px 12px 0;
	border-color: transparent;
	border-right-color: inherit;
	width: 0;
	z-index: 1;
	top: 25%;
	left: -19px;
}
.triangle-isosceles-LC:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 12px 20px 12px 0;
	border-color: transparent;
	border-right-color: inherit;
	width: 0;
	z-index: 1;
	top: calc(50% - 12px);
	left: -19px;
}
.triangle-isosceles-LB:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 12px 20px 12px 0;
	border-color: transparent;
	border-right-color: inherit;
	width: 0;
	z-index: 1;
	bottom: 25%;
	left: -19px;
}

.icon-scroll{
  width: 40px;
  height: 70px;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
}

.icon-scroll:before{
  content: '';
  position: absolute;
  left: 50%;
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 48px;
  border-radius: 4px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

.no-pointer-events{
	pointer-events: none !important;
}

@keyframes scroll{
    to {
      opacity: 0;
      transform: translateY(-40px);
    }
  }