
.etest-main.etest-editing {
	font-size: 16px;
}

.etest-title {	
    margin: 0 0 0.5em 0;
	color: #364656;
    
	line-height: 1.25;
	font-size:1.6em;
}
.etest-main.etest-editing h2.etest-title {
	font-size: 1.6em;
}

.etest-editing .etest-card-actionButton {
	font-size: 13px;
}


.etest-page-inner {
	width: 210mm; 
	min-height: 296mm;	
	box-sizing: border-box;	
	padding: 0px;	
	background-color: #fff;

	border: 1px solid #ddd;

	box-shadow: 1px 1px 2px rgba(0,0,0,0.36);
	margin: 0 auto 0.5cm auto;
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	overflow: hidden;
	text-rendering: geometricPrecision;
}

.etest-page-inner2 {
	flex: auto 1 1;
}

.paginating .etest-page-inner2 {
	flex-grow: 0;
}


.etestw-page-header {
	display: flex;
	flex-flow: row nowrap;	
	position: absolute;	
	top: 0;
	left: 0;
	right: 0;
	padding: 0.5cm;
	flex: auto 0 0;
	box-sizing: border-box;
	
}

.etestw-page-header-variant {
	flex: auto 1 1;
	text-align: right;
	font-weight: bold;
	opacity: 0.5;
}

.etestw-ocr-qc-header {
	display: flex;
	flex-flow: row nowrap;	
	position: relative;	
	padding: 0.5cm;
	flex: auto 0 0;
	box-sizing: border-box;
}


.etestw-ocr-qc-footer {
	display: flex;
	flex-flow: row nowrap;	
	flex: auto 0 0;
	padding: 0.5cm;	
	box-sizing: border-box;
}

.etestw-page-footer {
	position: absolute;
	left: 0.5cm;
	bottom: 0.4cm;
	right: 0.5cm;
	text-align: right;
}


@media print {
	.etest-meditor-topmain * {
		visibility: hidden !important;		
	}
	.etest-meditor-topmain .etest-page, 
	.etest-meditor-topmain .etest-page *,
	.etest-meditor-topmain .reports-printVisible,
	.etest-meditor-topmain .reports-printVisible * {
		visibility: visible !important;
		
	}

	.etest-meditor-topmain .etest-meditor-print-preview {
		visibility: visible;
		margin: 0;
		padding: 0;
		background-color: transparent;
		position: absolute !important;
		left: 0 !important;
		top: 0 !important;
	}

	body.etest-printingBody > * {
		display: none;
	}
	
	body.etest-printingBody > .etest-printVisible {
		display: block;
	}	
	
	@page  
	{ 
	    size: auto;     
	    margin: 0;
	}
	
	.etest-page-inner {		
		margin: 0 !important;
		/*height: calc(297mm - 1px);*/
		page-break-after: always;
		box-shadow: none;	
		border: 0;	
	}
}

@media screen {
	
	body.etest-printingBody > .etest-printVisible,
	body > .etest-printVisible {
		display: none;
	}
	
	
}

.etest-page-inner.etest-pagesize-a4 {
	width: 210mm;
	min-height: 296.5mm;
}
.etest-page-inner.etest-pagesize-a4.etest-pageorientation-landscape {
	width: 297mm;
	min-height: 209mm; 	
}

.etest-page-inner.etest-pagesize-a5 {
	width: 148mm;
	min-height: 210mm; 	
}
.etest-page-inner.etest-pagesize-a5.etest-pageorientation-landscape {
	width: 210mm;
	min-height: 148mm; 	
}

.etest-page-inner.etest-pagecolumns-2 .etest-page-inner2 {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	column-fill: auto;
	-moz-column-width: 45%;
	-webkit-column-width: 45%;
	column-width: 45%;
	height: 296.5mm;
	box-sizing: border-box;
}

.etest-page-inner.etest-pagecolumns-2.etest-pagesize-a5 .etest-page-inner2,
.etest-page-inner.etest-pagecolumns-2.etest-pagesize-a4.etest-pageorientation-landscape .etest-page-inner2 {
	height: 209mm;
}

.etest-page-inner.etest-pagesize-letter .etest-page-inner2 {
	height: 279mm; 	
}
.etest-page-inner.etest-pagesize-letter.etest-pageorientation-landscape .etest-page-inner2 {	
	height: 216mm; 	
}

.etest-page-inner.etest-pagecolumns-3 .etest-page-inner2 {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	
	-moz-column-width: 30%;
	-webkit-column-width: 30%;
	column-width: 30%;
	height: 296mm;
	box-sizing: border-box;	
}


.etest-page-inner.etest-pagemargins-narrow .etest-page-inner2 {
	padding: 1cm;
}	
	
.etest-page-inner.etest-pagemargins-normal .etest-page-inner2 {
	padding: 1.5cm;
}	

.etest-page-inner.etest-pagemargins-wide .etest-page-inner2 {
	padding: 2cm;
}

.etest-page-inner.withHeader .etest-page-inner2 {
	padding-top: 0.1cm;
}

.etest-page-inner.withAbsoluteHeader.etest-pagemargins-narrow  .etest-page-inner2 {
	padding-top: 1.5cm;
}

.etest-page-inner.withFooter .etest-page-inner2 {
	padding-bottom: 0.1cm;
}

@media screen and (max-width: 800px) {
	.etest-page-inner.etest-pagemargins-narrow .etest-page-inner2,
	.etest-page-inner.etest-pagemargins-normal .etest-page-inner2,
	.etest-page-inner.etest-pagemargins-wide .etest-page-inner2 {
		padding: 30px;	
	}
}
@media screen and (max-width: 500px) {
	
	.etest-page-inner.etest-pagemargins-narrow .etest-page-inner2,
	.etest-page-inner.etest-pagemargins-normal .etest-page-inner2,
	.etest-page-inner.etest-pagemargins-wide .etest-page-inner2 {
		padding: 20px 18px 20px 6px;	
	}

		
	.etest-page-inner.etest-pagecolumns-2 .etest-page-inner2 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		
	}

	.etest-page-inner.etest-pagecolumns-3 .etest-page-inner2 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1
		
	}
}


.etest-page-inner.etest-fontsize-small {
	font-size: 11px;
}

.etest-page-inner.etest-fontsize-default {
	font-size: inherit;
}

.etest-page-inner.etest-fontsize-bigger {
	font-size: 16px;
}

.etest-page-inner.etest-fontsize-huge {
	font-size: 18px;
}


.etest-page-inner.etest-pagesize-letter {
	width: 216mm;
	min-height: 279mm; 	
}
.etest-page-inner.etest-pagesize-letter.etest-pageorientation-landscape {
	width: 279mm;
	min-height: 216mm; 	
} 

.etest-question-nobreak,
.etest-results-page-override .etest-question {
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */    
}

.avoidQuestionBreak .etest-question {
	page-break-inside: avoid; 
}

.etest-question-nobreak .etest-question-content,
.avoidQuestionBreak .etest-question .etest-question-content {
	page-break-inside: avoid;	
}
.etest-question {
    position: relative;                  /* Actually FF 20+ */
}
 
 .etest-question.questionSkipped {
 	opacity: 0.5;
 }

 .etest-question.result-hidden {
	 display: none !important;
 }

 
 
 .etest-question.contentHidden .etest-question-content > .etest-composite-inner,
 .etest-question.contentHidden .etest-question-content > .etest-composite-inner {
 	display: none;
 }
 
 .etest-screen .etest-question.questionSkipped .etest-question-number {
	color: #aaa;

 	font-size: 18px;
 }
	
.etest-question p {
	text-align: inherit;
    margin: 0 0 0.5em 0;
}
.etest-firstOnPage .etest-question-content {
	clear: left;	
}
.etest-question-content {
	padding: 0;
	position: relative;
	
	background-color: #fff;	
	
	clear: both;
}

.mobileBody .etest-cbrowser-content .etest-question-content  {
	background-color: #fff;	
}

.etest-question-content.wasSeen:before {
	content: "";
	position: absolute;
	left: -5px;
	top: 2px;
	bottom: 2px;
	width: 3px;
	background-color: #81D4FA;
}
.etest-question-content.wasSeen:after {
	content: "\f06e";
	position: absolute;
	top: 0px;
	right: 100%;
	padding: 5px 7px 5px 5px;
	
	text-align: right;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 18px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #81D4FA;
 }


.notEditable .etest-question-content {
	background-color: #fbfbfb;

} 

.etest-page-inner .etest-question-content {
	padding: 0.1cm;
}

.etest-page-inner.etest-questionspacing-1x .etest-question-content {
	padding: 0cm;
}

.etest-page-inner.etest-questionspacing-1x .etest-answer-inner {
	margin-bottom: 2px;
	padding: 0;
}
.etest-page-inner.etest-questionspacing-1x .etest-text > div,
.etest-page-inner.etest-questionspacing-1x .etest-text > p {
	margin-bottom: 0.2em;
}
.etest-page-inner.etest-questionspacing-1x .etest-question > .etest-composite-inner > .etestw, 
.etest-page-inner.etest-questionspacing-1x .etest-question > .etest-composite-inner > .etest-composite-inner > .etestw {
	margin-bottom: 0.1cm;
}

.etest-page-inner.etest-questionspacing-3x .etest-question-content {
	padding: 0.4cm;
}    

.etest-question-desc {
	transition: all 0.2s ease-in-out;
	padding: 0.5cm 1cm 0.5cm 1cm;
	position: relative;
	background-color: #ECEFF1;

}


.etest-question-desc:hover {
	opacity: 1;
}

.etest-question-desc-row {
	padding: 5px 0;
}
.etest-qfield-label {
	font-size: 11px;
	opacity: 0.8;
}
.etest-qinput-field {
	width: 100%;
	box-sizing: border-box;
	background: rgba(255,255,255,0.5);
	padding: 8px 10px;
	border: 1px solid #ddd;

}

.etest-qinput-field.etest-duplicate {
	border: 1px solid red;
}


.etest-qinput-field::-webkit-input-placeholder{
  color: rgba(0,0,0,0.3);
  text-align: left;
  margin-right: 10px;
}
.etest-qinput-field::-moz-placeholder{
  color: rgba(0,0,0,0.3);
  text-align: left;
  margin-right: 10px;
}
.etest-qinput-field:-ms-input-placeholder{
  color: rgba(0,0,0,0.3);
  text-align: left;
  margin-right: 10px;
}
.etest-qinput-field:-moz-placeholder{
  color: rgba(0,0,0,0.3);
  text-align: left;
  margin-right: 10px;
}
.etest-qinput-field::placeholder {
  color: rgba(0,0,0,0.3);
  text-align: left;
  margin-right: 10px;
}


.etest-question {
	position: relative;
}


.etest-question .etest-question-index {
	position: absolute;
	left: 0.5cm;
	top: 0.5cm;
	
	padding: 0;
	font-weight: bold;
	z-index:1;
	
} 


.etest-text ul {
	margin-left: 30px;
	list-style-type: disc;
	list-style-position: outside;
}

.etest-text ol {
	margin-left: 30px;
	list-style-type: decimal;
	list-style-position: outside;
}

.etest-text ul > li,
.etest-text ol > li {
	margin: 0.25em 0;
}


.etestw p {
	margin: 0;
}
  
.etest-text > div,
.etest-text > p {
	margin-bottom: 0.5em;
}
.etest-text > div:first-child:last-child,
.etest-text > p:first-child:last-child {
	margin-bottom: 0;
}

.etest-text blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    font-style: italic;
	border-left: 5px solid #ccc;

	margin: 0.5em 0;
}
.etest-text code {
	background-color: hsla(0,0%,78%,.3);	
    padding: .15em;
	border-radius: 2px;	
	vertical-align: middle;
	font-family: 'Courier New', Courier, monospace;
}

.etest-text pre,
.etest-text.ck-content pre {
	padding: .5em;
	margin: 0.5em 0;
	font-family: 'Courier New', Courier, monospace;
	background-color:rgba(198, 198, 198, 0.178);
	position: relative;
	color: inherit;
	background: rgba(198, 198, 198, 0.178);
    border: 0;
    border-radius: 0;
    text-align: left;
    direction: ltr;
    tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px;
}

.etest-text pre code {
	background-color: transparent;
    padding: 0;
	border-radius: 0;
}

.etest-text .image {
	clear: both;
    text-align: center;
    margin: 1em auto;
	max-width: 100%;
	box-sizing: border-box;
}
.etest-text img.image_resized {	
	max-width: 100% !important;	
}

.etest-text .image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	min-width: 50px;
}

.etest-text .image-style-side {
	float: right;
	margin-left: 1.5em;
	max-width: 50%;
}

.image-style-align-left {
	float: left;
	margin-right:  1.5em;
}

.etest-text .image-style-align-center {
	margin-left: auto;
	margin-right: auto;
}

.etest-text .image-style-align-right {
	float: right;
	margin-right:  1.5em;
}

/*.etest-text .image-inline {
	vertical-align: middle;
}
.etest-text .image-inline img {
	vertical-align: middle;
}
.etest-text img {
	vertical-align: middle;
}*/




.etest-text .text-tiny {
	font-size: .7em;
}

.etest-text .text-small {
	font-size: .85em;
}

.etest-text .text-big {
	font-size: 1.4em;
}

.etest-text .text-huge {
	font-size: 1.8em;
} 

.etest-text .table {
	/* Give the table widget some air and center it horizontally */
	margin: 1em auto;
	display: table;
}
.etest-text .table table {
	border-collapse: collapse;
	border-spacing: 0;

	width: 100%;
	height: 100%;

	border: 1px double hsl(0, 0%, 70%);
}
.etest-text .table table td, 
.etest-text .table table th {
		
	min-width: 2em;
	padding: .4em;

	border: 1px solid hsl(0, 0%, 75%);
}
.etest-text .table table th {
	font-weight: bold;
	background: hsla(0, 0%, 0%, 5%);
}



.etest-editing .etest-with-vis-expression::before {
	content: "\f126";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	position: absolute;
	left: -15px;
	top: 1px;
	z-index: 0;
	color:#8BC34A;
	opacity: 0.5;
}


.etest-alist-abcd,
.AbcdAnswerETestWidget {
	page-break-before: avoid;
	break-before: avoid;
}
.etest-alist-abcd > li {
	padding-left: 0.7cm;
	position: relative;
}
.etest-alist-abcd.horizontalMode {
	display: flex;
	flex-flow: row wrap;
	gap: 8px;
}

.etest-alist-abcd.imageLayout-flex .etest-abcd-answer-outer {
	display: flex;
	flex-flow: row nowrap;
	gap: 6px;
}

.etest-alist-abcd.imageLayout-flex.imageLayout-right .etest-abcd-answer-outer {
	flex-flow: row-reverse nowrap;
}

.etest-alist-abcd.imageLayout-flex.imageLayout-bottom .etest-abcd-answer-outer {
	flex-flow: column-reverse nowrap;
	align-items: stretch;
	
}

.etest-alist-abcd.imageLayout-flex .etest-abcd-answer-outer .etest-answer-attachements {
	flex: auto 0 0;	
	max-width: 50%;
}

.etest-alist-abcd.imageLayout-bottom .etest-abcd-answer-outer .etest-answer-attachements {
	flex: auto 0 0;	
	max-width: none;
	max-height: 100px;
}

.etest-alist-abcd.imageLayout-flex .etest-abcd-answer-outer .etest-answer-inner {
	flex: 50% 1 1;
	align-self: center;
}

.etest-alist-abcd.imageLayout-bottom .etest-abcd-answer-outer .etest-answer-inner {	
	align-self: stretch;
}



.etest-alist-abcd.horizontalMode.etest-layoutType-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(25% - 8px), 1fr));
}

.etest-alist-abcd.horizontalMode.etest-layoutType-gridnumitems-3 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(33% - 8px), 1fr));
}

.etest-alist-abcd.horizontalMode.etest-layoutType-gridnumitems-2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(50% - 8px), 1fr));
}


.etest-alist-abcd.horizontalMode.etest-layoutType-grid.hasSideText {	
	grid-template-columns: repeat(auto-fit, minmax(calc(40% - 8px), 1fr));
}

@media screen and (max-width: 700px) {
	.etest-alist-abcd.horizontalMode.etest-layoutType-grid.hasSideText {	
		grid-template-columns: repeat(auto-fit, minmax(calc(70% - 8px), 1fr));
	}
}


.etest-alist-abcd.horizontalMode.etest-layoutType-flex > li {
	flex: auto 1 1;
	box-sizing: border-box;
}

.etest-alist-abcd.horizontalMode.etest-layoutType-flex > li .etest-answer-attachements .etest-imagefiles-inner {
	justify-content: center;
}

.etest-alist-abcd.horizontalMode.etest-layoutType-flex > li .etest-answer-attachements .singleItem .etest-imagefile-item,
.etest-alist-abcd.horizontalMode.etest-layoutType-grid > li .etest-answer-attachements .singleItem .etest-imagefile-item {
	margin-left: auto;
	margin-right: auto;
}
.etest-alist-abcd.horizontalMode > li,
.etest-alist-abcd.playOrAnswersEditMode.horizontalMode > li {
	padding: 6px 7px;
	display: inline-block;
	white-space: nowrap;
	border: 1px solid;

	/*margin-right: 4px;
	margin-bottom: 4px;*/
}

.etest-alist-abcd.etest-alist-abcd2.horizontalMode > li .etest-answer-inner {	
	padding: 4px 5px;
}

.etest-alist-abcd.etest-alist-abcd2.horizontalMode.etest-play > li .etest-answer-inner.isEmpty {
	display: none;
}

.etest-alist-abcd.horizontalMode > li,
.etest-alist-abcd.playOrAnswersEditMode.horizontalMode > li {	
	padding: 2px;
}

.etest-alist-abcd.playOrAnswersEditMode.horizontalMode.etest-play > li {	
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.4);
	padding: 8px;
}

