:root {
  --qhighlight: #00ff16;
  --qerror: #ec0016;
  }
.pg_picCoQuiz_frame {background-color:var(--box-background);border: 1px solid #0e2f48; margin-top: 3%; padding: 24px !important; border-radius: 12px;}
.pg_picCoQuiz_frame h3 {color: #464646; margin-bottom: 2vw; text-align: center;font-weight: 400;font-size: 1.4em;}
.pg_picCoQuiz_frame h3 span {font-size: 2em; display: inline-block; margin-bottom: 1%; background-color: var(--darkBlue); color: #fff; padding: 4px 30px}
.pg_picCoQuiz_title {text-align: center; padding-bottom: 20px; font-size: 1.2em}

.pg_picCoQuiz_head > div {display: flex; justify-content: space-between; align-items: center; width: 80%; margin: 0 auto; padding: 20px 0; font-size: 1.2em;min-height: 7rem;}
.pg_picCoQuiz_head button {margin: 0; border-radius: 5px; background-color: var(--highlight-1); font-size: initial; border: none; padding: 10px;font-weight: bold; box-shadow: 2px 2px 5px rgba(0,0,0,0.2)}
.pg_picCoQuiz_head button:hover {box-shadow: none}
.pg_picCoQuiz_evaluation {display: none}	
.pg_picCoQuiz_next {width: 20%}
.pg_picCoQuiz_nextFrame {display: none} 
.pg_picCoQuiz_count {width: 10%; text-align:right; font-weight: bold}

.pg_picCoQuiz_inner {display: flex; justify-content: center; flex-wrap: wrap}
.pg_picCoQuiz_inner > .pg_picCoQuiz_picFrame {width: 48%; display: flex;justify-content: center; flex-wrap: wrap; background-color: var(--darkBlue); margin: 1%; padding: 1vw 1vw 2vw; position: relative}
.pg_picCoQuiz_inner > .pg_picCoQuiz_picFrame button {width: initial; display: inline-block; background-color: rgba(0,0,0,0); border: 4px solid rgba(0,0,0,0); box-shadow: none; padding: 0; margin: 0;max-height: 95%;overflow: hidden;width: 100%; display: flex; align-items: flex-start;}
.pg_picCoQuiz_inner > .pg_picCoQuiz_picFrame button:hover {border: 4px solid var(--highlight)} 
.pg_picCoQuiz_inner > .pg_picCoQuiz_picFrame div {position: absolute; bottom: 12px} 
.pg_picCoQuiz_inner > .pg_picCoQuiz_picFrame button.incorrect {border: 4px solid var(--qerror); background-color: var(--qerror)}
.pg_picCoQuiz_inner > .pg_picCoQuiz_picFrame button.correct {border: 4px solid var(--qhighlight); background-color: var(--qhighlight)}
.pg_picCoQuiz_picSolution {width: 98%}

.sk-fading-circle{
	top: 20% !Important;
	width: 30px !Important;
	height: 30px !Important;
}

#PTLEFT, #PTRIGHT {font-size: 14px; color: var(--white)}
.pg_picCoQuiz_inner > .pg_picCoQuiz_picFrame button img {max-width: 70%; margin: 0 auto}

@media(max-width: 768px)
{
	.pg_picCoQuiz_head > div {flex-wrap: wrap; width: 95%}
	.pg_picCoQuiz_evaluation {width: 100%;margin-bottom: 20px;text-align: center;}
	.pg_picCoQuiz_next, .pg_picCoQuiz_count {width: 50%}
	.pg_picCoQuiz_frame {padding: 1rem 0.5rem !important}
	.pg_picCoQuiz_frame h3 {font-size: 1.1em; margin-bottom: 20px;line-height: 1.6em}
	.pg_picCoQuiz_frame h3 span {font-size: 1.8em; margin-bottom: 10px}	
	.pg_picCoQuiz_picFrame p, #COPYTEXT p {font-size: 14px}
}