.qquiz-container {
	color: #015D8E;
	font-family: Jost,inherit;
	position: relative;
}
.qquiz-container .question {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: var(--wp--preset--font-size--large);
}
.qquiz-container .option input {
	display: none !important;
}
.qquiz-container .option label {
	display: flex;
	flex-flow: row-reverse nowrap;
	justify-content: left;
}
.qquiz-container.onlytext .option label {
	font-size: 14pt !important;
	line-height: 2em;
}
.qquiz-container .option .checkmark {
	display: inline-block;
	content: " ";
  min-height: 25px;
	max-height: 25px;
  min-width: 25px;
	max-width: 25px;
	margin: .3em 1em 0 0;
  background-color: transparent;
	border: 2px solid #76CBC8;
	border-radius: 6px;
}
.qquiz-container input:checked ~ .checkmark {
  background-color: #76CBC8;
}
.qquiz-container input:checked ~ .checkmark:after {
	position: absolute;
	border-right: 2.5px solid #015D8E;
	border-bottom: 2.5px solid #015D8E;
	rotate: 45deg;
	content: " ";
	margin-left: 6px;
	width: 9px;
	height: 16px;
	font-size: 25px;
}

.qquiz-container.onlyimages .options-container {
	display: flex;
	flex-flow: row wrap;
	padding: 1em;
}
.qquiz-container.onlyimages .option {
	width: 22%;
	margin: 1.5%;
	padding: 1px 6px;
	border: 2px solid #76CBC8;
	border-radius: 12px;
	position: relative;
}
.qquiz-container.onlyimages .checkmark {
	position: absolute;
}
.qquiz-container.onlyimages .option .img-container {
	position: relative;
	min-height: 100px;
	width: 100%;
}
.qquiz-container.onlyimages .option .img-container:before {
	content: " ";
	position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  border: 4px solid #3498db;
  border-color: transparent #3498db transparent #3498db;
  border-radius: 50%;
  animation: loader 1s linear infinite;
}
@keyframes loader {
  0% {
    transform: translate(-50%,-50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%,-50%) rotate(360deg);
  }
}
.qquiz-container.onlyimages .option img {
	border-radius: 50%;
  background: transparent;
	width: 100%;
	transition: ease-in-out all .2s !important;
	filter: brightness(1);
}
.qquiz-container.onlyimages .option img:hover {
	--scale: 1.05;
	filter: brightness(1.1);
}
.qquiz-container.onlyimages .option img:active {
	--scale: 1;
}
.qquiz-container.onlyimages .options-container {
	max-width: 720px;
	margin: 0 auto;
}
.qquiz-container.survey .stars-container {
	display: flex;
	flex-flow: row nowrap;
	width: 70%;
	margin: 2em auto;
	justify-content: space-between;
}
.qquiz-container.survey button {
  background-color: #FED000 !important;
}
.qquiz-container.survey .stars-container div {
	display: block;
	width: 80%;
	fill: transparent;
	stroke: rgb(1, 93, 142);
}
.qquiz-container.survey textarea {
	width: 100%;
	min-height: 16em;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .05);
	font-family: inherit;
	padding: 1em;
}
.qquiz-container button {
	font-weight: 800;
	margin-top: 2em;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 33%;
	margin-left: 33%;
	height: 4em;
	cursor: pointer;
	/*font-size: var(--wp--preset--font-size--big);*/
	font-size: 14pt;
	text-transform: uppercase;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .05);
	transition: background ease .25s;
	color: #015D8E !important;
	background-color: #76CBC8;
}
.qquiz-container button:hover {
	background-color: #5b9e9b;
}
.qquiz-container button:active {
	background-color: #76CBC8;
}