.app-dark-mode .etest-alist-abcd.playOrAnswersEditMode.horizontalMode.etest-play > li {	 
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.etest-alist-abcd.horizontalMode > li.etest-alist-flex-empty-item {	
	border: 0 !important;
	box-shadow: none !important;
	padding: 0  !important;
	border-radius: 0  !important;
	margin: 0  !important;
	cursor: default  !important;
	background-color: transparent !important;
	flex: 0 1 1;
}



	
.etest-alist-abcd.etest-alist-abcd.horizontalMode.fsT3 > li,
.etest-alist-abcd.etest-alist-abcd.playOrAnswersEditMode.horizontalMode.fsT3 > li {
	padding: 8px;
	text-align: center;
}

.etest-alist-abcd.etest-alist-abcd.horizontalMode.fsT6 > li,
.etest-alist-abcd.etest-alist-abcd.playOrAnswersEditMode.horizontalMode.fsT6 > li {
	padding: 8px;
	text-align: center;
}

.etest-alist-abcd > li > .etest-answer-num {
	position: absolute;
	display: inline-block;
	width: 0.55cm;
	text-align:right;
	left: 0;
	
	white-space: nowrap;	
	color: inherit;
	text-decoration: none;
}
.etest-alist-abcd.horizontalMode > li > .etest-answer-num {
	display:none;
}

.etest-alist-abcd.horizontalMode.fsT3 {
	font-size: 1.5em;
}

.etest-alist-abcd.horizontalMode.fsT6 {
	font-size: 1.2em;
}


.etest-editing .etest-agroup-items.ui-sortable .etest-answer-num  {
	cursor: move;
}

.etest-alist-abcd.playOrAnswersEditMode.horizontalMode > li > .etest-answer-num {
	display:none;
	box-shadow: none;
	background-color: transparent !important;;
	color: inherit;
	border: 0;
	border-radius: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	top: auto;
	left: auto;
	font-size: 10px;
	padding: 0;
	width: auto;
}
.etest-alist-abcd > li > .etest-answer-num-h {
	display:block;
	position: relative;
	width: auto;
	margin: -3px -3px 0.1cm -3px;
	min-width: 0.7cm;
	padding: 0.1cm 0;
	border-bottom: 1px solid;
	border-color: inherit;
	text-align: center;	
	font-size: 0.9rem;
}

.etest-alist-abcd.etest-play > li > .etest-answer-num-h {
	margin: -8px -8px 6px -8px;
	padding: 6px 0;
}
/*
.etest-alist-abcd.fsT3 > li > .etest-answer-num-h {
	margin: -8px -8px 6px -8px;
	padding: 8px 0;
}

.etest-alist-abcd.fsT6 > li > .etest-answer-num-h {
	margin: -8px -8px 6px -8px;
	padding: 6px 0;
}*/

.etest-alist-abcd.horizontalMode.etest-print > li > .etest-answer-num,
.etest-alist-abcd.answersEditMode.horizontalMode > li > .etest-answer-num {
	display:block;
	position: relative;
	width: auto;
	margin: -3px -3px 0.1cm -3px;
	min-width: 0.7cm;
	height: 1em;
	padding: 0.1cm 0;
	border-bottom: 1px solid black;

	text-align: center;	
}

.etest-alist-abcd.playOrAnswersEditMode.horizontalMode:not(.etest-alist-abcd2) > li.etest-answered > .etest-answer-num {
	display: inline-block;
}

.etest-alist-abcd.horizontalMode > li.showingCorrect > .etest-answer-num {
	color: #4CAF50;
}

.etest-alist-abcd > li.showingCorrect > .etest-answer-num {
	background-color: #DCEDC8; 
}

.etest-alist-abcd > li.showingCorrect.etest-incorrect > .etest-answer-num {
	background-color: #FFCDD2; 
}

.etest-alist-abcd > li.showingCorrect > .etest-answer-num .fa {
	opacity: 0.5;
}
.etest-alist-abcd > li.showingCorrect.etest-incorrect > .etest-answer-num .fa::before {
	content: "\f00d";
}

.etest-editing .etest-alist-ordering > li > .etest-answer-num,
.etest-alist-ordering.etest-play.horizontalMode > li {
	cursor: move;
}


.etest-alist-abcd > li > .etest-answer-stat {
	position: absolute;
	right: 0px;
	background-color: rgba(255,255,255,0.7);
	text-align: right;
	top: -1px;
	color: rgba(0,0,0,0.5);

	padding: 1px 3px;
	
}
	

.etest-alist-abcd > li  .etest-answer-inner {
	padding: 0.05cm;
	min-height: 1em;
	margin-bottom: 0.5em;
}
.etest-alist-abcd > li  .etest-answer-inner.etest-text div:last-child {
	margin-bottom: 0;
}
.etest-alist-abcd.horizontalMode > li .etest-answer-inner {
	margin: 0;
}

.etest-editing .etest-alist-abcd > li .etest-answer-inner {
	min-height: 1.25em;
}

.etest-alist-abcd.etest-play > li {
	padding: 0.5cm 0 0.5cm 1.2cm;
	cursor: pointer;
}



.etest-alist-abcd.etest-play > li.notext {
	padding-top: 0.2cm;
}
.etest-alist-abcd.etest-play > li.isX {
	margin-top:0.1cm;
}
.etest-alist-abcd.etest-play > li  > .etest-answer-num {
	cursor: pointer;
	text-align: center;
	padding: 3mm 2mm;
	top: 2mm;
	border-radius: 3px;
	background-color: #2196F3;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);	
	color: #fff;
	transition: all 0.1s ease-in-out;
}

.etest-alist-abcd.etest-play > .isX > .etest-answer-num {
	background-color: #263238;	
}

.etest-alist-abcd.etest-play > li.isMoved  > .etest-answer-num {		
	background-color: transparent;
	color: #00BCD4;/*#00BCD4;*/
	border: 0px solid #555;
	/*box-shadow: 1px 1px 3px rgba(0,0,0,0.3) inset;*/
	box-shadow: none;
}

.etest-alist-abcd.etest-play > li.isMoved  > .etest-answer-num i:before {
	content: ' ';	
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzAwYmNkNCI+PHBhdGggZD0iTTEyNC4wNTUsMGMtMy4yMjUsMCAtNi42MTEyNSwxLjg5NDY5IC05LjEzNzUsNS4xNmwtMjguNDg3NSwzOS45OWMtNC4wOTg0NCwtMC45Njc1IC04LjI1MDYyLC0xLjM5NzUgLTEyLjQ3LC0xLjM5NzVjLTE0LjQ4NTYyLDAgLTI4LjEzODEyLDUuNjcwNjMgLTM4LjM3NzUsMTUuOTFjLTAuNjQ1LDAuNjQ1IC0wLjk2NzUsMS40NTEyNSAtMC45Njc1LDIuMzY1YzAsMC45MTM3NSAwLjMyMjUsMS44Mjc1IDAuOTY3NSwyLjQ3MjVsNzEuOTE3NSw3MS45MTc1YzAuNjcxODgsMC42NzE4OCAxLjQ3ODEzLDAuOTY3NSAyLjM2NSwwLjk2NzVjMC44ODY4OCwwIDEuODAwNjMsLTAuNDAzMTIgMi40NzI1LC0xLjA3NWMxMy41MzE1NiwtMTMuNTE4MTIgMTguOTA2NTYsLTMzLjAyOTM3IDE0LjI5NzUsLTUxLjQ5MjVsNDAuMjA1LC0yNy40MTI1YzMuMDEsLTIuMjQ0MDYgNC45MzE1NiwtNS4zMjEyNSA1LjE2LC04LjM4NWMwLjE3NDY5LC0yLjI0NDA2IC0wLjY0NSwtNC4zOTQwNiAtMi4xNSwtNS45MTI1bC00MC40MiwtNDAuOTU3NWMtMS4zODQwNiwtMS40MTA5NCAtMy4zMTkwNiwtMi4xNSAtNS4zNzUsLTIuMTV6TTU2Ljg2NzUsOTUuNDZsLTU2LjExNSw3MC45NWMtMS4wODg0NCwxLjM3MDYzIC0xLjAyMTI1LDMuMzg2MjUgMC4yMTUsNC42MjI1YzAuNjcxODgsMC42NzE4OCAxLjU4NTYzLDAuOTY3NSAyLjQ3MjUsMC45Njc1YzAuNzUyNSwwIDEuNTE4NDQsLTAuMjU1MzEgMi4xNSwtMC43NTI1bDcwLjg0MjUsLTU2LjExNXoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==') 50% 50% no-repeat;
	background-size: 100%;	
	width: 1.5em;
    height: 1.5em;
	display: inline-block;
	transform: rotate(-40deg);	
}

.etest-alist-abcd.etest-play > li.isMoved.etest-correct  > .etest-answer-num i:before,
.etest-alist-abcd.etest-play > li.isMoved.etest-incorrect  > .etest-answer-num i:before {

	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEyNC4wNTUsMGMtMy4yMjUsMCAtNi42MTEyNSwxLjg5NDY5IC05LjEzNzUsNS4xNmwtMjguNDg3NSwzOS45OWMtNC4wOTg0NCwtMC45Njc1IC04LjI1MDYyLC0xLjM5NzUgLTEyLjQ3LC0xLjM5NzVjLTE0LjQ4NTYyLDAgLTI4LjEzODEyLDUuNjcwNjMgLTM4LjM3NzUsMTUuOTFjLTAuNjQ1LDAuNjQ1IC0wLjk2NzUsMS40NTEyNSAtMC45Njc1LDIuMzY1YzAsMC45MTM3NSAwLjMyMjUsMS44Mjc1IDAuOTY3NSwyLjQ3MjVsNzEuOTE3NSw3MS45MTc1YzAuNjcxODgsMC42NzE4OCAxLjQ3ODEzLDAuOTY3NSAyLjM2NSwwLjk2NzVjMC44ODY4OCwwIDEuODAwNjMsLTAuNDAzMTIgMi40NzI1LC0xLjA3NWMxMy41MzE1NiwtMTMuNTE4MTIgMTguOTA2NTYsLTMzLjAyOTM3IDE0LjI5NzUsLTUxLjQ5MjVsNDAuMjA1LC0yNy40MTI1YzMuMDEsLTIuMjQ0MDYgNC45MzE1NiwtNS4zMjEyNSA1LjE2LC04LjM4NWMwLjE3NDY5LC0yLjI0NDA2IC0wLjY0NSwtNC4zOTQwNiAtMi4xNSwtNS45MTI1bC00MC40MiwtNDAuOTU3NWMtMS4zODQwNiwtMS40MTA5NCAtMy4zMTkwNiwtMi4xNSAtNS4zNzUsLTIuMTV6TTU2Ljg2NzUsOTUuNDZsLTU2LjExNSw3MC45NWMtMS4wODg0NCwxLjM3MDYzIC0xLjAyMTI1LDMuMzg2MjUgMC4yMTUsNC42MjI1YzAuNjcxODgsMC42NzE4OCAxLjU4NTYzLDAuOTY3NSAyLjQ3MjUsMC45Njc1YzAuNzUyNSwwIDEuNTE4NDQsLTAuMjU1MzEgMi4xNSwtMC43NTI1bDcwLjg0MjUsLTU2LjExNXoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==');
 }

.etest-alist-abcd.etest-play > li.etest-notanswered > .etest-answer-num {	
	background-color: #9E9E9E;
}


.etest-alist-abcd.etest-play > li.etest-answered > .etest-answer-num,
.etest-alist-abcd.etest-play.etest-active > li.etest-answered > .etest-answer-num {
	transform: scale(1.2);
	background-color: #009688;
}

.etest-alist-abcd.etest-play.etest-ordering-moved > li > .etest-answer-num {
	background-color: #009688;
}

.etest-agroup-items.etest-alist-abcd.etest-play > li.etest-answered > .etest-answer-num {
	transform: none;
	color: #fff;
}

.etest-alist-abcd2.etest-play.horizontalMode > li.etest-answered {
	background-color: #B3E5FC;
	border: 1px solid #2196F3;
	transition: transform 0.2s ease;
	transform: scale(1.1);	
	z-index: 3;
}

.etest-alist-abcd2.etest-play.horizontalMode.multiChoice > li.etest-answered {
	transform: none;
	position: relative;
}
.etest-alist-abcd2.etest-play.horizontalMode.multiChoice > li.etest-answered::before,
.etest-alist-abcd2.etest-play.horizontalMode.multiChoice > li.etest-notanswered.etest-correct::before,
.etest-alist-abcd2.etest-play.verticalMode.multiChoice > li.etest-notanswered.etest-correct::before,
.etest-alist-abcd2.etest-play.verticalMode.multiChoice > li.etest-answered.etest-correct::before,   
.etest-alist-abcd2.etest-play.verticalMode.multiChoice > li.etest-answered.etest-incorrect::before {
	color: #2196F3;
	content: "\f058";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 2;
	text-shadow: -1px -1px 1px rgba(255,255,255,1.0), 1px -1px 1px rgba(255,255,255,1.0), -1px 1px 1px rgba(255,255,255,1.0), 1px 1px 1px rgba(255,255,255,1.0);
}

.etest-alist-abcd2.etest-play.horizontalMode.multiChoice > li.etest-answered::before,
.etest-alist-abcd2.etest-play.horizontalMode.multiChoice > li.etest-notanswered.etest-correct::before {
	font-size: 18px;
}

.etest-alist-abcd2.etest-play.horizontalMode.multiChoice > li.etest-answered.etest-correct::before {
	color: #43A047;
}



.etest-alist-abcd2.etest-play.verticalMode.multiChoice > li.etest-notanswered.etest-correct::before,
.etest-alist-abcd2.etest-play.verticalMode.multiChoice > li.etest-answered.etest-correct::before,   
.etest-alist-abcd2.etest-play.verticalMode.multiChoice > li.etest-answered.etest-incorrect::before {
	content: "\f00c";
	right: 5px;
	/*left: 1.25cm;	*/
	font-size: inherit;
	top: 0.5cm;
	color: #43A047;
}


.etest-alist-abcd2.etest-play.horizontalMode.multiChoice > li.etest-answered.etest-incorrect::before,
.etest-alist-abcd2.etest-play.horizontalMode.multiChoice > li.etest-notanswered.etest-correct::before {
	color: #F44336;
	content: '\f00d';
}
.etest-alist-abcd2.etest-play.verticalMode.multiChoice > li.etest-answered.etest-incorrect::before,
.etest-alist-abcd2.etest-play.verticalMode.multiChoice > li.etest-notanswered.etest-correct::before {
	color: #F44336;
	content: '\f00d';
}




.etest-alist-abcd2.etest-play.horizontalMode > li.etest-answered .etest-imagefile-item {
	background-color: transparent;
}

.etest-alist-abcd2.etest-print.horizontalMode > li.etest-answered {
	outline: 3px solid #3F51B5;
	outline-offset: 1px;
}

.etest-alist-abcd.etest-alist-ordering.etest-play > li.etest-answered > .etest-answer-num {
	transform: none;	
}

.etest-alist-abcd2.etest-print:not(.horizontalMode) > li.etest-answered > .etest-answer-num:before {
	content: ' ';
	position: absolute;
	right: -5px;
	top:-5px;
	width: 0.55cm;
	height: 0.55cm;
	border-radius: 50%;
	border: 2px solid #3F51B5;
}

.etest-alist-abcd.etest-play > li.etest-correct > .etest-answer-num,
.etest-alist-abcd.etest-play.etest-active > li.etest-correct > .etest-answer-num {	
	background-color: #43A047;
	color:#fff;
}

.etest-alist-abcd.etest-play.etest-active > li.etest-correct.etest-answered > .etest-answer-num {	
	background-color: #388E3C;
	color:#fff;
}
.etest-alist-abcd.etest-play > li.etest-not-answered > .etest-answer-num {	
	background-color: #757575;
	color:#fff;
}

.etest-alist-abcd.etest-play > li.etest-correct {
	background-color: #E8F5E9;

}

.etest-alist-abcd.etest-alist-abcd2.etest-play.horizontalMode > li.etest-correct {
	border: 1px solid #43A047;
}

.etest-alist-abcd.etest-play > li.etest-correct.etest-answered,
.etest-alist-abcd.playOrAnswersEditMode.horizontalMode > li.etest-correct.etest-answered {
	background-color: #C8E6C9;
}

.app-dark-mode .etest-alist-abcd.etest-play > li.etest-correct.etest-answered,
.app-dark-mode .etest-alist-abcd.playOrAnswersEditMode.horizontalMode > li.etest-correct.etest-answered {
	background-color: #33691E;
}

.etest-alist-abcd.etest-alist-abcd2.playOrAnswersEditMode.horizontalMode > li.etest-correct.etest-answered {
	border: 1px solid #43A047;
}

.etest-alist-abcd.etest-alist-ordering.etest-play.verticalMode > li.etest-correct {
	background-color: transparent;
}

.etest-alist-abcd.playOrAnswersEditMode.horizontalMode > li.etest-incorrect.etest-answered {
	background-color: #FFCDD2;
}
.app-dark-mode .etest-alist-abcd.playOrAnswersEditMode.horizontalMode > li.etest-incorrect.etest-answered {
	background-color: #a52e25;
}


.etest-alist-abcd2.etest-alist-abcd.playOrAnswersEditMode.horizontalMode > li.etest-incorrect.etest-answered {
	border: 1px solid #F44336;
}

.etest-alist-abcd.etest-play > li.etest-answered.etest-incorrect > .etest-answer-num,
.etest-alist-abcd.etest-play.etest-active > li.etest-answered.etest-incorrect > .etest-answer-num {	
	background-color: #F44336;
	color:#fff;
}

.etest-agroups-combo-item {
	padding-top: 5px;
	padding-bottom: 5px;
}

.etest-agroups-combo-item.hovered {
	background-color: rgba(0,0,0,0.05);
}

.etest-agroups-item-flex {
	display: flex;
	flex-flow: row wrap;	
}


.etest-agroups-item-flex .etest-answer-inner{
	 flex: auto 0 0;
	 max-width: 100%;
	 box-sizing: border-box;	 
	 padding-right: 5px;
}

.etest-agroups-combo-item-dots {
	flex: 10px 1 1;
	border-bottom: 1px dotted #999;	
	margin-bottom: 3px;	
	margin-right: 5px;
	height: 1.1em;
	align-self: center;
}

.etest-agroups-combo-item-combo {
	display: flex;
	flex-flow: row nowrap;
	flex: auto 1 1;
	
	align-self:flex-end;	
}

@keyframes mapPinRotate {
	0% {	  
	  transform: scale(1.3) rotate(0deg);
	}
	25% {		
	  	transform: scale(1.3) rotate(20deg);
	}
	75% {		
	  	transform: scale(1.3) rotate(-20deg);
	}
	100% {
	  transform: scale(1.3) rotate(0deg);
	}
  }


@media (hover: hover) and (pointer: fine) {

	.etest-agroups-combo-item:hover {
		background-color: rgba(0,0,0,0.05)
	}
	.etest-alist-abcd.etest-play.etest-active > li:hover > .etest-answer-num {		
		box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
		transform: scale(1.1);
	}

	.etest-alist-abcd.etest-play.etest-active > li.etest-answered:hover > .etest-answer-num {
		transform: scale(1.2);
	}

	.etest-alist-abcd.etest-play.etest-active > li.isMoved:hover  > .etest-answer-num  {
		box-shadow: none;	
		transform: scale(1.3);
	}


	.etest-alist-abcd.etest-alist-ordering.etest-play.etest-active > li:hover > .etest-answer-num:after {
		content: ' ';
		position: absolute;
		height: 0;
		width:0;
		bottom: -6px;
		left: calc(50% - 6px);
		border-top: 4px solid #1565C0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;	
	}

	.etest-alist-abcd.etest-alist-ordering.etest-play.etest-active > li:hover > .etest-answer-num:before {
		content: ' ';
		position: absolute;
		height: 0;
		width:0;
		top: -6px;
		left: calc(50% - 6px);
		border-bottom: 4px solid #1565C0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;	
	}
	.etest-alist-abcd2.etest-play.horizontalMode > li:hover {
		background-color: #B3E5FC;
	}
	.etest-alist-abcd2.etest-play.horizontalMode > li:hover  .etest-imagefile-item {
		background-color: transparent;
	}
		
	
}

.etest-alist-edit-actions {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 10px;	
	display: none;
	z-index:2; 	
}

.etest-alist-edit-actions > a {
	background-color: rgba(33,150,243,0.6);
	color: #fff;
	cursor:pointer;
	padding: 2px;	
	margin: 1px;
}

.etest-alist-edit-actions > a:hover {
	color: #fff;
	text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
	.etest-alist-edit-actions > a:hover {
		background-color: rgba(33,150,243,0.9);
	}
}

.etest-screen .etest-question-number .etest-correct-note.stars {
	font-size: 22px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}
.etest-alist-abcd > li:hover .etest-alist-edit-actions {
	display: block;
}


.etext-correct-answer {
	background-color: #DCEDC8;

}

.etext-correct-answer:before {
	content: attr(data-correctstr);
	text-transform:uppercase;
	font-size: 11px;
	position: absolute;
	right: 15px;
	top: 1px;
	z-index: 0;
	color:#8BC34A;
	opacity: 0.5;
}

.horizontalMode  .etext-correct-answer:before,
.horizontalMode  .etext-correct-answer:after {
	content: '';
}

.answeredOnly .etext-correct-answer:not(.etest-answered):before {
	content: '';
}

.answeredOnly .etext-correct-answer:not(.etest-answered) {
	background-color: transparent;
}

.isEditing .etext-correct-answer:before {
	top: 2px;
}

.etext-correct-answer:after {
	content: "\f0d9";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	position: absolute;
	right: 3px;
	top: 1px;
	z-index: 0;
	color:#8BC34A;
	opacity: 0.5;
}

.etest-alist-addanswer {
	opacity: 0.5;	
	text-transform: uppercase;
	list-style-type: none;
}

.etest-alist-addanswer i {
	margin-left: -20px;
	margin-right: 5px;
}


.etest-qlist-addquestion {
	opacity: 0.5;
	padding: 20px 5px;
	text-transform: uppercase;
	text-align:center;
}


.etest-loading-indicator {
	position:absolute;
	width:100%;
	bottom: -5px;
	left: 0px;
	height:5px;
	overflow-x: hidden;
	display: none;
	z-index: 100;
}


.etest-loading-line {
  position:absolute;
  opacity: 0.4;
  background: #22567d;
  width:150%;
  height:5px;
}

.etest-loading-subline{
  position:absolute;
  background:#C62828;
  height:5px; 
}
.etest-loading-inc{
	animation: increase 3s infinite;
}
.etest-loading-dec{
	animation: decrease 3s 0.8s infinite;
}

@keyframes increase {
	from { left: -5%; width: 5%; }
	to { left: 130%; width: 100%;}
}
@keyframes decrease {
	from { left: -80%; width: 80%; }
	to { left: 110%; width: 10%;}
}

.etest-question-number {
	font-weight: bold;
	position: absolute;
	display: inline-block;
	width: 0.7cm;
	left: -0.7cm;		
	page-break-after: avoid;
}



.etest-screen .etest-question-number.inHeader {
	position: fixed;
	left: 110px;
	right: 55px;
	top: 0;
	width: auto;
	background-color: transparent;
	height: 55px;
	overflow: hidden;
	z-index: 10;
	margin: 0;
	display: flex;
	flex-flow: row nowrap;
}

.etest-question-number * {
	page-break-after: avoid;
}

.etest-question-withprefix {
	margin-left: 0.7cm;	
}

.etest-words-question0 {
	font-size: 1.5em;
	text-align: center;
}

.etest-words-question .etest-imagefiles-inner {
	justify-content: center;
}


.etest-answer-sheet {
	margin-bottom: 0.2cm;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
}
.etest-answer-sheet-row {	
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;	
}
.etest-answer-sheet-row-nowrap {
	flex-wrap: nowrap;
}

.etest-answer-sheet-cell {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	min-height: 0.9cm;	
	box-sizing: border-box;
	padding: 0.1cm;
}

.etest-answer-sheet-cell-3 {
	flex: 30% 0 0;
	
}

.etest-answer-sheet-cell-7 {
	flex: 70% 0 0;

}

.etest-answer-sheet-cell-1 {
	flex: auto 1 1;
	min-width: 0.5cm;
	padding: 0;
	min-height: 1.1cm;
}


.etest-answer-sheet-cell-header {
	font-size: 10px;
	border-bottom: 1px solid black;
	text-align: center;
}



.etest-screen-inner {
	padding: 50px;	
	background-color: #fff;

	max-width: 21cm;
	box-sizing: border-box;
	margin: auto;
	border: 1px solid #d6d6d6;

	transform-origin: top left;
	position: relative;
}

.resultbarVisible .etest-screen-inner {
	padding-top: 50px;
}

.etest-screen-inner.etest-screenSize-slide {
	margin: 0;
	max-width: none;
	border: 0;
}

.etest-screenSize-slide .etest-question-content {
	display: flex;
	flex-flow: column nowrap;	    
}

.etest-screenSize-slide .etest-question-content > * {
	flex: auto 0 0;
}

.etest-screenSize-slide .etest-question-content > .etest-composite-inner.HBoxETestWidget:not(.no-flex-stretch),
.etest-screenSize-slide .etest-question-content > .etest-composite-inner.VBoxETestWidget:not(.no-flex-stretch),
.etest-screenSize-slide .etest-question-content > .etest-composite-inner.ImageETestWidget,
.etest-screenSize-slide .etest-question-content > .etest-composite-inner.MapAnswerETestWidget {
	flex: auto 1 1;
	display: flex;
	flex-flow: column nowrap;
}
  
.etest-composite-inner.HBoxETestWidget,
.etest-composite-inner.ElaborationETestWidget {
	page-break-inside: avoid;
}
.signinPageInner .etest-composite-inner.ElaborationETestWidget {
	page-break-inside: auto;
}

.etest-screen .etest-question {
	border-bottom: 1px dashed #d6d6d6;		

	padding-bottom: 1cm;
	margin-bottom: 1cm;
}

.etest-player-result .etest-screen .etest-question {
	border-bottom: 0px solid rgba(0,0,0,0.05);

	padding-bottom: 16px;
	margin-bottom: 16px;
}

.etest-screen .etest-question:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.etest-screen .etest-question-number-title {
	opacity: 0.8;
	font-size: 12px;	
	color: black;
}

.etest-screen .etest-question-number.inHeader .etest-question-number-title { 
	display: none;
}

.etest-screen .etest-question-number {
	font-weight: bold;
	position: relative;
	display: block;
	width: auto;
	left: 0;		
	color: #43A047;
	font-size: 2em;
	margin-bottom: 0.5cm;	
}
.etest-screen .etest-question.contentHidden .etest-question-number {
	margin-bottom: 0;
}

.etest-player-result .etest-screen .etest-question-number {
	margin-left: -32px;
}
.etest-player-result .etest-question-content {
	padding-left: 32px;
	position: relative;
}

.etest-incorrect-note,
.etest-correct-note {
	font-size: 18px;
	vertical-align: middle;
}

.etest-player-result .etest-question:not(.contentHidden) .etest-question-content::before {
	position: absolute;
	left: 12px;
	top: 60px;
	bottom: 0;
	width: 8px;
	content: ' ';
	background-color: #D32F2F;	
	opacity: 0.25;
}


.etest-player-testmeresults .etest-question:not(.contentHidden) .etest-question-content::before {	
	top: 45px;
}
.etest-player-result .etest-question:not(.contentHidden) .etest-question-content::after {
	position: absolute;
	left: 20px;
	height: 8px;	
	bottom: 0;
	width: 10px;
	opacity: 0.25;
	border-bottom-right-radius: 4px;
	content: ' ';
	background-color: #D32F2F;
}
.etest-player-result .etest-question.questionIsCorrect:not(.contentHidden) .etest-question-content::before,
.etest-player-result .etest-question.questionIsCorrect:not(.contentHidden) .etest-question-content::after {
	background-color: #689F38;
}
.etest-player-result .etest-question.questionIsNotAnswered:not(.contentHidden) .etest-question-content::before,
.etest-player-result .etest-question.questionIsNotAnswered:not(.contentHidden) .etest-question-content::after {
	background-color: #0091EA;
}


.etest-player-result .etest-screen .etest-screen-actions {
	display:none;
}
.etest-screen .etest-question-number.inHeader {
	color: inherit;
}
.etest-screen .etest-question-number.inHeader .etest-question-number-value {
	display: none;
}


.etest-player-title-question-num {
	padding: 0 8px;	
	display: block;
	align-self: center;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	border-radius: 3px;
	padding: 12px 8px;
	text-align: center;
	font-size: 18px;
	background-color: #0288D1;
	color: #fff;
	font-weight: bold;
	position: relative;
	border: 1px solid rgba(0,0,0,0.3);
	min-width: 43px;
	height: 43px;
	box-sizing: border-box;
	transform: rotate(-2deg);
	margin: 0;
	margin-left: 5px;
	cursor: pointer;
	display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.etest-screen .etest-question-number-points {
	display: inline-block;
	white-space: nowrap;
	font-size: 0.5em;
	margin-left: 1em;
}

.etest-question-number-points-print {
	white-space: nowrap;
	margin-right: 1em;
	font-weight: bold;
	float: left;
}

.etest-question-number-value {
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
}

.etest-question-number-result {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}


.etest-question-number-value.testme {	
    align-self: center;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    border-radius: 3px;
    padding: 12px 8px;
    text-align: center;
    font-size: 18px;
    background-color: #0288D1;
    color: #fff;
    font-weight: bold;
    position: relative;
    border: 1px solid rgba(0,0,0,0.3);
    min-width: 43px;
    height: 43px;
    box-sizing: border-box;
    transform: rotate(-2deg);
    margin: 0;
    cursor: pointer;
}
.etest-question-number-value.testme.correct {
	background-color: #689F38;
}
.etest-question-number-value.testme.incorrect {
	background-color: #D32F2F;
}
.etest-page .etest-question-number {
	text-align: right;
}

.etest-page .etest-question-number-value {
	margin-right: 0.1cm;
}

.etest-question-playactions {
	float: right;
	margin: -5px 0 5px 5px;
	min-height: 41px;
}

.etest-question-playactions > a {	
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	color: #43A047;
	font-size: 18px;
	cursor: pointer;
}


.etest-screen .etest-question-number.inHeader .etest-question-playactions {
	position: absolute;
	right: 0;
	bottom: 0;
	white-space: nowrap;
	float: none;
	margin: 0;
	font-size: 1rem;
	height: 55px;
	top: auto;
	display: flex;
	flex-flow: row nowrap;
}

.etest-screen .etest-question-number.inHeader .etest-question-playactions > a {	
	color: inherit;
	font-size: 19px;
	height: 55px !important;
	padding: 18px;
	box-sizing: border-box;
}

.etest-question-playactions > a:hover {
	background-color: rgba(0,0,0,0.1);
	color: #43A047;
	text-decoration: none;
}

.etest-question-playactions > a i {
	display: block;
}

.etest-question-playactions > a img {
	height: 28px;margin:-5px;display:block;
}

.etest-screen .etest-question-withprefix {
	margin-left: 0cm;	
}
.etest-screen.etest-screen-single {
	padding-bottom: 0;
	position: relative;
}
.etest-screen-single {
	padding-bottom: 80px;
	box-sizing: border-box;

}
.etest-screen-actions {
	text-align: right;
	padding: 15px;
	position: fixed;
	
	left: 0px;
	right: 0;
	bottom: 0;
}

.etest-screen-single .etest-screen-actions {
	height: 0;
	box-sizing: border-box;
	padding: 0 15px;
}

.etest-screen-actions-flex {
	display: flex;
	flex-flow: row nowrap;
	white-space: nowrap;
}
.etest-screen-actions-flex .etest-screen-actions-l {
	flex: auto 1 1;
	text-align: left;
	height: 0;
}
.etest-screen-actions-flex .etest-screen-actions-r {
	flex: auto 1 1;
	height: 0;
}
.etest-screen-actions-flex a.flat-button {
	margin-top: -65px;
	vertical-align: top;
	border-radius: 8px;
}

.etest-screen-single .etest-screen-actions
.etest-screen-actions a i {
	font-size: 1.2em;
	vertical-align: middle;
}

.etest-screen-actions a.etest-main-nextBtn i {
	font-size: 24px;
}

.etest-screen-actions.multiPerScreen {
	margin-top: 40px;
}
/*
.etest-screen-actions.singleScreen {
	height: 0;
	box-sizing: border-box;
}

.etest-screen-actions.singleScreen > * {
	margin-top: -60px;
}*/

.fullScreenMode .etest-screen-actions.singleScreen {
	/*bottom: 0;*/
	transition: bottom ease 0.2s;
}

.fullScreenMode .etest-screen-actions.singleScreen:hover,
.fullScreenMode .etest-screen-actions.singleScreen.hovered {
	/*bottom: 0px;*/
}


.etest-screen-inner .etest-screen-actions,
.fullScreenMode .etest-screen-inner .etest-screen-actions {
	position: relative;
	left: 0;
	right: 0;	
	padding: 10px 0 0 0;
	text-align: center;
} 

.etest-screen-action-btn {
	padding: 15px 20px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
	margin: 2mm 2mm 0mm 0mm;	
	
} 
.etest-screen-action-btn.notEvaluatedAnswers {
	background-color: #f44336;
}


.etest-player {
	font-size: 16px;
}
.mobileBodyV2 .etest-player {
	font-size: 1rem;
}

.etest-player-header {
	position:fixed;
	left: 0px;
	top: 43px;
	right: 0;	
		
	z-index: 10;	
	height: 55px;
}
body > .etest-overlay > .etest-player-header {
	top: 0;
}

.bbMode-projector .etest-player-header {
	display: none;
}

.edubarHeaderHidden .fullScreenMode .etest-player-header {
	height: 55px;
	top: -40px;
	transition: top ease 0.2s;
}

.edubarHeaderHidden .fullScreenMode .etest-player-header:hover,
.edubarHeaderHidden .fullScreenMode .etest-player-header.hovered {
	top: 0;
}



.edubarHeaderHidden .etest-player-header,
.contestMode .etest-player-header { 
	top: 0px;
}

.contestMode .etest-question-reportbtn {
	display: none;
}

.etest-player-content {
	background-color: #f5f5f5;	

	padding: 55px 0 0 0;
	box-sizing: border-box;
	min-height: 100vh;
	position: relative;
}
.fullScreenMode .etest-player-content,
.bbMode .etest-player-content {
	padding-top: 0;
}

.etest-player-header-inner {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	
	box-sizing: border-box;
	margin: auto;
	height: 55px;
	box-shadow: rgba(0,0,0,0.4) 0px 1px 3px;
	background-color: #f5f5f5;

	max-width: none;/*21cm;*/
	transition: background-color 0.1s ease;
}
.etest-player-header-inner.scroll0 {
	background-color: transparent;
	box-shadow: none;
}

@media screen and (max-width: 800px) {
	.etest-player-content, 
	.app-dark-mode .etest-player-content {
		background-color: transparent;
	}
	.etest-player-header-inner.scroll0 {
		background-color: #fff;
	}
	.app-dark-mode .etest-player-header-inner.scroll0 {
		background-color: #121212;
	}
}

.etest-player-testmeresults .etest-player-header-inner,
.etest-player-testmeresults .etest-player-header-inner.scroll0,
.app-dark-mode .etest-player-testmeresults .etest-player-header-inner,
.app-dark-mode .etest-player-testmeresults .etest-player-header-inner.scroll0 {
	background-color: #152230;
	color: #fff;
}

.cardsPerScreen-single .etest-player-header-inner {
	max-width: none;
}

.etest-player-header-inner i.desc-icon {
	margin: 0 5px;
	vertical-align: middle;
	opacity: 0.2;
	font-size: 16px;
}
.etest-player-title-name {
	font-size: 16px;
	font-weight: normal;
	flex: auto 1 1;
}

.etest-player-title-name-c {
	font-size: 16px;
	font-weight: normal;
	flex: auto 1 1;
	text-align: center;
	font-weight: bold;
}

.etest-player-title-name.counters2 {
	font-size: 14px;	
} 
.etest-player-header-inner .etest-player-title-name.counters2 i.desc-icon {
	font-size: 12px;
}
.etest-player-title-score {
	text-align: right;
	padding: 1mm;
	font-size: 18px;
	font-weight: bold;
	flex: auto 1 1;
	display:inline-block;
	vertical-align: middle;
}

.mobileBody .etest-player-title-score {
	font-size: 16px;
}

.etest-player-title-questionbar {
	flex: auto 1 1;	
}



.etest-player-title-time {
	text-align: center;
	padding: 1mm;
	font-size: 18px;
	font-weight: bold;
	flex: auto 1 1;
	white-space: nowrap;
}
.etest-player-title-time .timeAlert {
	color: #F44336;
}

.mobileBody .etest-player-title-time {
	font-size: 16px;
}
.etest-header-nav {
	/*background-color: #f6f7f9;*/
	/*position: absolute;
	right: 0;
	top: 0;*/
	flex: auto 0 0;
}	

.etest-header-nav > a {
	font-size: 16px;
	padding: 15px;
	box-sizing: border-box;
	height: 55px;
	text-transform: uppercase;
	cursor: pointer; 
	display: inline-block;
	color: inherit;
	font-weight: bold;
	vertical-align: middle;
}

.etest-header-nav > a > i {
	font-size: 25px;
}

.etest-header-nav > a.selected {
	background-color: rgba(255, 255, 255, 0.15);
	color: #FFEB3B;
}

.etest-header-nav > a:hover {
	color: inherit;
	background-color: rgba(0,0,0,0.1);
	text-decoration: none;
}

.etest-question > .etest-composite-inner > .etestw,
.etest-question > .etest-composite-inner > .etest-composite-inner > .etestw {
	margin-bottom: 0.1cm;
}

.etest-answer-input {
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
	page-break-before: avoid;
}
.etest-input-answer-frac {
	display: inline-block;
	vertical-align: middle;
}
.etest-input-answer-frac-top,
.etest-input-answer-frac-bottom {
	padding: 2px 2px;
}

.etest-input-answer-frac-bottom {
	border-top: 1px solid rgba(0,0,0,0.3);
}

.app-dark-mode .etest-input-answer-frac-bottom {
	border-top: 1px solid rgba(255,255,255,0.5);
}


.etest-answer-input input {
	margin: 0.1cm;
	max-width: calc(100% - 0.2cm);
}

.etest-answer-input-field {
	border: 1px solid #bbb;
	padding: 7px 7px;
	box-sizing: border-box;
	width: 5cm;	
	color: inherit;
	margin-right: 5px;
}
.etest-answer-input-field.markCorrectAnswers {
	color: #2E7D32;
}

.etest-answer-input-field.answersEditMode::placeholder {
	color: rgba(0,0,0,0.2);
}

.etest-hasErrorTip::after {
	content: attr(data-errortip);
	position: absolute;
	left: 0;
	top: 100%;
	padding: 5px;
	font-size: 13px;
	width: 150px;
	background-color: #D32F2F;
	color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	z-index: 100;
}

.etest-answer-input-field:focus,
.etest-agroups-select:focus {
	outline: 2px solid rgba(33,150,243, 0.5);	
}
.etest-page .etest-answer-input-field {
	/*border: 1px solid transparent;*/
	border: 1px solid #999;
	min-height: 0.7cm;
	padding: 5px;
	font-size: 0.5cm;
}
.etest-page .etest-answer-input-field:focus {
	outline: 0;
}
	

.etest-answer-input-field.etest-active {	
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);	
}
.etest-answer-input-field.etest-correct,
.etest-agroups-select.etest-correct,
.ui-selectmenu-button.ui-button.etest-answer-input-field.etest-correct,
.ui-selectmenu-button.ui-button.etest-agroups-select.etest-correct {
	border: 1px solid #43A047;	
	background-color: rgba(67,160,71,0.2);
}
.etest-answer-input-field.etest-incorrect,
.ui-selectmenu-button.ui-button.etest-answer-input-field.etest-incorrect,
.etest-agroups-select.etest-incorrect,
.ui-selectmenu-button.ui-button.etest-agroups-select.etest-incorrect {
	border: 1px solid rgba(244,67,54);	
	background-color: rgba(244,67,54,0.2);
}

.etest-answer-input-field.etest-scoreForce,
.etest-agroups-select.etest-scoreForce {
	border: 1px solid rgba(255, 179, 0,1);	
	background-color: rgba(255, 179, 0, 0.2)
}

.etest-question .etest-answer-input-desc {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	margin-right: 5px;
	position: relative;	
}

.etest-question .etest-answer-input-desc[contenteditable=true].empty {
	margin-right: 0;
}

.etestw-ocr-l0 {
	text-align: right;
	float:right;
	clear: right;
}

.etestw-ocr-qc {
	display: inline-block;	
	vertical-align: middle;
	margin-right: 0.2cm;
}

.etestw-ocr-l0.type3 .etestw-ocr-qc {
	display: block;
}

.etestw-ocr-qc-main {	
	position: relative;
	z-index: 2;
}


.etestw-ocr-l1 {
	display: inline-block;
	border: 1px solid #999;
	height: 1cm;
	min-width: 1.2cm;
	margin: 0.3cm;
	vertical-align: middle;
	box-sizing: content-box;
	padding: 0;
}
.etestw-ocr-l0.type3 .etestw-ocr-l1 {
	display: block;
}

.etestw-ocr-l2 {
	font-size: 12px;
	display: inline-block;
	margin-left: 0.1cm;
}

.etestw-ocr-circ {
	vertical-align: middle;
	display: inline-block;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	margin: 4px;
	border: 1px solid black;
	box-sizing: border-box;
}
.etestw-ocr-qcasc-outer {
	vertical-align: middle;
	display: inline-block;
	width: 33px;
	height: 33px;
	border-left: 2px solid black;
	box-sizing: content-box;
}
.etestw-ocr-qcasc {	
	display: flex;
	flex-flow: row wrap;	
	
	line-height: 11px;
	font-size: 11px;
}
	
.etestw-ocr-qcasc-b {
	flex: 11px 0 0;
	width: 11px;
	height: 11px;
	margin: 0;
	padding: 0;
	display: inline-block;	
}

	
.etestw-ocr-qcasc-b.b1 {
	background-color: #000;	
}

.etest-file-upload-cnt {	
	opacity: 0.7;
}


.etest-file .etest-file-upload-cnt {
	position: relative;
}
.etest-file .etest-file-upload-cnt .addBtns {
	display: none;
	position: absolute;	
	bottom: 0px;
	right: 35px;
	text-align: left;
}

.etest-file .etest-file-upload-cnt .addBtns a {
	display: inline-block;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	margin:1px;
}
.etest-file .etest-file-upload-cnt .addBtns a:hover {
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	text-decoration: none;
}


.etest-file-upload-cnt:hover {
	opacity: 1;
}
.etest-file:hover .etest-file-upload-cnt .addBtns {
	display: block;
}


.etest-file-item,
.etest-uploading-file-item {		
	border-top: 1px dashed rgba(0,0,0,0.05);	
	position:relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.etest-uploading-file-item {
	padding: 8px 8px 8px 0px;
	background-color:  rgba(0,0,0,0.1);
	opacity: 0.6;
}
.etest-uploading-file-item .removeUploadingFileItem {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}

.etest-file-item-upload-progress {
	position: absolute;
	left: 0;	
	bottom: 0;
	width: 0%;
	height: 5px;
	background-color: rgba(139, 195, 74, 1);
}

.etest-file-item.singleItem {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	margin-top: -1px;
}

.etest-file-item > .etest-file-link {
	display: block;
	color: inherit;
	cursor: default;
	padding: 8px 8px 8px 0;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}
.etest-file-item.etest-file-item > .etest-file-link { 
	padding-right: 30px;
}


.etest-map-dot-atts .etest-file-item > .etest-file-link {
	padding: 0px 0 4px 0;
}

.etest-map-dot-atts .etest-file-item > .etest-file-link >img {
	margin:0;
}

.etest-file-item .removeFileItem {
	position: absolute;
	right: 0px;
	top: 0px;
	top: calc(50% - 0.5em - 8px);
	cursor: pointer;
	padding: 8px;
}

.etest-seenfile-handle {
	transition: outline-color 0.5s ease;
	outline: 3px dashed transparent;
	outline-offset: 3px;	
}
.etest-seenfile-handle.highlighted {
	outline: 3px dashed #FB8C00;
	transition: outline-color 0.5s ease, background-color 1s ease;
	outline-offset: 3px;	
	background-color:#FFE0B2;
}

.etest-file-link.wasSeen:before {
	content: "\f06e";
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	z-index: 1;
	text-align: right;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 18px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #81D4FA;
}

.etest-screen .etest-file-item > .etest-file-link {
	cursor: pointer;
}
.etest-file-item > a.etest-file-link:hover {
	background-color: rgba(0,145,234,0.05);
	text-decoration: none;
	color: inherit;
}
.etest-file-item img {
	vertical-align: middle;
	margin-right: 15px;
}

.etest-file-item img.etest-file-icon {
	max-height: 25px;
}

.etest-file-removeBtn {
	position: absolute;
	right: 1px;
	top: 1px;
	padding: 10px;	
	color: #fff;
	display: none;
	cursor: pointer;
	background-color: rgba(0,0,0,0.4);
	font-size: 13px;
}

.etest-file-removeBtn.playImageBtn {
	top: 50%;
	left: 50%;
	right: auto;
	margin-left: -15px;
	margin-top: -15px;
}

.etest-file-removeBtn:active {
	background-color: rgba(0,0,0,0.5);
	color: #fff;
} 
@media (hover: hover) and (pointer: fine) {
	.etest-file-removeBtn:hover {
		background-color: rgba(0,0,0,0.5);
		color: #fff;
	} 
}

.etest-file-item:hover > a.etest-file-removeBtn, 
.etest-imagefile-item:hover a.etest-file-removeBtn {
	display: block;
}


.etest-file-upload-progress {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
}

.etest-empty-file-list {
	color: rgba(0,0,0,0.2);	
	text-align: center;
	border: 2px dashed rgba(0,0,0,0.1);	
	padding: 15px;
	
}

.etest-empty-file-list > i.fa {
	font-size: 32px;
}
	

.etest-elaboration-inner {
	border: 1px dashed #999;

	padding: 16px 0 0 0;

	position: relative;	
}

.etest-elaboration-inner.etest-elaboration-inner-answerstats{
	padding: 0;
	max-height: 70vh;
	overflow: auto;
	padding-left: 25px;
}

.skgdRPage .etest-elaboration-inner.etest-elaboration-inner-answerstats{
	max-height: none;
	overflow: auto;
}

.etest-elaboration-expandBtn {
	position: absolute;
	cursor: pointer;
	padding: 5px;	
	left: 0;
	top: 0;
}

.etest-elaboration-expandBtn:hover {
	background-color: rgba(0, 0, 0, 0.1);
}


.etest-elaboration-title {
	font-weight: bold;
	text-transform: uppercase;
	background-color: #eee;
	
	font-size:11px;
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	padding: 2px 4px;	
	display: inline-block;
	box-sizing: border-box;
}

.etest-elaboration-text {
	padding: 10px;
	border-bottom: 1px dashed #999;
	margin-bottom: -1px;
}

.etest-printing .etest-elaboration-text {
	height: 2cm;
}

.etest-elaboration-text.withTextarea {
	padding: 0;
}

.etest-elaboration-text textarea {
	padding: 10px;	
	border: 0;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	position: relative;
	
	background: transparent;
	z-index: 1;
}

.etest-elaboration-text textarea:focus {
	outline: 2px solid #2196F3;
	outline-offset: 0px;
}

.etest-elaboration-info {
	opacity: 0.6;
	padding: 10px;
}

.etest-elaboration-upload {
	position: relative;
	padding-left: 40px;
	min-height: 40px;	
	box-sizing: border-box;
	margin-bottom: -1px;
}
.etest-elaboration-upload > i {
	position: absolute;
	top: 8px;
	left: 10px;
	color: #999;
}


.etest-flex-composite {
	display: flex;
	flex-flow: column nowrap;
}

.etest-flex-composite > .etest-composite-inner { 
	flex: auto 0 0;
	display: flex;
}

.etest-flex-composite > .etest-composite-inner.HBoxETestWidget:not(.no-flex-stretch),
.etest-flex-composite > .etest-composite-inner.VBoxETestWidget:not(.no-flex-stretch) {
	/*flex: auto 1 1;*/
} 

.etest-flex-composite > .etest-composite-inner > * {
	flex: auto 1 1;
} 


.etest-fbox {
	display: box;
	display: flexbox;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	
	
	flex: auto 1 1;
}

.etest-fbox.etest-vbox,
.etest-screen-inner.vertical .etest-hbox {
	flex-flow: column nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;
}

.etest-screen-inner.vertical .etest-hbox {
	justify-content: flex-start;
}

.etest-hbox > .etest-fbox-item {
	flex: 50% 5 5;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;
}

.etest-screen-inner.vertical .etest-hbox > .etest-fbox-item {
	flex: auto 0 0;
}


.etest-fbox-item > * {
	flex: auto 1 1;
} 

.etest-fbox-item > .etest-text {
	flex: auto 0 0;
}


.etest-fbox-item.empty {
	border: 1px dashed rgba(0,0,0,0.1);
	position: relative;
	min-height: 100px;	
}

.etest-vbox > .etest-fbox-item.empty,
.etest-screen-inner.vertical .etest-hbox > .etest-fbox-item.empty {
	flex: 50% 1 1;
	/*min-height: 30px;*/	
}

.etest-fbox-item.empty .etest-fbox-addobjects {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.5;
}

.etest-fbox-addobjects .ecourse-link-button {
	color: rgba(0,0,0,0.3);
}

.etest-hbox > .etest-composite-spacer {
	width:1cm;flex: 1cm 0 0;
}


.etest-vbox > .etest-composite-spacer,
.etest-screen-inner.vertical .etest-hbox > .etest-composite-spacer {
	width:0.15cm;flex: 0.15cm 0 0;
}

.etest-image {
	position: relative;
	min-height: 125px;
	min-width: 100px;
	text-align: center;
	
	/*background: url('/elearning/pics/icons/noimages.png') center center no-repeat;*/
	background-size: contain;	
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	
	justify-content: center;
	align-items: stretch;
	align-content: center;
	
	flex: auto 1 1;
	page-break-inside: avoid;
}

.etest-table-inner .etest-image {
	min-width: 10px;
	min-height: 10px;
}

.etest-image > img,
.etest-image-obj {
	max-width: 100%;
	max-height: 95vh;	
} 

.etest-image.empty {
	border: 1px dashed rgba(0,0,0,0.1);
	background-size: auto;
	/*background: url('/elearning/pics/icons/noimages.png') center center no-repeat;*/
	/*background: url('/elearning/pics/icons/noimages.png') center center no-repeat;*/

}

.etest-image-actions {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	text-align:center;
}
.etestw:hover .etest-image-actions {
	display: block;
}

.etest-image .etest-image-actions {
	right: auto;
	left: 0;
}


.isEmpty .etest-image-actions,
.empty  .etest-image-actions {	
	display: block;
	left: 0%;	
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}

.etest-image-actions > a {
	cursor: pointer;
	display: inline-block;
	color: #fff;
	padding: 5px;
	text-decoration: none;
	background-color: rgba(0,0,0,0.7);
	margin: 0 1px;
	border-radius: 3px;
} 
.empty .etest-image-actions > a {
	background-color: transparent;
	color: rgba(0,0,0,0.3);;

}

.etest-image-actions > a:hover {
	background-color: rgba(0,0,0,0.8);
	text-decoration: none;
	color: #fff;
}

.empty .etest-image-actions > a:hover {
	background-color: rgba(0,0,0,0.05);
	text-decoration: none;
	color: rgba(0,0,0,0.3);;
	
}


.etest-answer {
	position: relative;
}
.etest-answer-notes{
	margin-right: -12px;
	
}
.etest-answer-notes-question {
	margin-right: -12px;
	margin-right: calc(-12px + 0.1cm);
	
}
.etest-answer-notes-bar {	
	position: absolute;
	right: -18px;
	top: 0;
	bottom: 0px;
	width: 3px;
	border-right: 3px solid #F44336;
	border-bottom: 3px solid #F44336;
	border-top: 3px solid #F44336;;
}
.etest-answer-notes-question .etest-answer-notes-bar {
	right: calc(-18px + 0.1cm);
}
.correct .etest-answer-notes-bar {
	border-color: #4CAF50;
}
.etest-answer-notes-inner {
	color: #F44336;		
	white-space: nowrap;	
	text-align: right;
}

.etest-answer-notes .etest-inline-grade,
.etest-answer-notes-question .etest-inline-grade {
	font-weight: bold;
	font-size: 1.8em;
	display: inline-block;
	position:relative;
}
.correct .etest-inline-grade {
	color: #4CAF50;
}

.etest-answer-input.withAnswerComment:after {
	position: absolute;
	font-family: FontAwesome;
	content: "\f27a";
	font-size: 16px;
	color: inherit;
	right: -2px;
	top: -6px;
	color: #e67e22;
}
.etest-answer-notes.InputAnswerETestWidget,
.etest-answer-notes.scannerMode {
	position: absolute;
	display: none;
	bottom: 100%;
	transform: none;
	background-color: #ecf0f1;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 6px;
	top: auto;
	left: 0;
	z-index: 1000;
	min-width: 180px;
	color: #F44336;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.15);
}

.app-dark-mode .etest-answer-notes.InputAnswerETestWidget,
.app-dark-mode .etest-answer-notes.scannerMode {
	background-color: #34495e;
}

.etest-answer-notes.InputAnswerETestWidget .etest-answer-notes-inner,
.etest-answer-notes.scannerMode .etest-answer-notes-inner {
	position: relative;
	top: 0;
	left: 0;
	transform: none;
}/*
.etest-answer-notes-question {
	font-weight: bold;
	font-size: 1.8em;
	position: relative;
	color: #F44336;
	transform: none;
	text-align: right;
	top: auto;
	white-space: nowrap;
	min-width: 60px;	
	margin-right: -18px;
	margin-top: -8px;
}
.etest-answer-notes-question .etest-inline-grade {
	text-align:right;
}*/
.etest-answer-input:hover .etest-answer-notes.InputAnswerETestWidget,
.etest-scanned-answer:hover .etest-answer-notes.scannerMode {
	display: block;
}
.etest-answer-input:hover .etest-answer-notes.InputAnswerETestWidget:empty,
.etest-scanned-answer:hover .etest-answer-notes.scannerMode:empty {
	display: none;
}
.mobileBody .etest-answer-notes {
	left: auto;
	right: -15px;
}
.mobileBody .etest-answer-notes.InputAnswerETestWidget {
	left: 50%;
    right: auto;
    max-width: 100vw;
	transform: translateX(-50%);
	min-width: 190px;
}

.etest-inline-grade {
	text-align: left;
}
.etest-inline-comment {
	
	text-align: right;	
	cursor: pointer;	
	white-space: nowrap;
	
}
.etest-inline-comment > i {
	font-size: 1.8em;
}

.etest-inline-comment .commentStr {		
	white-space: pre-wrap;
	display: inline-block;
	text-align:left;
	vertical-align: top;	
	font-weight: bold;
	max-width: calc(100% - 50px);
	color: #F44336;		
	background-color: rgba(255, 205, 210, 0.5);
	padding: 5px;
	position: relative;
}

.correct .etest-inline-comment .commentStr {	
	background-color: rgba(200, 230, 201, 0.5);
	color: #388E3C;
}



.app-dark-mode .etest-inline-comment .commentStr {
	background-color: rgba(255, 205, 210, 0.3);
}

.app-dark-mode  .correct .etest-inline-comment .commentStr {	
	background-color: rgba(200, 230, 201, 0.2);
	color: #66BB6A;
}

.etest-answer-notes.InputAnswerETestWidget .etest-inline-comment .commentStr {
	background-color: transparent;
	display: block;
	max-width: none;
	padding: 0;
}


.empty > .etest-contenteditable {
	cursor: text;
}

.empty > .etest-contenteditable, .etest-answer-input-desc.etest-contenteditable {
	min-width: 70px;
}
.empty > .etest-contenteditable:before,
.etest-contenteditable.empty:before,
.etest-contenteditable:empty:before {
	content: attr(etestplaceholder);
	opacity:0.3;
	position: absolute;
	left:0px;
	top: 0px;
		
}

.empty > .etest-contenteditable:not(:focus) > *:first-child {
	position: relative;
	background-color: rgba(255, 255, 255, 0.1);
}
.app-dark-mode .empty > .etest-contenteditable:not(:focus) > *:first-child {
	background-color: transparent;
}

.etest-contenteditable.empty:focus:before,
.empty > .etest-contenteditable:focus:before {
	display: none;
}



.etest-map.dots-horizontal {
	display: flex;
	flex-flow: column nowrap;
	flex: auto 1 1;	
}

.etest-map-outer {
	position: relative;
	display: flex;
	flex-flow: row wrap;
}
.etest-map-outer.dots-horizontal {
	flex-flow: column nowrap;
	flex: auto 1 1;
}

.etest-map-box {
	position: relative;
	flex: 70% 1 1;
	min-width: 300px;
	overflow: hidden;
}
.etest-screen .etest-map-box {	
	touch-action: none;
}


.etest-map-inner,
.etest-map-inner2 {
	transform-origin: top left;
}

body.dragmoving * {
	cursor: move !important;
}

.etest-map-text {
	flex: 30% 1 1;
	align-self: center;
	box-sizing: border-box;
	padding-right: 15px;
}
.etest-map-img img {
	width: 100%;
	display: block;
}

.etest-map-points {
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.etest-map-point {
	position: absolute;
	z-index: 2;
}

.etest-map-point.default {
	width: 30px;
	height: 30px;
	margin-top: -30px;
	margin-left: -15px;
	text-align: center;
	transition: transform 0.2s ease;
	transform-origin: bottom center;
	color: #F44336;
	cursor: pointer;	
}

.etest-map-point.default .etest-map-point-ind {
	display: none;
}
.etest-map-point.default.active:active {
	transform: scale(1.5);
}
@media (hover: hover) and (pointer: fine) {
	.etest-map-point.default.active:hover {
		transform: scale(1.5);
	}
}

.etest-map-point.default.selected {
	color: 	#FFC107;	
	transform: scale(1.6);
	z-index: 3;
}

.etest-map-point.default.correct {
	color: #4CAF50;	
}
.etest-map-point.default.incorrect {
	color: #607D8B;
}
.etest-map-point.default.selected.incorrect,
.etest-map-point.default.allevaluate.incorrect {
	color: #F44336;	
}

.etest-map-point.default.ui-draggable-dragging {
	transform: none;
	z-index: 4;
}

.etest-map-point.default:before {
	font-family: FontAwesome;
	content: "\f041";
	font-size: 30px;
	color: inherit;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

.etest-map-point.default.selected:before {
	text-shadow: 1px 3px 4px rgba(0,0,0,0.5);
}




.etest-map-point.numeric {
	width: 30px;
	height: 30px;
	margin-top: -30px;
	margin-left: -15px;
	text-align: center;	
	color: #F44336;
	cursor: pointer;	
}

.etest-map-point.numeric .etest-map-point-ind {
	display: block;
	text-align: center;
	background-color: #F44336;
	color: #fff;
	border-radius: 50%;
	padding: 2px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 5px;
	box-sizing:border-box;
}


.etest-map-point.numeric.selected {
	color: 	#FFC107;	
	transform: scale(1.6);
	z-index: 3;
}

.etest-map-point.numeric.ui-draggable-dragging {
	transform: none;
	z-index: 4;
}

.etest-map-point.numeric:before {
	font-family: FontAwesome;
	content: "\f041";
	font-size: 30px;
	display: block;
	text-align: center;
	color: inherit;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.etest-map-point.numeric.correct {
	color: #4CAF50;	
}
.etest-map-point.numeric.correct .etest-map-point-ind {
	background-color:  #4CAF50;	
}

.etest-map-point.numeric.incorrect {
	color: #607D8B;
}
.etest-map-point.numeric.incorrect .etest-map-point-ind {
	background-color:  #607D8B;	
}
.etest-map-point.numeric.selected.incorrect,
.etest-map-point.numeric.allevaluate.incorrect {
	color: #F44336;	
}

.etest-map-point.numeric.selected.incorrect .etest-map-point-ind,
.etest-map-point.numeric.allevaluate.incorrect .etest-map-point-ind {
	background-color:  #F44336;	
}




.etest-map-edit-actions {
	position: absolute;
	bottom: 0;
	right: 0;
}
.etest-map-edit-action {
	cursor: pointer;
	display: inline-block;
	padding: 8px;
	background-color: rgba(67, 160, 71, 0.4);
	color: #fff;
	margin: 2px;
} 
.etest-map-addingPoint .etest-map-edit-action[data-action="addPoint"] {
	background-color: rgba(67, 160, 71, 1);
}
.etest-map-edit-action:hover {
	background-color: rgba(67, 160, 71, 0.6);
	color: #fff;
}

.etest-map-addingPoint .etest-map-inner {
	cursor: crosshair;
}

.etest-map-text-title {
	font-size: inherit;
	margin-bottom: 0;
	font-weight: normal;
}

.etest-map-point-row {

	position: relative;
	padding-left: 30px;
}

.etest-map-point-row-ind {
	position: absolute;	
	right: calc(100% - 25px);
	min-width: 25px;
	text-align: right;
	white-space: nowrap;
}

.etest-map-point-row.underlined .etest-map-point-row-ind {
	border-bottom: 1px solid black;
	min-height: 1em;
}

.etest-map-point-row-title {
	min-height: 1.2em;
}

.etest-map-point-row.underlined .etest-map-point-row-title {
	margin-top:15px;
	
}



.etest-map-play-dot {
	opacity: 0.5;
	padding: 8px 4px 8px 15px;
	cursor: pointer;
	margin: 0;
	border-bottom: 1px solid rgba(0,0,0,0.05);	
	border-top: 1px solid rgba(0,0,0,0.05);	
	transition: opacity 0.1s ease, transform 0.2s ease, background-color 0.2s ease;
	position: relative;
	margin-top: -1px;	
}
.dots-vertical .etest-map-play-dot.correct {
	color: #43A047;		
}

.dots-vertical .etest-map-play-dot.correct:after {
	
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 18px;
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);	
}

.dots-vertical .etest-map-play-dot.incorrect {	
	color: #F44336;
}

.dots-vertical .etest-map-play-dot.incorrect:after {	
	content: "\f00d";
	font-family: FontAwesome;
	font-size: 18px;
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);	
}

.etest-map-play-dot.answered {	
	color: #0091EA;
}

.app-dark-mode .etest-map-play-dot.answered {	
	color: #81D4FA;
}

@media (hover: hover) and (pointer: fine) {
	.etest-map-play-dot:hover {
		opacity: 1;
		z-index: 1;
		background-color: rgba(0,0,0,0.05);
	}

	.app-dark-mode .etest-map-play-dot:hover {
		background-color: rgba(255,255,255,0.1);
	}

	.etest-map-play-dot.selected:hover {
		transform:none;
	}
}

.etest-map-play-dot.selected {	
	font-size: inherit;	
	opacity: 1;
	z-index: 1;
	background-color: rgba(0,0,0,0.1);
}
.app-dark-mode .etest-map-play-dot.selected {
	background-color: rgba(255,255,255,0.2);
}


.etest-map-play-dot.selected .etest-map-text-title {
	position: relative;	
}
.etest-map-play-dot.selected .etest-map-text-title:before {
	content: "\f0da";
	font-family: FontAwesome;	
	position: absolute;
	left : -12px;
	top: 1px;
}


.etest-map-text.dots-horizontal {
	flex: 100% 0 0;
	padding: 0;
	width: 100%;
	margin-bottom: 4px;
	overflow: auto;
}
.isScrolling.etest-map-text.dots-horizontal .etest-map-play-dot  {
	pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
	.etest-map-text.dots-horizontal {
		overflow: hidden;
	}
}

.dots-horizontal .etest-map-play-dots {
	display: flex;
	flex-flow: row nowrap;	
	gap: 12px;
	align-items: flex-end;
	min-height: 68px;
}

.dots-horizontal .etest-map-play-dot-gaph {    
	display: block;
    min-width: 50%;
    flex: 50% 0 0;
	height: 1px;
}

.dots-horizontal .etest-map-play-dot {
	border-top: 0;
	border-bottom: 0px solid transparent;
	padding: 14px 2px 8px 2px;
	white-space: nowrap;
	flex: auto 0 0;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	opacity: 0.2;
	text-align: center;
}

.dots-horizontal .etest-map-play-dot.selected {
	border-bottom: 0px solid #03A9F4;
	background-color: transparent;		
	font-weight: bold;
	font-size: 18px;
	padding-left: 12px;
	padding-right: 12px;	
	white-space: normal;
	width: fit-content;	
	max-width: calc(100% - 140px);
	word-wrap: break-word;
}

.dots-horizontal .etest-map-play-dot.selected:first-child {
	padding-left: 0;
}
.dots-horizontal .etest-map-play-dot.selected .etest-map-text-title {
	font-weight: bold;
}
.dots-horizontal .etest-map-play-dot.selected .etest-map-text-title:before {
	/*content: attr(data-subInd);

	display: block;
	font-size: 11px;
	opacity: 0.5;
	font-family: inherit;
	left: 0;
	right: 0;
	text-align: center;
	top: -11px;
	position: absolute;*/

	display: none;
}

.dots-horizontal .etest-map-play-dot.correct {
	color: #43A047;		
	opacity: 0.5;
}


.dots-horizontal  .etest-map-play-dot.correct::after {
	
	content: "\f00c";
	font-family: FontAwesome;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	text-align: center;
	color: #A5D6A7;
	font-size: 10px;
}

.dots-horizontal .etest-map-play-dot.incorrect {	
	color: #F44336;
	opacity: 0.5;
}


.dots-horizontal .etest-map-play-dot.selected {
	opacity: 1;
}

.dots-horizontal .etest-map-play-dot.incorrect::after {	
	content: "\f00d";
	font-family: FontAwesome;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 10px;
	color: #EF9A9A;
}



.etest-map-point-combo {
	border: 1px solid #ddd;

	background-color: #fff;

	box-sizing: border-box;
	padding: 8px;
	margin: -8px 0 12px 0;
}

.correct .etest-map-point-combo {
	background-color: #C8E6C9;
	color: #43A047;
}

.incorrect .etest-map-point-combo {
	background-color: #FFCDD2;
	color: #F44336;
}


.fa-et-blink {
  -webkit-animation: fa-et-blink 1s infinite steps(8);
  animation: fa-et-blink 1s infinite steps(8);
  transform-origin: bottom center;
}


@keyframes fa-et-blink {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  75% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}



.etest-player-sideoverlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: 3000;
}

.etest-player-sidebar {
	position: fixed;
	top: 0px;
	right: 0;
	bottom: 0;
	width: 300px;
	background-color: #152230;
	box-shadow: -1px 0 3px rgba(0, 0, 0, 0.35);
	color: #fff;
	z-index: 3001;
}

.etest-player-sidber-inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 50px;
	bottom: 0;
	overflow: auto;
	padding: 15px;
}

.etest-player-sidebar-questions {
	display: flex;
	flex-flow: row wrap;
}

.etest-player-sidebar-question {
	flex: 20% 1 1;
	margin: 2px;
	padding: 8px 2px;
	border: 1px solid rgba(0, 0, 0, 0.6);
	background-color: #607D8B;
	border-radius: 4px;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

.etest-player-sidebar-question .etest-player-sidebar-question-tags {
	position: absolute;
	right: 2px;
	bottom: 2px;
	font-size: 13px;
	opacity: 0.4;
	left: 2px;
	text-align: right;
}

.etest-player-sidebar-question .etest-player-sidebar-question-tags i {
	
	min-width: 33%;
	text-align: center;
}


.etest-player-sidebar-question.withAnswer.isAnswered {
	/*border: 1px solid #0277BD;*/
	background-color: #009688;
}
.etest-player-sidebar-question.current,
.etest-player-sidebar-question.current.withAnswer.isAnswered,
.etest-player-sidebar-question:hover,
.etest-player-sidebar-question.withAnswer.isAnswered:hover {
	background-color: #FFC107;
}

.etest-player-sidebar-actions > a {
	display: block;
	margin: 5px 0;
	text-align: left;
	padding: 8px 15px;
	display: flex;
	flex-flow: row nowrap;
	gap: 8px;
}

.etest-player-sidebar-actions > a > i {
	flex: 20px 0 0;
	align-self: center;
}
.etest-player-sidebar-actions > a > span {
	flex: calc(100% - 30px) 1 1;
	align-self: center;
}

.mobileBodyV2 .etest-player-sidebar-actions > a {
	padding-top:12px;
	padding-bottom: 12px;
	margin: 8px;
}

.etest-player-sidebar-toolbar {
	text-align: right;
	
}

.etest-widget-highlight {
	outline: 3px solid #FFC107;
	outline-offset: 10px;
}

.etest-agroups {
	display: flex;
	flex-flow: row wrap;
	margin: -5px;
}

@media screen and (max-width: 800px) {
	.etest-screen-inner .etest-agroups {
		margin-right: 35px;
	}
	
	.etest-screen-inner .etest-alist-ordering {
		margin-right: 35px;
	}
	
	.etest-screen-inner .etest-apairs {
		margin-right: 35px;
	}
}

.etest-agroup {
	flex: 40% 1 1;
	margin: 5px;
	
	padding: 10px;
	box-sizing: border-box;
	min-width: 50px;
	display: flex;
	flex-flow: column nowrap;
	border: 1px dashed rgba(0,0,0,0.1);
}

.etest-agroup-items {
	flex: auto 1 1;
	display: flex;
	flex-flow: column nowrap;
}

.etest-screen-inner .etest-agroup-items {
	min-height: 30px;
}
.etest-agroup-items > li.etest-agroup-item {
	flex: auto 0 0;
	/*margin-left: 30%;*/
}
.etest-agroup-items > li.etest-agroup-item.isMoved {
	margin-left: 0;
}

.etest-agroup-items > li.etest-agroup-empty-item {
	flex: auto 1 1;
}

.etest-agroup-placeholder {
	padding: 10px;
	border: 2px dashed  #0091EA;
	background-color: #B3E5FC;
	min-width: 1em;
	min-height: 1em;
	vertical-align: top;
}

.etest-answer-print-groups {
	float: right;
	display: flex;
	flex-flow: row wrap;
}

.etest-answer-print-group {
	flex: auto 0 0;
	padding: 0 8px;
	border: 1px solid #999;	
	
	box-sizing: border-box;
	position: relative;
	text-align: center;
	align-self: stretch;
	max-width: 80%;
	margin-left: -1px;
	margin-top: -1px;
}

.etest-answer-print-group.isCorrect {
	background-color: #DCEDC8;
}
.app-dark-mode .etest-answer-print-group.isCorrect {
	background-color: #33691E;
}

.etest-answer-print-group.isSelected:after {
	content: ' ';
	position: absolute;
	left: -5px;
	right: -5px;
	top: -5px;
	bottom: -5px;
	border-radius: 50%;
	border: 2px solid #0091EA;
}



.etest-alist-abcd > li.etest-pair-item {
	padding: 0.0cm;
	cursor: default;
	margin: 0;
	display: flex;
	flex-flow: row nowrap;
	border-bottom: 1px dashed rgba(0,0,0,0.1);
}

.etest-pair-item .etest-answer-num0 {
	flex: 40px 0 0;
	text-align: right;
	padding: 8px 4px;
}


.etest-alist-abcd > li.etest-pair-item > .etest-answer-inner,
.etest-alist-abcd > li.etest-pair-item > .etest-answer-outer {
	margin: 0;
	flex: 50% 0 1;
}

.etest-alist-abcd > li.etest-pair-item > .etest-answer-outer {
	position: relative;
}

.etest-alist-abcd > li.etest-pair-item .etest-answer-inner {
	padding: 8px 4px;
	margin: 0;
}

.etest-alist-abcd.etest-play > li.etest-pair-item .etest-answer-inner {
	padding-right: 24px;
}





.etest-pair-item .etest-answer-inner.pair-l {
	border-right: 1px dashed rgba(0,0,0,0.1);
}

.etest-active .etest-pair-item.isPlaying .etest-answer-inner.pair-r.isPairActive {
	cursor: move;
}

@media (hover: hover) and (pointer: fine) {
	.etest-active .etest-pair-item.isPlaying .etest-answer-inner.pair-r.isPairActive:hover {
		background-color:#E3F2FD;
}
}

.etest-connectable-hover.etest-pair-item {
	outline: 2px dashed #FFC107;
	background-color:  #FFECB3;
}

.ui-draggable-dragging.etest-answer-inner.pair-r {
	z-index: 2000;
	outline: 2px dashed #0091EA;
	background-color: #B3E5FC;
}


.etest-answer-inner.pair-r.withConntector {
	display: flex;
	flex-flow: row nowrap;
}

.etest-answer-inner.pair-r.withConntector .etest-pair-part {
	flex: auto 1 1;
}

.etest-pair-item-connector {
	flex: auto 0 0;
	padding: 8px 4px;
	color: rgba(0,0,0,0.3);
    margin-left: -20px;
    text-align: center;
    position: relative;
  	width: 40px;
   	box-sizing: border-box;
}


.etest-answer-inner .etest-pair-item-connector {
	flex: 40px 0 0;
	margin: -8px 8px -8px -4px;	
}


.etest-pair-item.isPlaying .etest-pair-item-connector {
	flex: 20px 0 0;
	margin: -6px 8px -6px -4px;	
	padding: 0;
	position: relative;
	text-align: center;	
	width: 20px;
	background-color: #90A4AE;	
	color: #fff;
	transition: all 0.2s ease-in-out;
	cursor: move;
	box-sizing: border-box;
	
	border-radius: 0 8px 8px 0;
}

.etest-pair-item .isPairEmpty .etest-pair-item-connector {
	visibility: hidden;
}


.etest-pair-item.isCorrectHighlighted .etest-pair-item-connector {
	/*background-color: #DCEDC8;*/
	color: #4CAF50;		
	margin-left: -24px;
	opacity: 0.6;
}

.etest-pair-item .etest-pair-item-connector-inner {
	position: absolute;
	left: 3px;
	right: 3px;
	top: 0px;
	bottom: 0px;
	background: url('/elearning/pics/etest/disconnectedg.png') top left no-repeat;
	background-size: contain;
	opacity: 0.6;
}

.etest-pair-item.isCorrectHighlighted .etest-pair-item-connector-inner {
	background: url('/elearning/pics/etest/connectedg.png') top center no-repeat;
	background-size: contain;
	
}

.etest-pair-item.isPlaying .etest-pair-item-connector-inner {		
	background: url('/elearning/pics/etest/disconnected.png') top right no-repeat;
	background-size: contain;
	
}
.etest-pair-item.isPlaying.isConnected .etest-pair-item-connector {
	background-color: #0091EA;
	width: 40px;
	flex: 40px 0 0;
	margin-left: -24px;
	border-radius: 8px;
}
.etest-pair-item.isPlaying.etest-correct .etest-pair-item-connector {
	background-color: #4CAF50;
}

.etest-pair-item.isPlaying.etest-incorrect .etest-pair-item-connector {
	background-color: #F44336;
}
.etest-pair-item.isPlaying.isConnected .etest-answer-inner.pair-r,
.etest-pair-item.isPlaying.isConnected .etest-answer-inner.pair-l {
	background-color: #E1F5FE;
}

.etest-pair-item.isPlaying.isConnected.etest-incorrect .etest-answer-inner.pair-r,
.etest-pair-item.isPlaying.isConnected.etest-correct .etest-answer-inner.pair-r {
	background-color: transparent;
}
.etest-pair-item.isPlaying.isConnected .etest-pair-item-connector-inner {
	background: url('/elearning/pics/etest/connected.png') top center no-repeat;
	background-size: contain;
	
	
}


.etest-player-resultbar {
	background-color: #F44336;	
	color: #fff;
	position: relative;
	left: 0;
	right:0;
	top: -50px;
	z-index: 2;	
	margin: 0 -50px;
}
.etest-player-testmeresults .etest-player-resultbar {
	background-color: #152230;
	margin-bottom: -25px;
	text-align: center;
}


.etest-player-resultbar-bg {
	opacity: 0.3;
	background: url('/elearning/pics/etest/finishFlag.png') center right no-repeat;
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: 15px;
	background-size: contain;
	right: 15px;
}

.mobileBody .etest-player-resultbar-bg {
	background: none;
}

.etest-player-resultbar-inner {	
	margin: 0;
	padding: 15px 50px 15px 50px;
	box-sizing: border-box;
	position: relative;
	max-width: 400px;
}


@media screen and (min-width: 800px) {
	
	.etest-player-resultbar-inner {	
		max-width: 80%;
	}
}
@media screen and (max-width: 800px) {

	.etest-player-resultbar {
		margin: 0 -30px;
	}
	.etest-player-resultbar-inner {	
		padding: 15px 30px 15px 30px;
	}
}
@media screen and (max-width: 500px) {

	.etest-player-resultbar {
		margin: 0 -16px;
	}
	
	.etest-player-resultbar-inner {	
		padding: 15px 20px 15px 20px;
	}
}

.etest-player-resultbar-grade {
	float: right;
	font-size: 38px;
	color: #fff;
	padding: 5px 15px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.2);
	/*border-bottom: 5px double #fff;*/
	margin: 10px 25px 10px 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.34);
}
.etest-alist-answer {
	break-inside: avoid;
	page-break-inside: avoid;
}

