/* ***************************************************************** */
/* Updated and checked: 10/07/2020
******************************************************************** */
/********** Training section **********/
[id^="tasterpage"] [data-role="main"] {
	padding: 0;
	max-width: 100%;
	min-height: inherit;
}
[id^="tasterpage"] .trainingpage-inner {
	margin: auto;
	max-width: 1000px;
	padding: 0 1em;
}
[id^="tasterpage"] h1, [id^="tasterpage"] p {
	font-weight: 400;
	margin: .5em 0;
}
[id^="tasterpage"] h3 {
	margin: 0;
	display: inline-block;
	font-size: 28px;
	font-weight: 400;
}
[id^="tasterpage"] .trainingpage-steps {
	padding-top: 2em;
	text-align: center;
	padding-bottom: 1em;
}
[id^="tasterpage"] .trainingpage-content {
	padding: 1em 0;
}
[id^="tasterpage"] .trainingpage-content-boxed {
	border: solid 6px #EEEEEE;
	padding: 0em 1em 1em 1em;
}
[id^="tasterpage"] .training-buttons {
	margin-top: 2em;
}
[id^="tasterpage"] .trainingpage-inner .highlight-red {
	background-color: #FF9999;
	color: #000000;
	font-size: 1em;
}
[id^="tasterpage"] .trainingpage-inner .highlight-yellow {
	background-color: #FF9;
	color: #000000;
	font-size: 1em;
}
[id^="tasterpage"] .trainingtext {
	background-color: #FFF;
	border: solid 1px #BDBDBD;
	border-color: #EEEEEE;
	border-width: 6px;
	display: table;
	float: left;
	height: 100%;
	margin-bottom: 3em;
	overflow-y: auto;
	padding: 2em 3em;
	position: relative;
	text-shadow: none;
}
[id^="tasterpage"] .trainingabstract {
	display: inline-block;
	width: 65%;
}
[id^="tasterpage"] .trainingabstract p {
	padding: 0;
	margin-bottom: 0;
	text-align: left;
}
[id^="tasterpage"] .trainingabstract h3 {
	padding: 0;
	margin-top: 0;
	text-align: left;
}
[id^="tasterpage"] .trainingabstractanswers {
	display: none
}

[id^="tasterpage"] .trainingabstractcontrols {
	display: inline-block;
	text-align: center;
	top: 2.5em;
	padding: 0em 1em 1em 1em;
	position: absolute;
	margin-left: 3em;
	margin-right: 2em;
	max-width: 24%;
}
[id^="tasterpage"] .trainingabstractanswers {
	display: none;
	top: 2.5em;
	padding: 0em 1em 1em 1em;
	position: absolute;
	margin-left: 3em;
	margin-right: 2em;
	max-width: 24%;
}
[id^="tasterpage"] .trainingabstracttext {
	display: table-cell;
	padding-top: .5em
}
[id^="tasterpage"] .trainingabstractcontrols button, [id^="tasterpage"] .trainingabstractmessage button {
	min-width: 8em;
}
[id^="tasterpage"] .trainingabstractmessage {
	display: inline-block;
	left: 3em;
	max-width: 20em;
	position: absolute;
	top: 7.5em;
	vertical-align: top;
}
#tasterpage3 .trainingabstractcontrols, #tasterpage4 .trainingabstractcontrols {
	border-radius: .325em;
	padding: 0em 1em 1em 1em;
	position: absolute;
	margin-left: 3em;
	margin-right: 2em;
	margin-top: 1em;
	max-width: 24%;
	text-align: left;
	top: 2em;
}
.trainingabstractcontrols .flaticon-arrow-left-circle:hover:before, .trainingabstractmessage .flaticon-arrow-left-circle:hover:before {
	color: #fff;
	cursor: default
}
#tasterpage5 .trainingabstractmessage, #tasterpage6 .trainingabstractmessage {
	left: inherit;
	right: 1em;
	top: 16em;
	border-radius: .325em;
	padding: 0em 1em 1em 1em;
	position: absolute;
	margin-left: 3em;
	margin-right: 2em;
	max-width: 24%;
	text-align: left;
}
#tasterpage9 .trainingabstractcontrols {
	/*text-align: left;
	padding-left: 2em;*/
}
[id^="tasterpage"] .progress {
	border-radius: 1em;
	display: inline-block;
	height: .7em;
	position: relative;
	width: 75%;
}
[id^="tasterpage"] .progress-bar {
	border-radius: 1em;
	color: #000 !important;
	height: .7em;
	margin-top: 0;
	position: relative;
}
[id^="tasterpage"] .step-1 .progress-bar {
	width: 10%;
}
[id^="tasterpage"] .step-2 .progress-bar {
	width: 30%;
}
[id^="tasterpage"] .step-3 .progress-bar {
	width: 54%;
}
[id^="tasterpage"] .step-4 .progress-bar {
	width: 77%;
}
[id^="tasterpage"] .step-5 .progress-bar {
	width: 100%;
}
[id^="tasterpage"] .progress-ball {
	border-radius: 3em;
	color: #000 !important;
	height: 1.7em;
	margin-top: -1.7em;
	position: relative;
	width: 1.7em;
	z-index: 1000;
}
[id^="tasterpage"] .progress-ball.ball-1 {
	margin-left: 8%;
	margin-top: -1.2em;
}
[id^="tasterpage"] .progress-ball.ball-2 {
	margin-left: 29%;
}
[id^="tasterpage"] .progress-ball.ball-3 {
	margin-left: 52%;
}
[id^="tasterpage"] .progress-ball.ball-4 {
	margin-left: 75%;
}
[id^="tasterpage"] .progress-ball.ball-5 {
	margin-left: 98%;
}