#activityCanvas{
	font-family: 'Montserrat', Arial, Sans-serif;
    border-radius:10px;
    max-width:930px;
    background-color:#FFF;
    padding:10px 15px;
    border:1px solid #000;
    -moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	position: relative;
	margin: 15px 0px;
}

#activityCanvas table{
	background-color:transparent !important;
}

.quizFooter{
    font-family: Arial, sans-serif;
    max-width: 930px;
    background-color: transparent;
    display: inline-block;
    position: relative;
	width: 100%;
}
.quizFooterRow1{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

#disagreementDiv{
	float: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
	padding: 1.25rem;
	width: 400px;
	top: -20px;
	z-index: 5;
}

#passMarkEncapsulator{
	float: right;
    margin-right: unset;
    max-width: 39%;
}

.quizProgressInformation{
	display: inline-block;
	max-width: 96vw;
	margin-bottom:10px;
}

.quizInfoEncapsulator{
	position: relative;
	float: left;
	margin-right: 2vw;
}

#levelEncapsulator{
	position: relative;
	float: left;
}

#assessmentTypeEncapsulator{
	position: relative;
	float: left;
}

#attemptsEncapsulator{
	position: relative;
}

#scoreEncapsulator{
	position: relative;
}

p.quizInstructions{
	margin-bottom: 5px;
}

.group-left {
	padding: 0.5em;
	margin: 0;
	border-radius: 15px 0 0 15px;
	border: 1px solid;
	width: fit-content;
	width: -ms-fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	color: #6EAC39;
	font-weight: bold;
	float: left;
	padding-right: 25px;
}

.group-middle {
	padding: 0.5em;
	margin: 0;
	border-radius: 0;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: fit-content;
	width: -ms-fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	color: #6EAC39;
	font-weight: bold;
	float: left;
	text-align: center;
	display: block;
}

.group-right {
	padding: 0.5em;
	margin: 0;
	border-radius: 0 15px 15px 0;
	background-color: #E7E5E5;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: fit-content;
	width: -ms-fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	color: #6EAC39;
	font-weight: bold;
	float: left;
	text-align: center;
	display: block;
}

@media all and (max-width: 660px) { /* Less than 630px */
	.quizInfoEncapsulator{
		float: left;
		width: 100%;
		padding-top: 1%;
		padding-bottom: 1%;
	}
	.group-left.quiz-info-left{
		width: 70%;
	}
	.group-right.quiz-info-right{
		width: 30%;
	}
	.group-middle.quiz-info-middle#scoreMiddle{
		width: 15%;
	}
	.group-right.quiz-info-right#scoreRight{
		width: 15%;
	}

	#passMarkEncapsulator{
		width: unset;
		padding-top: 0;
	}
}

#disagreementView{
	float: right;
    padding-top: 20px;
    padding-left: 20px;
	width: 100%;
}

.moveToTheNextQuestion{
	position: absolute !important;
	right: 0 !important;
	bottom: 0 !important;
	margin-bottom: 30px !important;
	margin-right: 30px !important;
}

.feedbackCanvas{
	border-radius:10px;
    --display: inline-block;
    max-width:59%;
    background-color: #f9c732;
    padding:10px 15px;
    border:1px solid #000;
    -moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
    margin:15px 0px;
    float: left;
	margin:0px;
}

.failMessage{
	background-color: rgb(255, 182, 185) !important;	
}

.failMessage p.card-text::before{
    content:" 😩";
}

.passMessage p.card-text::before{
    content:" 😃";
}

.passMessage{
	background-color: #83e03fbf !important;
}

.passmarkLeft{
    white-space: nowrap;
}

#activityCanvas .media_helper_img_display{
	max-width: 95%;
}

#activityCanvas .checkBtn{
	z-index: 999;
}

.quizQuestionNumber{
	background-color:gold!important;
}

.moveToQuestionID.incompleteAnswer{
	background-color: #EC407A !important;
	color:#fff;
}
.moveToQuestionID.completeAnswer{
	background-color: #067a36 !important;
	color:#fff;
}
.colorKey{
	margin-bottom: 20px;
}
.colorKey span{
	display:inline-block;
}
.colorKey > span{
	margin: 0 5px 0 2px;
}

.quizText{
	font-family: 'Montserrat', sans-serif;
    word-wrap: break-word;
    margin-bottom: 0;
	user-select: none;
}