.etest-agroup-item.ui-sortable-helper,
.etest-alist-answer.ui-sortable-helper {
	outline: 2px dashed #0091EA;
	outline-offset: 3px;
    background-color: #B3E5FC;
}

.etest-ordering-ew {
	position: absolute;
	background-color: #4CAF50;
	height: 5px;
	top: 4px;
	left: 0;
	width: 20%;
}

.etest-ordering-ew.editing {
	top: auto;
	bottom: -1px;
	left: 0.7cm;
	height: 2px;
	opacity: 0.3;
}

.etest-incorrect .etest-ordering-ew {
	background-color: #F44336;
}


.etest-answerinput-correctval {
	display: inline-block;
	margin-left: -12px;
	position: relative;
	top: -4px;
	white-space: nowrap;	
	color: #43A047;
	text-shadow: 0 0px 1px rgba(0,0,0,0.3);
	padding: 5px;
	background: rgba(200,230,201,0.95);
	border-radius: 10px; 
}


.ui-selectmenu-button.ui-button.etest-answer-input-field,
.ui-selectmenu-button.ui-button.etest-agroups-select {
	border-radius: 0;
	background: #fff;	
	max-width: 100%;
	color: inherit;
	border: 1px solid #999;
	padding: 0.4em 8px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

.ui-selectmenu-button.ui-button.etest-answer-input-field.ui-state-disabled,
.ui-selectmenu-button.ui-button.etest-agroups-select.ui-state-disabled {
	opacity: 1;
}

.etest-answer-input-field-outer,
.etest-agroups-select-outer {
	display: inline-block;
	position: relative;
	max-width: 100%;
	box-sizing: border-box;
}

.etest-answer-input-field-outer .ui-selectmenu-menu,
.etest-agroups-select-outer .ui-selectmenu-menu {
	position: absolute;
	top: 100% !important;
	left: 0 !important;
	margin-bottom: 60px;
	z-index: 10000;	
}
	
.etest-answer-input-field-outer .ui-selectmenu-menu > ul,
.etest-agroups-select-outer .ui-selectmenu-menu > ul {
	margin: 0;
	list-style-type: none;
}

.etest-screen .ui-selectmenu-menu {
	box-shadow: 1px 1px 4px rgba(0,0,0,0.44);
	border: 0;
}

.etest-screen .ui-selectmenu-menu .ui-widget.ui-widget-content.ui-menu {
	border: 0;
}

.etest-playparent-outer {
	background-color: #f5f5f5;
	min-height: 100vh;
	min-height: calc(100vh - 43px);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center; 
}
.mobileBodyV2 .etest-playparent-outer,
.contestPlayer .etest-playparent-outer {
	min-height: 100vh;
}

.etest-playparent-inner {
	flex: auto 0 0;
	background-color: #fff;

	margin: auto;
	max-width: 1000px;
	padding: 50px;
	font-size: 15px;
	border: 1px solid #d6d6d6;

	display: flex;
	flex-flow: row-reverse wrap;
	width: 100%;
	box-sizing: border-box;	
}
@media screen and (max-width: 500px) {
	.etest-playparent-inner {
		padding: 25px;
		border: 0;
	}
}
.etest-playparent-inner2 {
	flex: 300px 1 1;
	align-self: center;
	min-width: 100px;
}

.etest-playparent-inner3 {
	flex: 300px 1 1;
	min-width: 100px;
	box-sizing: border-box;
}

.etest-playparent-btn  {	
	cursor: pointer;
	padding: 25px 15px 25px 50px;
	position: relative;
}

.etest-playparent-btn  i {
	font-size: 24px;
	position: absolute;
	left: 8px;
	top: 25px;
	opacity: 0.5;
}

.etest-playparent-btn:active {
	background-color: rgba(0,0,0,0.05);
}

@media (hover: hover) and (pointer: fine) {
	.etest-playparent-btn:hover {
		background-color: rgba(0,0,0,0.05);
	}
}

.etest-svggraph-container {
	position: relative;
	
}
.etest-svggraph-container > svg {
	width: 100%;
	
}


.etest-video {
	position: relative;
}
.etest-video-inner {	
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	z-index: 0;
	box-sizing: border-box;
	max-height: calc(100vh - 80px);
}

/*.etest-solution-inner .etest-video {
	margin: 0 -15px;	
	overflow: hidden;
}*/

.etest-video-inner.isEmpty.isPlaying {
	padding-bottom: 0;	
}




.etest-video-inner video,
.etest-video-inner .video-js,
.etest-video-inner .etest-video-thumb {
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	width: 100%;
	height: 100%;
		
}
.etest-video-inner a.etest-video-thumb {
	display: block;
	background-color: rgba(0,0,0,0.6);
}

.etest-video-inner .etest-video-thumb iframe {
	width: 100%;
	height: 100%;
}

.etest-video-inner .etest-video-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.etest-video-inner .etest-video-thumb .etest-video-thumb-play {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 32px;
	padding: 15px;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	border-radius: 10px;
	transform: translate(-50%,-50%);
	cursor: pointer;
	transition: transform 0.15s ease-out;
}

.etest-video-inner .etest-video-thumb .etest-video-thumb-play:hover {
	background-color: rgba(0,0,0,0.8);
	transform: translate(-50%,-50%) scale(1.5);
}


.etest-video-thumb-popout {
	position: absolute;
	left: 100%;
	top: 0;
	color: #fff;
	background-color: rgba(0,0,0,0.5);	
	padding: 10px;
	cursor: pointer;
	z-index: 1;
	transform-origin: top left;
	transition: transform 0.15s ease-out;
}
.etest-video-thumb-popout:hover {
	background-color: rgba(0,0,0,0.8);
	transform: scale(1.5);
	
}
.mobileBody .etest-video-thumb-popout {
	left:auto;
	right: 0;
	transform-origin: top right;
}

.etest-video-empty-icon {
	font-size: 64px;
	color: rgba(0,0,0,0.2);
	position: absolute;
	left: 50%;
	bottom:50%;
	margin-bottom:-15px;
	transform: translate(-50%, 0%);
}



.etest-editing .etest-video-inner.isEmpty {
	display: block;
	border: 1px dashed rgba(0,0,0,0.1);
	padding-bottom: 56.25%;
}

.etest-solution-dialog {
	
	background-color: #fff;

	border: 2px solid #E91E63;
	margin: 5px 0;
	box-sizing: border-box;
    transform-origin: top right;
}

.etest-solution-dialog.SolutionETestWidget {
	border: 2px solid #FF5722;
}
.etest-solution-dialog.pageModesingle {
	margin: 0;
	position: absolute;
	z-index: 10;
	right: 30px;
	top: 30px;
	
	/*bottom: 10px;*/
	
	/*width: 90%;*/
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	max-height: 100vh;
	max-height: calc(100vh - 60px);
}

@media screen and (max-width: 800px) {
	.etest-solution-dialog.pageModesingle {
		top: 20px;
		right: 12px;
		position: fixed;
		bottom: 20px; 
	}
}

.etest-solution-dialog.pageModesingle .etest-solution-outer {
	overflow: auto;
	max-height: 100vh;
	max-height: calc(100vh - 64px);
	
	
}
.etest-solution-header {
	padding: 15px;	
	position: relative;
}

.etest-solution-header h1 {
	color: #E91E63;
    font-size: 2em;
    margin: 0;
    padding: 0;    
}

.etest-solution-dialog.SolutionETestWidget h1 {
	color: #FF5722;
}

.etest-solution-close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0.2cm;
	font-size: 0.6cm;
	display: inline-block;
	cursor: pointer;
	color: inherit;
	height: 24px;
}
.etest-solution-close:active {
	background-color: rgba(0,0,0,0.1);
	color: inherit;
}
@media (hover: hover) and (pointer: fine) {
	.etest-solution-close:hover {
		background-color: rgba(0,0,0,0.1);
		color: inherit;
	}
}

.etest-solution-btn {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	border-radius: 3px;
	padding: 0.3cm 0.5cm;
}

.etest-solution-inner {
	padding: 10px 15px;
}


.pageModesingle.SolutionETestWidget .etest-solution-inner {
	padding-bottom: 60px;	
}

.etest-solution-footer {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 25px 10px 25px;
	text-align: right;
}










.etest-imagefiles-inner {	
	display: flex;
	flex-flow: row wrap;
	margin: -10px;	
	padding: 8px;
	flex: auto 1 1;
	align-content: center;
}
.etest-imagefiles-inner.singleItem {
	display: block;
}

.etest-answer-attachements .etest-imagefiles-inner {
	margin: 0;
	padding: 0;
}
.etest-imagefiles-inner .etest-imagefile-item {
	flex: 30% 1 1;
	padding: 2px;
	max-width: 100%;
	min-width: 10px;
	position: relative;
	box-sizing: border-box;
	max-height: 75vh;
	overflow: hidden;
	
}


.etest-imagefile-item .etest-imagefile-lastmore {
	position: absolute;
	padding: 5px;	
	color: #fff;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	text-align: center;	
	background-color: rgba(0,0,0,0.6);
	font-weight: bold;
} 

.etest-imagefile-lastmore-inner {
	position:absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5em;
}

@media screen and (max-width: 600px) {
	.etest-imagefiles-inner .etest-imagefile-item {
		min-width: 10px;
	}	
}


.etest-imagefile-item img {		
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;		
	display: block;
	position: absolute;
	left: 0;
	top:0;
	max-height: 75vh;
	max-height: calc(75vh - 4px);
}

.etest-alist-abcd .etest-imagefile-item img {		
	object-position: center left;
}

.etest-image-ofcover .etest-imagefile-item img {
	object-fit: cover;
}

.etest-image-ofcontain .etest-imagefile-item img {
	object-fit: contain;
}


.etest-image-poscc .etest-imagefile-item img {
	object-position: center center;
}

.etest-image-poscc .etest-imagefile-item img {object-position: center center}
.etest-image-poscr .etest-imagefile-item img {object-position: center right}
.etest-image-poscl .etest-imagefile-item img {object-position: center left}
.etest-image-postc .etest-imagefile-item img {object-position: top center}
.etest-image-postr .etest-imagefile-item img {object-position: top right}
.etest-image-postl .etest-imagefile-item img {object-position: top left}
.etest-image-posbc .etest-imagefile-item img {object-position: bottom center}
.etest-image-posbr .etest-imagefile-item img {object-position: bottom right}
.etest-image-posbl .etest-imagefile-item img {object-position: bottom left}


.etest-imagefile-item.isActive {
	cursor: pointer;
}


.etest-imagefiles-inner .etest-imagefile-item-inner {
	position: relative;
	flex: 100% 0 0;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;	
	text-align: center;	
	/*height:100%;*/
	padding-bottom: 66.7%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .etest-imagefiles-inner .etest-imagefile-item-inner {
     	height:0;
     	
     }
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.etest-imagefiles-inner .etest-imagefile-item {
		display: block;
		/*height: 100%;*/
	}
}

.etest-imagefile-item-empty .etest-imagefile-item-inner {
	max-height: 150px !important;
}

.etest-imagefile-item-empty {
	opacity: 0.2;
}


.etest-file {
	position: relative;
}


.etest-clock line {
	stroke-width: 3px;
    stroke: #fff;
}

.etest-table .etest-contenteditable.empty {
	min-width: 1.5cm;
}

table.etest-table-inner {
	border-collapse: collapse;
}

table.etest-table-inner.fullWidth {
	width: 100%;
}
table.etest-table-inner.fullWidthEq {
	width: 100%;
	table-layout: fixed;
}

table.etest-table-inner.fixedLayout {
	table-layout: fixed;
}

table.etest-table-inner.fullWidthEq td {
	width: 50%;
}

.etest-table-inner tr {
	min-height: 1em;
}
.etest-table-inner td,
.etest-table-inner th {
	border: 1px dashed #eee;
	min-width: 1em;
	height: 1em;
}

.etest-table-inner.borders-none td,
.etest-table-inner.borders-none th {
	border: 1px solid transparent;
}

.etest-table-inner.borders-solid td,
.etest-table-inner.borders-solid th {
	border: 1px solid #dddddd;
}
.etest-table-inner.borders-solid th {
	border-bottom-width: 2px;
}

.etest-table-inner.valign-top td,
.etest-table-inner.valign-top th {
	vertical-align: top;
}

.etest-table-inner.valign-bottom td,
.etest-table-inner.valign-bottom th {
	vertical-align: bottom;
}

.etest-table .etest-text > div:last-child,
.etest-table .etest-text > p:last-child {
	margin-bottom: 0;
}

.etest-table .etest-text {
	padding: 0.1cm;
}

.etest-hintinline {
	display: inline;
	color: #AD1457;
}

.etest-hintinline a.etest-showHintBtn {
	color: #0091EA;
	cursor: pointer;
	display: inline-block;
	padding: 0px 4px;
}


.etest-hintinline a.etest-showHintBtn:hover {
	color: #0091EA;
	background-color: rgba(0,0,0,0.1);
	text-decoration: none;
}
.app-dark-mode .etest-hintinline {
	color: #F8BBD0;
}

.app-dark-mode .etest-hintinline a.etest-showHintBtn,
.app-dark-mode .etest-hintinline a.etest-showHintBtn:hover {
	color: #B3E5FC;
}
.etest-audio-play-button {
	display: inline-block;
	cursor: pointer;
	padding: 5px;
	box-sizing: border-box;
	width: 43px;
	height: 43px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #0091EA;
	color: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	position: relative;
}
.wasPlayed .etest-audio-play-button {
	background-color: #546E7A;
}

.isPlaying .etest-audio-play-button{
	background-color: #4CAF50;
}

.etest-audio-play-button i {
	font-size: 25px;
	display: block;
}

.etest-audio-play-button i.fa-spinner {
	font-size: 18px;
    padding: 3px 0;
    opacity: 0.5;
}


.etest-small-sounder .etest-audio-play-button {
	width: 23px;
	height: 23px;
	padding: 3px;
}

.etest-small-sounder .etest-audio-play-button i {
	font-size: 13px;	
}

.etest-small-sounder .etest-audio-play-button i.fa-spinner {
	font-size: 10px;    
}


.dragovered .etest-editing .etest-text,
.dragovered .etest-editing .etest-file,
.dragovered .etest-editing .etest-image {
	background: #E8F5E9;
	outline: 2px dashed #43A047;
}
.dragovered .etest-editing .etest-answer-inner {	
	background: #E8F5E9;
	outline: 2px dashed #43A047;
}
.dragovered .etest-editing .etest-content-droppable {
	position: relative;
}
.dragovered .etest-editing .etest-content-droppable::after {
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: rgba(255, 255, 255,0.01);
	content: ' ';
}

.dragovered .etest-editing .etest-answer-inner


.etest-loading-indicator.fixedTop {
	top: 43px;
}

.etest-fixaspect {
	position: relative;
	padding-bottom: 66.7%;
	height: 0;
}
.etest-fixaspect > .etestw {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}

.etest-fixaspect > .etestw.etest-text-container {
	white-space: nowrap;
}
.etest-fixaspect > .etestw.etest-text-container:before {
	height: 100%;
	content: '';
	display: inline-block;
	vertical-align: middle;
}
	
.etest-fixaspect > .etestw.etest-text-container > .etest-text {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	white-space: normal;
}

.etest-fixaspect  > .etest-wedit-actions {
	position: absolute;
	bottom: 0;
	left: 0;
}

.etest-fixaspect .etest-imagefiles-inner {
	height: 100%;
	box-sizing:border-box;
	margin:0;
	padding: 0;
}
.etest-fixaspect .etest-imagefiles-inner .etest-imagefile-item {
	height: 100%;
}
.etest-fixaspect .etest-imagefiles-inner .etest-imagefile-item-inner {
	padding-bottom: 0 !important;
	height: 100% !important;
}

.etest-svgdrag-anim {
	transition: transform 0.12s ease;
}

.etest-svg-content.etest-active svg .selectable,
.etest-svg-content.etest-active svg .draggable  {
	cursor: pointer;
}

.etest-svg-content svg .etest-draggable-hidden,
.etest-svg-content svg .etest-svgelem-hidden { 
	display: none;
}

.etest-svg-content svg .selectable.etest-notanswered {
	opacity: 0.5;
}

.etest-svg-content svg,
.etest-svg-content .svg-class {
	max-width: 100%;
	max-height: 80vh;
	height: auto;
	margin: auto;
	width: 100%;
}

.etest-svg-content.maxHeight25vh svg {
	max-height: 113px;
}

.etest-svg-content.maxHeight50vh svg {
	max-height: 225px;
}

.etest-svg-content.maxHeight75vh svg {
	max-height: 338px;
}


.etest-svg-content.maxHeight90vh svg {
	max-height: 405px;
	min-height: 80px;
}

.etest-editing .etest-svg-content {min-height: 50px;}

.etest-svg-content .draggable:focus,
.etest-svg-content .droppable:focus {
	outline: 0;
}
/*
.etest-svg-content.etest-active svg {
	touch-action: none;
}*/
.etest-svg-content.etest-active svg .draggable {
	touch-action: none;
}

.etest-svg-content svg .ui-droppable-hover {filter: drop-shadow(0px 0px 5px rgba(46, 125, 50, 0.7));}
.etest-svg-content svg rect.ui-droppable-hover {fill: rgba(46, 125, 50, 0.5) !important}
.etest-svg-content.etest-active svg .draggable:hover {filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5));}
/*.etest-svg-content svg .selectable * {filter: drop-shadow(0 0 5px rgba(0,0,0,0.4));}*/
.etest-svg-content.etest-active svg .selectable:hover {outline: 3px dashed #0091EA;outline-offset: -3px;}
.etest-svg-content svg .selectable.etest-answered, .etest-svg-content.etest-active svg .selectable.etest-answered  {outline: 3px dashed #009688;outline-offset: -3px;}
.etest-svg-content svg .selectable.etest-correct, .etest-svg-content svg .evaluable.etest-correct {outline: 5px solid #43A047;outline-offset: -5px;}
.etest-svg-content svg .selectable.etest-answered.etest-incorrect, .etest-svg-content svg .evaluable.etest-answered.etest-incorrect {outline: 5px solid #F44336;outline-offset: -5px;}
.etest-svg-content svg .selectable.etest-edit-correct {outline: 5px dotted rgba(61,160,71,0.8);outline-offset: -5px;}
.etest-svg-content svg .selectable.etest-edit-incorrect {outline: 5px dotted rgba(244,64,54,0.8);outline-offset: -5px;}
.etest-svg-content svg .etest-edit-draggable  {	outline: 2px dashed rgba(103, 58, 183, 0.9);outline-offset: 0px;}
.etest-svg-content svg .etest-edit-droppable  {outline: 2px dotted rgba(96, 125, 139, 0.9);outline-offset: 0px;}
.etest-svg-content svg .hovered,.etest-svg-content svg .selectable.etest-edit-correct.hovered, .etest-svg-content svg .selectable.etest-edit-incorrect.hovered {opacity: 0.5;outline: 5px dashed #0091EA;outline-offset: -5px;}
.etest-editing .etest-svg-content svg text:hover {outline: 5px dotted rgba(0,145,234,0.5);outline-offset: -5px;cursor: pointer;}

/* z100 */
.etest-svg-content.z100 svg .ui-droppable-hover {filter: drop-shadow(0px 0px 5px rgba(46, 125, 50, 0.7));}
.etest-svg-content.z100.etest-active svg .draggable:hover {filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5));}
.etest-svg-content.z100.etest-active svg .selectable:hover {outline-width: 3px;outline-offset: -3px;}
.etest-svg-content.z100 svg .selectable.etest-answered {outline-width: 3px;outline-offset: -3px;}
.etest-svg-content.z100 svg .selectable.etest-correct, .etest-svg-content.z100 svg .evaluable.etest-correct {outline-width: 5px;outline-offset: -5px;}
.etest-svg-content.z100 svg .selectable.etest-answered.etest-incorrect, .etest-svg-content.z100 svg .evaluable.etest-answered.etest-incorrect {outline-width: 5px;outline-offset: -5px;}
.etest-svg-content.z100 svg .selectable.etest-edit-correct {outline-width: 5px;outline-offset: -5px;}
.etest-svg-content.z100 svg .selectable.etest-edit-incorrect {outline-width: 5px;outline-offset: -5px;}
.etest-svg-content.z100 svg .etest-edit-draggable  {	outline-width: 2px;outline-offset: 0;}
.etest-svg-content.z100 svg .etest-edit-droppable  {outline-width: 2px;outline-offset: 0;}
.etest-svg-content.z100 svg .hovered,.etest-svg-content.z100 svg .selectable.etest-edit-correct.hovered, .etest-svg-content.z100 svg .selectable.etest-edit-incorrect.hovered {outline-width: 5px;outline-offset: -5px;}
.etest-editing .etest-svg-content.z100 svg text:hover {outline-width: 5px;outline-offset: -5px;}



/* z050 */
.etest-svg-content.z050 svg .ui-droppable-hover {filter: drop-shadow(0px 0px 10px rgba(46, 125, 50, 0.7));}
.etest-svg-content.z050.etest-active svg .draggable:hover {filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.5));}
.etest-svg-content.z050.etest-active svg .selectable:hover {outline-width: 6px;outline-offset: -6px;}
.etest-svg-content.z050 svg .selectable.etest-answered {outline-width: 6px;outline-offset: -6px;}
.etest-svg-content.z050 svg .selectable.etest-correct, .etest-svg-content.z050 svg .evaluable.etest-correct {outline-width: 10px;outline-offset: -10px;}
.etest-svg-content.z050 svg .selectable.etest-answered.etest-incorrect, .etest-svg-content.z050 svg .evaluable.etest-answered.etest-incorrect {outline-width: 10px;outline-offset: -10px;}
.etest-svg-content.z050 svg .selectable.etest-edit-correct {outline-width: 10px;outline-offset: -10px;}
.etest-svg-content.z050 svg .selectable.etest-edit-incorrect {outline-width: 10px;outline-offset: -10px;}
.etest-svg-content.z050 svg .etest-edit-draggable  {	outline-width: 4px;outline-offset: -4px;}
.etest-svg-content.z050 svg .etest-edit-droppable  {outline-width: 4px;outline-offset: -4px;}
.etest-svg-content.z050 svg .hovered,.etest-svg-content.z050 svg .selectable.etest-edit-correct.hovered, .etest-svg-content.z050 svg .selectable.etest-edit-incorrect.hovered {outline-width: 10px;outline-offset: -10px;}
.etest-editing .etest-svg-content.z050 svg text:hover {outline-width: 10px;outline-offset: -10px;}

/* z200 */
.etest-svg-content.z200 svg .ui-droppable-hover {filter: drop-shadow(0px 0px 2.5px rgba(46, 125, 50, 0.7));}
.etest-svg-content.z200.etest-active svg .draggable:hover {filter: drop-shadow(0px 0px 2.5px rgba(0,0,0,0.5));}
.etest-svg-content.z200.etest-active svg .selectable:hover {outline-width: 2.5px;outline-offset: -2.5px;}
.etest-svg-content.z200 svg .selectable.etest-answered {outline-width: 2.5px;outline-offset: -2.5px;}
.etest-svg-content.z200 svg .selectable.etest-correct, .etest-svg-content.z200 svg .evaluable.etest-correct {outline-width: 2.5px;outline-offset: -2.5px;}
.etest-svg-content.z200 svg .selectable.etest-answered.etest-incorrect, .etest-svg-content.z200 svg .evaluable.etest-answered.etest-incorrect {outline-width: 2.5px;outline-offset: -2.5px;}
.etest-svg-content.z200 svg .selectable.etest-edit-correct {outline-width: 2.5px;outline-offset: -2.5px;}
.etest-svg-content.z200 svg .selectable.etest-edit-incorrect {outline-width: 2.5px;outline-offset: -2.5px;}
.etest-svg-content.z200 svg .etest-edit-draggable  {	outline-width: 2.5px;outline-offset: -2.5px;}
.etest-svg-content.z200 svg .etest-edit-droppable  {outline-width: 2.5px;outline-offset: -2.5px;}
.etest-svg-content.z200 svg .hovered,.etest-svg-content.z200 svg .selectable.etest-edit-correct.hovered, .etest-svg-content.z200 svg .selectable.etest-edit-incorrect.hovered {outline-width: 2.5px;outline-offset: -2.5px;}
.etest-editing .etest-svg-content.z200 svg text:hover {outline-width: 2.5px;outline-offset: -2.5px;}


/* z300 */
.etest-svg-content.z300 svg .ui-droppable-hover {filter: drop-shadow(0px 0px 1.5px rgba(46, 125, 50, 0.7));}
.etest-svg-content.z300.etest-active svg .draggable:hover {filter: drop-shadow(0px 0px 1.5px rgba(0,0,0,0.5));}
.etest-svg-content.z300.etest-active svg .selectable:hover {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z300 svg .selectable.etest-answered {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z300 svg .selectable.etest-correct, .etest-svg-content.z300 svg .evaluable.etest-correct {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z300 svg .selectable.etest-answered.etest-incorrect, .etest-svg-content.z300 svg .evaluable.etest-answered.etest-incorrect {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z300 svg .selectable.etest-edit-correct {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z300 svg .selectable.etest-edit-incorrect {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z300 svg .etest-edit-draggable  {	outline-width: 2px;outline-offset: 0;}
.etest-svg-content.z300 svg .etest-edit-droppable  {outline-width: 2px;outline-offset: 0;}
.etest-svg-content.z300 svg .hovered,.etest-svg-content.z300 svg .selectable.etest-edit-correct.hovered, .etest-svg-content.z300 svg .selectable.etest-edit-incorrect.hovered {outline-width: 2px;outline-offset: -2px;}
.etest-editing .etest-svg-content.z300 svg text:hover {outline-width: 2px;outline-offset: -2px;}

/* z400 */
.etest-svg-content.z400 svg .ui-droppable-hover {filter: drop-shadow(0px 0px 1px rgba(46, 125, 50, 0.7));}
.etest-svg-content.z400.etest-active svg .draggable:hover {filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.5));}
.etest-svg-content.z400.etest-active svg .selectable:hover {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z400 svg .selectable.etest-answered {	outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z400 svg .selectable.etest-correct, .etest-svg-content.z400 svg .evaluable.etest-correct {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z400 svg .selectable.etest-answered.etest-incorrect, .etest-svg-content.z400 svg .evaluable.etest-answered.etest-incorrect {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z400 svg .selectable.etest-edit-correct {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z400 svg .selectable.etest-edit-incorrect {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z400 svg .etest-edit-draggable  {	outline-width: 2px ;outline-offset: -2px;}
.etest-svg-content.z400 svg .etest-edit-droppable  {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z400 svg .hovered,.etest-svg-content.z400 svg .selectable.etest-edit-correct.hovered, .etest-svg-content.z400 svg .selectable.etest-edit-incorrect.hovered {outline-width: 2px;outline-offset: -2px;}
.etest-svg-content.z400 svg .selectable * {filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4));}
.etest-editing .etest-svg-content.z400 svg text:hover {outline-width: 2px;outline-offset: -2px;}

.etest-svg-content,
.etest-ifr-outer {
	position: relative;
}
.etest-svg-content-eval
.etest-svg-content-eval {
	position: absolute;
	left: 0;
	right: 0;
	top: 0%;
	font-size: 64px;
	text-shadow: 0 1px 5px rgba(0,0,0,0.75);
	text-align: right;
	
	font-weight: bold;
}
.etest-svg-content-eval1 {
	padding: 0.5rem;
	display: inline-block;
}

.etest-svg-content-correct {
	color: #4CAF50;
}

.etest-svg-content-incorrect {
	color: #F44336;
}

.etest-svg-grayscale {
	mix-blend-mode: darken;
	opacity: 0.7;
}
.etest-svg-correct {
	background-color: #C8E6C9;
	border-radius: 25px;
	border: 2px solid #43A047;
	margin: -5px;
	padding: 5px;
}
/*.app-dark-mode .etest-svg-correct {
	background-color: #33691E;
}*/


.etest-svg-notanswered {
	background-color: #eee;
	border-radius: 25px;
	margin: -5px;
	padding: 5px;
}
/*.app-dark-mode .etest-svg-notanswered {
	background-color: #2a2d32;
}*/
.etest-svg-incorrect {
	border-radius: 25px;
	background-color: #FFCDD2;
	
	border: 2px solid #F44336;
	margin: -5px;
	padding: 5px;
}
/*.app-dark-mode .etest-svg-incorrect {
	background-color: #a52e25;
}*/
	
.etest-edit-expr-error {
	color: #F44336;
	margin: 8px 0;
}

.etest-loading-images {
	background-image: url('/global/pics/bar/loader_b.svg') !important;
    background-repeat: no-repeat  !important;
	background-position: center center  !important;    
	background-size: auto !important;
}
.app-dark-mode .etest-loading-images .etest-imagefiles-inner .etest-imagefile-item {
	background: url('/global/pics/bar/loader_b.svg') center center no-repeat;
}



.etest-dialog-btn-fw {
	display: block;
	margin: 4px 0 4px 62px;
	box-sizing: border-box;
	padding: 12px;
	flex: 100% 0 0;
	width: calc(100% - 62px);
}

.mobileBody .etest-dialog-btn-fw {
	width: auto;
	margin: 4px 0;
}

.etest-btn-fw-confirm {
	display: block;
	margin: 5px 10px 5px auto;
	text-align: left;
	margin-left: 62px;
	width: calc(100% - 62px);
}

.etest-btn-fw-confirm-wide {
	width: 100%;
	margin-left: 0;
}

.mobileBody .etest-btn-fw-confirm {
	width: 100%;
	text-align: center;
	margin-top: 15px;
	margin-left: 0;
}

.mobileBody .etest-btn-fw-confirm.flat-button {
	padding-top: 15px;
	padding-bottom: 15px;
}

.etest-loading-svg {
	padding: 30px 0;
	text-align: center;
}

.etest-words-items {
	display: flex;
	flex-flow: row wrap;
	margin: -8px;
	margin-top: 8px;
}

.etest-words-item,
.etest-words-item-empty {
	display: inline-block;
	flex: 25% 1 1;
	margin: 8px;
	padding: 8px;
}

.etest-words-item {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	text-align: center;
	cursor: pointer;
	transition: transform 0.2s ease;
	background-color: #f5f5f5;
	opacity: 0.7;
	position: relative;
	overflow: hidden;
	border: 1px solid #607D8B;
	box-sizing: border-box;
}
.etest-words-item.noTransition {
	transition: none;
}

.numCols-2 .etest-words-item,
.numCols-2 .etest-words-item-empty {
	flex: 40% 1 1;
}
.etest-words-item.active {
	opacity: 1;
	background-color: #fff;

}

@media (hover: hover) and (pointer: fine) {
	.etest-words-item.active:hover {
		background-color: #E1F5FE;
		transform: scale(1.05);
	}
}

.etest-words-item.selected,
.etest-words-item.active.selected {
	background-color: #B3E5FC;

	transform: scale(1.15);
	opacity: 1;
	z-index: 1;
	border: 1px solid #0288D1;
}


.etest-words-item.correct {
	background-color: #81C784;	
	border: 1px solid #43A047;
}

.etest-words-item.selected.incorrect {
	background-color: #E57373;	
	border: 1px solid #F44336;
}


.etest-words-item .etest-imagefiles-inner {
	justify-content: center;
}

.etest-words-dots {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.etest-words-dot {
	border: 1px solid #607D8B;
	color: #607D8B;
	padding: 8px;
	border-radius: 3px;
	text-align: center;
	flex: auto 0 0;
	margin: 0 5px;
	cursor: pointer;
	transition: transform 0.2s ease;
}

.etest-words-dot.answered {
	background-color: #4FC3F7;
	color: #fff;
}



@media (hover: hover) and (pointer: fine) {
	.etest-words-dot:hover {
		background-color:#E1F5FE; 
		transform: scale(1.05);
	}
}

.etest-words-dot.answered {
	background-color: #4FC3F7;
}

.etest-words-dot.selected {
	color:#fff;
	background-color: #0288D1;
	border: 1px solid #0288D1;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	transform: scale(1.1);
}

.etest-words-dot.correct {
	color: #fff;
	background-color: #43A047;
	border: 1px solid #43A047;
}

.etest-words-dot.incorrect {
	color: #fff;
	background-color: #F44336;
	border: 1px solid #F44336;
}



.etest-selectmenu-icon {
	display:inline-block;vertical-align:middle;margin:0 8px 0 0;
}

.etest-selectmenu-icon img {
	width:24px;height:24px;vertical-align: middle;
	object-fit: contain;
}


.etest-contenteditable {
	min-height: 1.1em;
}


.etest-custom-checkbox {
	display: block;
	margin: 0;
	padding: 0;	
	
	position: relative;

	padding-left: 25px;
	
}

.etest-custom-checkbox input[type="checkbox"] {
	display: none;
}

.etest-custom-checkbox:before {
	content: " ";
	display:inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 12px;
	color: #2E7D32;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 2px solid #BDBDBD;	
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	padding-top:0px;	
}

.etest-custom-checkbox.checked.disabled:before {
	border-color: #757575 !important;
	background-color: #757575 !important;
	opacity:0.7;
}

.etest-custom-checkbox.radioCheck:before {
	border-radius: 50%;
}
.etest-custom-checkbox.withIcon {
	padding: 0px;
	cursor: pointer;
}


.etest-custom-checkbox.withIcon.circle {
	padding: 5px;
	cursor: pointer;
	border: 2px solid;
    line-height: 1em;

    border-radius: 50%;
    height: 18px;
    width: 18px;
    text-align: center;
}
.etest-custom-checkbox.withIcon.circle:active {
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-color: #4CAF50;
}

@media (hover: hover) and (pointer: fine) {
	.etest-custom-checkbox.withIcon.circle:hover {
		box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		border-color: #4CAF50;
	}
}

.etest-custom-checkbox.checked.withIcon.circle {
	background-color: #4CAF50;
	border-color: #4CAF50;
}

.etest-custom-checkbox.withIcon:before {
	display: none;
	left: 8px;
	top: 8px;
}


.etest-custom-checkbox.withIcon > i {
	font-size: inherit;
	color:inherit;
}
.etest-custom-checkbox:active:before {
	border-color: #8BC34A;	
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
@media (hover: hover) and (pointer: fine) {
	.etest-custom-checkbox:hover:before {
		border-color: #8BC34A;	
		box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	}
		
	.etest-custom-checkbox.disabled:hover:before {
		box-shadow: none;
	}

	.etest-custom-checkbox.withIcon:hover:before {
		box-shadow: none;
	}
	.etest-custom-checkbox.withIcon:hover {
		text-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		opacity: 0.8;
	}
}



.etest-custom-checkbox.checked:before{
	content: '\f00c' !important;	
	border-color: #4CAF50 !important;	
	background-color: #4CAF50 !important;
	color: #fff !important;
	font-size: 12px !important;
}
.etest-custom-checkbox.readonlyChecked:before{
	content: '\f00c' !important;	
	border-color: #757575 !important;	
	background-color: #757575 !important;
	color: #fff !important;
	font-size: 12px !important;
}
.etest-custom-checkbox.readonlyUnchecked:before{
	content: ' ' !important;	
	border-color: #eee !important;	
	background-color: #fafafa !important;	
	box-shadow: none !important;
}


.etest-custom-checkbox.checked.withIcon > i {	
	color: #4CAF50;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.etest-custom-checkbox.checked.withIcon > i:before {
	content: '\f14a' !important;
}

.etest-custom-checkbox.checked.withIcon.circle > i {	
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.etest-custom-checkbox.checked.withIcon.circle > i:before {
	content: '\f00c' !important;
}

.etest-introslide-outer.isPlaying {

	min-height: 300px;
	
	font-family: Open sans, arial, sans-serif;
}
/*
.etest-main.withIntroSlide .etest-screen-inner, 
.etest-main.withIntroSlide .etest-question-content {
	background-color: #34495e;
}*/
.etest-introslide-hero {
	padding: 20px;
	
	
	box-sizing: border-box;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	
	/*background-color: #edf8fa;
	
	color: #3d7b82;*/
	background-color: #2c3e50;
	color: #fff;
	overflow: hidden;
}

.isPlaying .etest-introslide-hero {
	min-height: 250px;
	font-family:  Open Sans, arial, sans-serif;/*Kalam, */
	margin: -50px -350px 0 -350px;
	padding: 50px 350px;
	
	/*background: #edf8fa url('/bb/pics/icons/introSlide.jpg') center right no-repeat;*/	
	/*background: #2c3e50 url('/bb/pics/icons/bb.svg') center right no-repeat;*/
	background-size: 30%;
}

.bb-main-edubarPanel .isPlaying .etest-introslide-hero {	
	padding-top: 80px;
}

.bb-main-edubarPanel .etest-introslide-hero .startBbBtn {
	display: none;
}
.etest-introslide-hero-bg {
	position: absolute;
	right: 0;
	top: 0%;
	height: 40%;
	opacity: 0.2;
	width: 50%;
	background: url('/bb/pics/icons/bb.svg') center right no-repeat;
	background-size: contain;
	transform: rotate(10deg);
	transform-origin: center center;
}


.isPlaying .etest-introslide-hero-inner {
	text-align: left;	
	width: 50%;
}

@media screen and (max-width: 700px) {
	.etest-introslide-hero {
		justify-content: flex-end;
	}
	.isPlaying .etest-introslide-hero-inner {
		width: 90%;
	}

	.etest-introslide-hero-bg {
		opacity: 0.15;
		top: -30px;
		transform: rotate(-10deg);
		transform-origin: top right;

	}
}

.etest-introslide-hero-abovetitle {
	opacity: 0.5;
	
	font-size: 0.8em;
}
.etest-introslide-hero-belowtitle {
	opacity: 0.5;
	font-size: 0.8em;
	
}
.etest-introslide-hero-title {
	font-size: 1.2em;
}
.isPlaying .etest-introslide-hero-title {
	font-size: 1.5em;

}

.etest-introslide-subtitle {
	padding: 20px 0;
	
	text-align: right;
	font-size: 1.1em;
	background-color: #fff;
}


.etest-introslide-subtitle-text {
	opacity: 0.5;
}

.etest-introslide-bbcontent {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-top: 30px;
}

.bb-main-edubarPanel .etest-introslide-bbcontent {
	flex-flow: row nowrap;
}
.etest-introslide-bbstudent {
	flex: 100% 1 1;
}

.etest-introslide-bbitem {
	flex: 20% 1 1;
	padding:15px;
	text-align:center;
}

.etest-introslide-bbitem img {
	width: 50px;
	height: 50px;
	opacity: 0.5;
	margin-bottom: 8px;
}

.etest-introslide-bbitem a {
	cursor: pointer;
	display: block;
	color: inherit;

	padding: 15px;
}

.etest-introslide-bbitem a:active {
	background-color: rgba(0,0,0,0.1);
	text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
	.etest-introslide-bbitem a:hover {
		background-color: rgba(0,0,0,0.1);
		text-decoration: none;
	}
}


.etest-answers-restore-item {
	padding: 8px;
	border-top: 1px solid rgba(0,0,0,0.05);
}

.etest-answers-restore-item:last-child {
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

.etest-answers-restore-item a {
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	color: #0091EA;
	padding: 3px 10px;

	margin-left: 15px;
}

.etest-answers-restore-item a:hover {
	background-color: rgba(0,0,0,0.05);
	color: #0091EA;
	text-decoration: none;
}


.etestw-ocr-fields {
	flex: auto 1 1;
	margin-right: 1cm;
}

.etestw-ocr-img {
	flex: auto 0 0;
}

.etest-ocr-test-title {
	font-size: 1.5em;
	font-weight: bold;
}

.etestw-ocr-name-row {
	display: flex;
	flex-flow: row nowrap;
	
}
.etestw-ocr-name-title {
	
	margin: 0.2cm 0;
	font-weight: bold;
}

.etestw-ocr-name-box {
	flex: 0.5cm 1 1;
	margin-right: 0.15cm;
	border: 1px solid #999;

	height: 1cm;
}

.etestw-ocr-name-box-w0 {
	flex: 4cm 1 1;
	margin-right: 0.15cm;
}
.etestw-ocr-name-box-w {
	width: 100%;
	box-sizing: border-box;
	
	border: 1px solid #999;

	height: 1cm;
}

.etestw-ocr-img-br {
	flex: auto 1 1;
	text-align: right;
}

.etestw-ocr-img-bl {
	flex: auto 1 1;
	text-align: left;
}


.etestw-ocr-img-br0 {
	flex: auto 1 1;
	text-align: right;
	position: relative;
}

.etestw-ocr-img-bl0 {
	flex: auto 1 1;
	text-align: left;
	position: relative;
}

.etestw-page-index {
	color: rgba(0,0,0,0.5);
}

.sgrword.fixPosition {
	white-space: nowrap;
	word-wrap: none;
	word-break: keep-all;
	text-decoration: inherit;
	text-transform: inherit;
	font-style: inherit;
	font-weight: inherit;
}


.etestw-ocr-rect0 {
	
	width:21px;
	height: 21px;
	/*background-color: #000;*/
	box-sizing: border-box;
	border: 3px solid black;
	display: inline-block;	
	position: relative;
	vertical-align: bottom;
	align-self: flex-end;
}

.etestw-ocr-rect1 {
	position: absolute;
	box-sizing: border-box;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 3px solid #fff;
}


.etestw-ocr-rect2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: #000;
}

.etestw-ocr-test-row {
	display: flex;
	flex-flow: row nowrap;
}
.etestw-ocr-test-row .etestw-ocr-rect0 {
	flex: auto 0 0;
	margin-right: 15px;
	align-self: flex-start;
}
.etest-ocr-test-title {
	flex: auto 1 1;	
}

.etest-image-preview-link:not(.etest-imagefile-item) img {
	max-width: 50px;
	max-height: 50px;;
}

.etest-overlay-photoswipe {
	background-color: #000;
	min-height: 100vh;
	min-width: 100vw;
}

.etest-pswp-comment-outer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100000;
	background-color: rgba(0,0,0,0.1);
}

.etest-pswp-comment-inner {
	max-width: 1200px;
	margin: auto;	
	display: flex;
	flex-flow: row nowrap;
}

.etest-pswp-comment-inner .textareaOuter  {
	flex: auto 1 1;
	position: relative
}

.etest-pswp-comment-inner .textareaOuter .etest-atts-btns {
	position: absolute;
	right: 15px;
	bottom: 0;
}

.etest-pswp-comment-inner .textareaOuter .etest-atts-btns a,
.etest-pswp-comment-inner .textareaOuter  a {
	color: rgba(255,255,255,0.7);
	cursor: pointer;	
}
.etest-pswp-comment-inner .textareaOuter  a:hover {
	color: rgba(255,255,255,1);
}

.etest-pswp-comment-inner .etest-pwsp-comment-button {
	flex: auto 0 0;	
}

.etest-pswp-comment-field {
	color: #fff;
	background-color: transparent;
	padding: 8px;
	width: 100%;
	box-sizing: border-box;
	border: 0;
	max-height: 5.8em;
	padding-right: 30px;
}
.etest-pswp-comment-field.etest-pswp-body-field {
	width: 40px;
	padding: 5px 8px;
	background-color: transparent;
}
.etest-pswp-comment-field:focus{
	outline: 2px solid #AED581;
	background-color: rgba(0,0,0,0.8);
}

.etest-pswp-comment-field::placeholder {
	color: rgba(255,255,255,0.4);
}
.etest-attachement-link {
	cursor: pointer;
}

.etest-image-preview-file-outer {
	color: #fff;
	padding-top: calc(50vh - 100px);
	text-align: center;
	max-width: 300px;
	margin:auto;

}

.etest-image-preview-file-outer a {
	display: inline-block;
	color: inherit;
	padding: 10px;
}
.etest-image-preview-file-outer a:hover {
	text-decoration: none;
	background-color: rgba(255,255,255,0.1);
}

.etest-pswp-header-title {
	position: absolute;
	color: #fff;
	float: left;
	margin-left: 50px;
	height: 44px;
	line-height: 44px;
	
}

.pswp__button--close.etest-pswp-close-button {
	background-image: none !important;
	text-transform: uppercase;
	line-height: 44px;
	color: #fff;
	padding-left: 12px;
	padding-right: 12px;
	width: auto;
}
.flat-button.etest-pswp-button-trblack {
	text-transform: uppercase;
	color: rgba(255,255,255,0.5);
  	background-color: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.0);
}
.flat-button.etest-pswp-button-trblack:focus,
.flat-button.etest-pswp-button-trblack:active {
	border-color: rgba(255,255,255,0.0);
	outline: 0;
}
.flat-button.etest-pswp-button-trblack:hover {
	background-color: rgba(255,255,255,0.2);
	color: rgba(255,255,255,1);
}

.etest-pswp-score-label {
	padding: 3px 8px;
	font-size: 11px;
}

.etest-pswp-score-outer {
	flex: 80px 0 0;
	background-color: rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.5);
}

.etest-pswp-question-index {
	flex: auto 0 0;
	padding: 8px 8px 8px 0;
	color: rgba(255,255,255,0.5);		
}

.etest-pswp-changebody-btn {
	color: inherit;
	cursor:pointer;
	padding: 4px 2px;	
}

.etest-pswp-changebody-btn:hover {
	background-color: rgba(255,255,255,0.1);
	text-decoration:none;
	color: #fff;
}

.etest-offline-view {
	text-align: center;
	padding: 15vh 20px;
	opacity: 0.4;
}

.etest-offline-view-icon {
	margin-bottom: 20px;
	opacity: 0.6;
}

.etest-offline-view-icon i {
	font-size: 64px;
}
.etest-offline-close-btn {
	margin-top: 25px;
}

.etest-result-button .flat-button {
	margin-bottom: 4px;
	margin-right: 4px;
}


.etest-offline-view {
	text-align: center;
	padding: 15vh 20px;
	color: rgba(0,0,0,0.4);
}

.etest-offline-view-icon {
	margin-bottom: 20px;
	opacity: 0.6;
}

.etest-offline-view-icon i {
	font-size: 64px;
}

.etestw .marker-yellow {
	background-color: #fdfd77;
}

.etestw .marker-green {
	background-color: #63f963;
}

.etestw .marker-pink {
	background-color: #fc7999;
}

.etestw .marker-blue {
	background-color: #72cdfd;
}
.etestw .pen-red {
	background-color: #e91313;
}
.etestw .pen-green {
	background-color: #118800;
}

.etest-player-restore-answers-msg {
	background-color: #FFCDD2;
	box-shadow: 0 1px 2px rgba(0,0,0,0.35);
	position: sticky;	
	top: 55px;
	width: 100%;
	padding: 8px;
	z-index: 3;
	box-sizing: border-box;
}

.etest-player-restore-answers-msg.etest-player-override-epl-elem {
	background-color: #D81B60;
	color: #fff;
}

.etest-player-restore-answers-msg-btns {
	float: right;
}

.etest-seditor-publish-subtitle {
	font-weight: normal;
	opacity: 0.7;
	font-size: 13px;
}


.mobileBody .ui-menu .ui-menu-item-wrapper {
	padding-top: 10px;
	padding-bottom: 10px;
}

.etest-card-actions-points-edit-correct {	
	display: inline-block;
	
	background: center left no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0LjQsMzQuNCkgc2NhbGUoMC42LDAuNikiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiPjwvcGF0aD48ZyBmaWxsPSIjMmVjYzcxIiBzdHJva2U9Im5vbmUiPjxwYXRoIGQ9Ik0xNDcuNDksMjkuNjdjLTAuMTA3NSwwLjAyNjg4IC0wLjIxNSwwLjA2NzE5IC0wLjMyMjUsMC4xMDc1Yy0wLjkwMDMxLDAuMjI4NDQgLTEuNjc5NjksMC44MDYyNSAtMi4xNSwxLjYxMjVsLTcwLjMwNSwxMDkuMDA1bC00OC4zNzUsLTQzLjY0NWMtMC44NDY1NiwtMS4wNzUgLTIuMjU3NSwtMS41NDUzMSAtMy41ODc4MSwtMS4xOTU5NGMtMS4zMzAzMSwwLjM0OTM3IC0yLjMxMTI1LDEuNDY0NjkgLTIuNTEyODEsMi44MjE4N2MtMC4yMDE1NiwxLjM1NzE5IDAuNDE2NTYsMi43MDA5NCAxLjU4NTYyLDMuNDI2NTZsNTEuMjc3NSw0Ni40NGMwLjc1MjUsMC42NTg0NCAxLjc2MDMxLDAuOTU0MDYgMi43NTQ2OSwwLjgwNjI1YzAuOTk0MzgsLTAuMTQ3ODEgMS44Njc4MSwtMC43MTIxOSAyLjQwNTMxLC0xLjU1ODc1bDcyLjU2MjUsLTExMi40NDVjMC43OTI4MSwtMS4xMjg3NSAwLjgzMzEzLC0yLjYyMDMxIDAuMTA3NSwtMy43ODkzN2MtMC43MjU2MiwtMS4xNjkwNiAtMi4wODI4MSwtMS43ODcxOSAtMy40NCwtMS41ODU2M3oiPjwvcGF0aD48L2c+PC9nPjwvZz48L3N2Zz4=');	
	background-size: contain;
}

.etest-card-actions-points-edit-wrong {	
	display: inline-block;
	
	background: center left no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0LjQsMzQuNCkgc2NhbGUoMC42LDAuNikiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiPjwvcGF0aD48ZyBmaWxsPSIjZTc0YzNjIiBzdHJva2U9Im5vbmUiPjxwYXRoIGQ9Ik0yNi41NTI1LDIxLjYwNzVsLTQuOTQ1LDQuOTQ1bDU5LjQ0NzUsNTkuNDQ3NWwtNTkuNDQ3NSw1OS40NDc1bDQuOTQ1LDQuOTQ1bDU5LjQ0NzUsLTU5LjQ0NzVsNTkuNDQ3NSw1OS40NDc1bDQuOTQ1LC00Ljk0NWwtNTkuNDQ3NSwtNTkuNDQ3NWw1OS40NDc1LC01OS40NDc1bC00Ljk0NSwtNC45NDVsLTU5LjQ0NzUsNTkuNDQ3NXoiPjwvcGF0aD48L2c+PC9nPjwvZz48L3N2Zz4=');	
	background-size: contain;
}

.etest-card-source-footer {
	margin-top: 1em;
	text-align: right;
	opacity: 0.7;
	font-style: italic;
	font-size: 0.85em;
}

.etest-card-source-footer a {
	color: inherit;	
}


@font-face {
	font-family: 'DRBuch';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url(/global/pics/fonts/DRBuch-Regular.otf?v=2);  
}

@font-face {
	font-family: 'DRBuch';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src: url(/global/pics/fonts/DRBuch-Bold.otf?v=2);  
}

@font-face {
	font-family: 'DRBuch';
	font-style: italic;
	font-weight: normal;
	font-display: swap;
	src: url(/global/pics/fonts/DRBuch-Italic.otf);  
}

@font-face {
	font-family: 'DRBuch';
	font-style: italic;
	font-weight: bold;
	font-display: swap;
	src: url(/global/pics/fonts/DRBuch-BoldItalic.otf);  
}


@font-face {
	font-family: 'DRHand';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url(/global/pics/fonts/DRHand-Regular.otf?v=2);  
}

@font-face {
	font-family: 'DRHand';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src: url(/global/pics/fonts/DRHand-Bold.otf?v=2);  
}

.etest-card-raabe {
	font-family: 'DRBuch', Arial, Helvetica, sans-serif;
}


  
.savedInAnotherEplid .etest-screen-questions {
	display: none;
}

.etest-screen-questions.questions-hidden {
	position: relative;
}

.etest-screen-questions.questions-hidden::before {
	content: "\f1d9";
	position: absolute;	
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 90px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0.2;
	top: calc(50% - 45px);
	left: calc(50% - 45px);
	animation: fly3 4000ms linear;
	animation-iteration-count: infinite;
	animation-delay: 2s;
}


@keyframes fly3 {
	0% {
		transform:  rotate(0deg);
		transform-origin: -300px -300px;
		animation-timing-function: ease-out;
	}
	60% {
		transform: rotate(-360deg);
		transform-origin: -300px -300px;
		animation-timing-function: ease-out;
	}		
	60%, 100% {
		transform: rotate(-360deg);
		transform-origin: -300px -300px;
		animation-timing-function: linear;
	}
}
.etest-imagefile-item-inner {
	display: flex;
	flex-flow: column nowrap;
}

.etest-imagefile-item-inner1 {
	/*display: flex;*/
	flex-flow: column nowrap;
	flex: 100% 1 1;
	height: 100%;
}
.etest-imagefile-item-inner0 {
	flex: 100% 1 1;
	/*display: flex;*/
	flex-flow: column nowrap;
	height: 100%;
}
.etest-imagefile-item-inner1.rotated {
	position: relative;
	overflow: hidden;
	height: 0;
	box-sizing: content-box;
	padding-bottom: 66%;
}
.etest-imagefile-item-inner1.rotated .etest-imagefile-item-inner0 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

}

.etest-input-answer-print-val {	
	padding: 5px;
	border: 1px solid black; 	
	display: inline-block;
}

.etest-input-answer-print-val.isCorrect {
	background-color: #DCEDC8; 
	border-color: #4CAF50;
}
.etest-player-resultbar-score-desc {
	text-align: left;
	display: table;
}
.etest-player-resultbar-score-desc > div {
	margin-left: 8px;
	padding: 3px 0;	
	
	display: table-row;
}

.etest-player-resultbar-score-desc > div > span {
	display: table-cell;	
}
.etest-player-resultbar-score-desc > div > span:first-child {
	padding-right: 20px;
	opacity: 0.8;
	white-space: nowrap;
}
.etest-player-resultbar-score-desc > div b {	
	font-size: 1.2em;
}

.etest-text .image,
.etest-text.ck-content .image {
	display: table;
	clear: both;
	text-align: center;
	margin: 0.9em auto;
	min-width: 50px;	
}

.etest-text .image img,
.etest-text.ck-content .image img {	
	display: block;
	margin: 0 auto;
	max-width: 100%;
	min-width: 100%
}

.etest-text .image-inline,
.etest-text.ck-content .image-inline {
	display: inline-flex;	
	max-width: 100%;
	align-items: flex-start;
}

.etest-text .image-inline picture,
.etest-text.ck-content .image-inline picture {
	display: flex;
}

.etest-text .image-inline picture,
.etest-text .image-inline img,
.etest-text.ck-content .image-inline picture,
.etest-text.ck-content .image-inline img {	
	flex-grow: 1;
	flex-shrink: 1;	
	max-width: 100%;
}



.etest-text .image-style-block-align-left,
.etest-text.ck-content .image-style-block-align-left,
.etest-text .image-style-block-align-right,
.etest-text.ck-content .image-style-block-align-right {
		max-width: calc(100% - 1.5em);
	}


.etest-text .image-style-align-left,
.etest-text.ck-content .image-style-align-left,
.etest-text .image-style-align-right,
.etest-text.ck-content .image-style-align-right {
	clear: none;
}

.etest-text .image-style-side,
.etest-text.ck-content .image-style-side {
	float: right;
	margin-left: 1.5em;
	max-width: 50%;
}

.etest-text .image-style-align-left,
.etest-text.ck-content .image-style-align-left {
	float: left;
	margin-right: 1.5em;
}

.etest-text .image-style-align-center,
.etest-text.ck-content .image-style-align-center {
	margin-left: auto;
	margin-right: auto;
}

.etest-text .image-style-align-right,
.etest-text.ck-content .image-style-align-right {
	float: right;
	margin-left: 1.5em;
}

.etest-text .image-style-block-align-right,
.etest-text.ck-content .image-style-block-align-right {
	margin-right: 0;
	margin-left: auto;
}

.etest-text .image-style-block-align-left,
.etest-text.ck-content .image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}

.etest-text div + .image-style-align-left,
.etest-text div + .image-style-align-right,
.etest-text div + .image-style-side,
.etest-text.ck-content div + .image-style-align-left,
.etest-text.ck-content div + .image-style-align-right,
.etest-text.ck-content div + .image-style-side {
	margin-top: 0;
}

.etest-text .image-inline.image-style-align-left,
.etest-text .image-inline.image-style-align-right,
.etest-text.ck-content .image-inline.image-style-align-left,
.etest-text.ck-content .image-inline.image-style-align-right {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

.etest-text .image-inline.image-style-align-left,
.etest-text.ck-content .image-inline.image-style-align-left {
	margin-right: 0.75em;
}

.etest-text .image-inline.image-style-align-right,
.etest-text.ck-content .image-inline.image-style-align-right {
	margin-left: 0.75em;		
}

.etest-barmessage-below-time {
	top: 40px;
	bottom: auto;
}

.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}


.etest-alist-abcd.etest-play.etest-alist-answerstats > li {
	margin-bottom: 4px;
	border-radius: 10px;
}

.etest-alist-abcd.etest-play.etest-alist-answerstats > li:hover {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.35);
	outline: 2px solid rgba(0, 0, 0, 0.5);
}

.etest-alist-abcd.etest-play.etest-alist-answerstats > li  > .etest-answer-num {
	box-shadow: none;
	top: 0;
	bottom: 0;
	border-radius: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.etest-alist-astat-outer {
	position: absolute;
	bottom: 0;	
	left: 10px;
	right: 0;
}

.etest-alist-astat-prg {
	height: 5px;
}

.etest-alist-astat-val {
	text-align: right;
	font-weight: bold;

}

.etest-alist-astat-val span {
	padding: 5px 8px;
}

.etest-abcd-answerstats-flex {
	display: flex;
	flex-flow: row wrap;
	gap: 12px;
}

.rpageInner .etest-abcd-answerstats-flex {
	flex-flow: row nowrap;
	width: 100%;
	box-sizing: border-box;
}

.etest-abcd-answerstats-flex > ol {
	flex: 70% 7 7;
	min-width: 300px
}
.etest-abcd-answerstats-flex > .etest-abcd-answerstats-chart {
	flex: 200px 0 0;
	/*min-width: 150px;
	max-width: 220px;*/
	page-break-inside: avoid;
}

.rpageInner .etest-abcd-answerstats-flex > ol {
	flex: 70% 1 1;
}
.rpageInner .etest-question-playactions {
	display: none;
}


.etest-elaboration-anstat-item {
	padding: 8px 0;
	position: relative;
}

.etest-elaboration-anstat-item .fa {
	position: relative;
	left: -10px;
	top: 0;
}

.etest-player-audios{
	display: none;
}

.etest-question-number-points-res {
	white-space: nowrap;
	display: inline-block;
	opacity: 0.9;
	
	font-weight: normal;
}


.etest-game-ifr {
	background-color: transparent;
	border: 0;
	width: 100%;
	display: block;
	height: 70vh;
}

.etest-screen-inner.single-game {
	padding-top: 0;
	padding-bottom: 0;
}
.etest-screen-inner.single-game iframe {
	border: 0;
	display: block;
}

.etest-screen-inner.single-game .etest-question > .etest-composite-inner > .etestw, 
.etest-screen-inner.single-game .etest-question > .etest-composite-inner > .etest-composite-inner > .etestw {
	margin-bottom: 0;
}



.ui-dialog.etest-dialog-full-height,
.ui-dialog.etest-dialog-full-height .ui-dialog-content {
	max-height: none !important;
	border-radius: 0 !important;
}

.mobileBody .ui-dialog.etest-dialog-full-height,
.mobileBody .ui-dialog.etest-dialog-full-height .ui-dialog-content {
	height: 100vh;
}

.app-dark-mode .etest-text img {
	background-color: #fff;
}

.etest-lottie-controls {
	display: flex;
	flex-flow: row nowrap;
}
.etest-lottie-control-btn {
	border: 0;
	background-color: transparent;
	cursor: pointer;
	padding: 8px;
	border-radius: 50%;
}
@media (hover: hover) and (pointer: fine) {
	.etest-lottie-control-btn:hover {
		background-color: rgba(0, 0, 0, 0.05);
	}
}

.etest-lottie-control-btn:active {
	background-color: rgba(0, 0, 0, 0.1);
}

.etest-lottie-control-btn:focus {
	outline: 2px solid #FFC107;
}


.etest-lottie-range {
	height: 1em;
	background: transparent;
	flex: 80% 1 1;
	appearance: none;
	-webkit-appearance: none;	
	position: relative;

	align-self: center;
}
.etest-lottie-range:focus {
	outline: 2px solid #FFC107;
}

.etest-lottie-range:focus {
  	outline: none;
}

.etest-lottie-range::-webkit-slider-runnable-track {
  	width: 100%;
  	height: 0.4em;
  	cursor: pointer;  	
  	background: rgba(0,0,0,0.05);
  	border-radius: 0.5em;
  	border: 0;
	
}

.etest-lottie-range::before {
	content: ' ';
	position: absolute;
	top: 0.3em;
	height: 0.4em;
	left: 0;
	width: var(--percent, 0);
	background-color: #B3E5FC;
}

.etest-lottie-range::-webkit-slider-thumb {
  	
  	height: 1em;
	width: 1em;	
  	border-radius: 50%;
  	background: #2196F3;
  	cursor: pointer;
  	-webkit-appearance: none;
  	margin-top: -0.3em;
	position: relative;
	z-index: 1;
}

.etest-lottie-range:focus::-webkit-slider-thumb {
  	outline: 2px solid #FFC107;
}

.etest-lottie-range::-moz-range-track {
	width: 100%;
	height: 0.4em;
	cursor: pointer;  	
	background: rgba(0,0,0,0.05);
	border-radius: 0.5em;
	border: 0;
}
.etest-lottie-range::-moz-range-thumb {
	height: 1em;
	width: 1em;	
  	border-radius: 50%;
  	background: #2196F3;
  	cursor: pointer;
  	-moz-appearance: none;
	appearance: none;
  	margin-top: -0.3em;
	position: relative;
	z-index: 1;
	border: 0;
}

.etest-lottie-playpause-elem {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	padding: 12px;		
	opacity: 0.5;	
	border-radius: 16px;
	display: none;
	font-size: 16px;
}


.etest-screen-container  {
	container-type: size;
	overflow: auto;
}

.etest-screen-single-with-bg,
.etest-card-with-design {	
	aspect-ratio: 16/9;
}


.etest-screen-single-with-bg .etest-question-content,
.etest-card-with-design .etest-question-content {
	background-color: transparent;
}

.etest-slide-background-outer {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
}
.etest-slide-background {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	mask-repeat: no-repeat;
	mask-size: 100%;
	mask-mode: match-source;
}

:root {
	/*--etest-fontColor: ;
	--etest-titleColor: ;
	--etest-cardBackgroundColor: ;
	--etest-titleFontFamily: ;
	--etest-titleFontSize: 1.6em;
	--etest-textFontFamily: ;

	--etest-textFontSize: 1em;*/
}

.etest-question,
.etestw {
	font-family: var(--etest-fontFamily, inherit);
	font-size: var(--etest-fontSize, inherit);
	color: var(--etest-fontColor, inherit);
}

.etest-question .etest-title,
.etestw  .etest-title {
	color: var(--etest-titleColor, inherit);
	font-family: var(--etest-titleFontFamily, inherit);
	font-size: var(--etest-titleFontSize, 1.6em);
}
.etest-screen .etest-question-number-title {
	color: var(--etest-fontColor, black);
}

.cardstyle-blackboard {
	font-family: Kalam, arial, sans-serif;
	font-size: 1rem;
}

.cardstyle-blackboard .etest-title {
	font-family: Kalam, arial, sans-serif;
	font-size: 3rem;
	margin: 1rem 0;
}

.cardlayout-center-center .etest-question-content {
	justify-content: center;
	align-items: center;
}
.cardlayout-center-center .etest-question-content .etest-text:not(.etest-answer-inner) {
	text-align: center;
}

.cardlayout-center-center .etest-question-content > .HBoxETestWidget {
	align-self: stretch;
}


.cardlayout-center-left .etest-question-content {
	justify-content: center;
	align-items: stretch;
}

.cardlayout-top-left .etest-question-content {
	justify-content: flex-start;
	align-items: stretch;
}

.cardlayout-bottom-left .etest-question-content {
	justify-content: flex-end;
	align-items: stretch;
}

.cardlayout-spacebetween-left .etest-question-content {
	justify-content: space-between;
	align-items: stretch;
}

.cardlayout-spacebetween-center .etest-question-content {
	justify-content: space-between;
	align-items: center;
	text-align: center;
}


.cardlayout-twocolumns-center .etest-question-content {
	flex-flow: row wrap;
	align-items: center;
	gap: 12px
}

.cardlayout-twocolumns-center .etest-question-content > .etest-question-number {
	flex: 100% 0 0;
}
.cardlayout-twocolumns-center .etest-question-content > *:first-child:not(.etest-question-number) {
	text-align: right;
}
.cardlayout-twocolumns-center .etest-question-content > * {
	flex: calc(50% - 12px) 1 1;
	min-width: 250px;
}



.etest-card-with-design {
	position: relative;
}




@media screen and (max-width: 500px) {
	.etest-object-hidden-mobile {
		display: none;
	}
}
@container (max-width: 500px) {
	.etest-object-hidden-mobile {
		display: none;
	}
}

/*@media screen and (min-width: 500px) {
	.etest-object-hidden-screen {
		display: none;
	}
}*/
@container (min-width: 500px) {
	.etest-object-hidden-screen {
		display: none;
	}
}



.etest-screen-inner .etest-card-with-design {
	margin: -50px;
}
.etest-screen-inner,
.etest-card-with-design {
	padding-top: var(--etest-screenPaddingTop, 50px);	
	padding-right: var(--etest-screenPaddingRight, 50px);
	padding-bottom: var(--etest-screenPaddingBottom, 50px);
	padding-left: var(--etest-screenPaddingLeft, 50px);
}	



.etest-elem-design-padding {
	padding-top: var(--etest-screenPaddingTop, 0px);	
	padding-right: var(--etest-screenPaddingRight, 0px);
	padding-bottom: var(--etest-screenPaddingBottom, 0px);
	padding-left: var(--etest-screenPaddingLeft, 0px);
	position: relative;
	z-index: 0;
}	
.etest-elem-design-padding > .etest-slide-background-outer {
	z-index: -1;
}

@container (max-width: 800px) {
	.etest-screen-inner .etest-card-with-design {
		margin: -30px;
	}
	.etest-screen-inner,
	.etest-card-with-design {
		padding-top: var(--etest-screenPaddingTop, 30px);	
		padding-right: var(--etest-screenPaddingRight, 30px);
		padding-bottom: var(--etest-screenPaddingBottom, 30px);
		padding-left: var(--etest-screenPaddingLeft, 30px);
	}
}

@container (max-width: 500px) {
	.etest-screen-inner .etest-card-with-design {
		margin: -16px;
	}
	.etest-screen-inner,
	.etest-card-with-design {
		padding-top: var(--etest-mobilePaddingTop, 16px);	
		padding-right: var(--etest-mobilePaddingRight, 16px);
		padding-bottom: var(--etest-mobilePaddingBottom, 16px);
		padding-left: var(--etest-mobilePaddingLeft, 16px);
	}	
}

@container (max-width: 800px) {
	.etest-elem-design-padding {
		padding-top: var(--etest-screenPaddingTop, 0px);	
		padding-right: var(--etest-screenPaddingRight, 0px);
		padding-bottom: var(--etest-screenPaddingBottom, 0px);
		padding-left: var(--etest-screenPaddingLeft, 0px);
	}
}

@container (max-width: 500px) {
	.etest-elem-design-padding {
		padding-top: var(--etest-mobilePaddingTop, 0px);	
		padding-right: var(--etest-mobilePaddingRight, 0px);
		padding-bottom: var(--etest-mobilePaddingBottom, 0px);
		padding-left: var(--etest-mobilePaddingLeft, 0px);
	}	
}


@media screen and (max-width: 800px) {
	.etest-screen-inner {
		padding: 30px;	
	}
}
@container (max-width: 800px) {
	.etest-screen-inner {
		padding: 30px;	
	}
}

@media screen and (max-width: 500px) {
	.etest-screen-inner {
		padding: 16px;	
		border: 0;
	}	
	.etest-screen-inner.etest-screen-testme-single {
		padding-top: 32px;
	}
}
@container (max-width: 500px) {
	.etest-screen-inner {
		padding: 16px;	
		border: 0;
	}	
	.etest-screen-inner.etest-screen-testme-single {
		padding-top: 32px;
	}
}

@media screen and (max-width: 500px) {

	.etest-screen-action-btn {
		padding: 12px 16px;
	}
}




.etestw.designerSelected {
	outline: 2px dashed rgba(241, 196, 15,0.7);
	outline-offset: 2px;
}