.pb-quiz-forward-tip {
	color: black;
	background-color: white;
	border-style: solid;
	border-radius: 5px;
	border-width: thin;
	width: max-content;
	margin: auto;
	padding: 3px 3px;
}

.pb-quiz-singleResult-btn {
	background: #7d9128;
	color: #fff;
	font-weight: bold;
	height: 30px;
	width: 80px;
	border-radius: 15px;
	border: 1px solid #999;
}

.pb-quiz-single-answer label,
.pb-quiz-single-answer-radio-label {
	display: inline-flex;
	margin-left: 5px;
}

.quiz select {
	border: 1px solid #ccc;
}

.quiz h2 {
	margin-bottom: 15px;
}

.quiz .answer {
	padding: 5px 0 5px 0;
	background-color: #fff;
}

.quiz .error {
	margin-bottom: 10px;
	color: #ff4444;
	background-color: #fff;
	padding: 5px;
}

.quiz .response,
.quiz .pb-quiz-result {
	border: 2px dotted #7d9128;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #eee;
}

.quiz .dropdown_choice select {
	width: 100%;
}

.quiz .question .progressbar {
	border-radius: 13px;
	padding: 3px;
	margin-bottom: 10px;
	background-color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.quiz .question .progressbar > div {
	background-color: orange;
	height: 20px;
	border-radius: 10px;
}

.quiz .question .progressbar > div > span {
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	line-height: 20px;
	margin-left: 10px;
	overflow: hidden;
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 98%;
}

.quiz input[type=checkbox]:not(old),
.quiz input[type=radio]:not(old) {
	background-color: #eae8de;
	border: 1px solid #eae8de;
	border-bottom: 2px solid #3f3f3f;
	box-sizing: border-box;
	color: #3f3f3f;
	font-size: 1.8rem;
	float: none;
	line-height: 2.4rem;
	overflow: hidden;
	padding: .6rem 1rem;
	transition-property: border,box-shadow;
	width: 2.6rem !important;
	position: absolute;
}

.quiz input[type=checkbox]:not(old) + label,
.quiz input[type=radio]:not(old) + label {
	line-height: 1.5em;
}

.quiz input[type=checkbox]:not(old) + label > span:first-child,
.quiz input[type=radio]:not(old) + label > span:first-child {
	display: inline-block;
	width: 0.875em;
	height: 0.875em;
	margin: 0.25em 0.5em 0.25em 0.25em;
	border: 0.0625em solid rgb(192,192,192);
	border-radius: 0.25em;
	background: rgb(224,224,224);
	background-image: -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image: -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image: -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image:linear-gradient(rgb(240,240,240),rgb(224,224,224));
	vertical-align: bottom;
}

.quiz input[type=checkbox]:not(old):checked + label > span:first-child,
.quiz input[type=radio]:not(old):checked + label > span:first-child {
	background-image : -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image : -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image : -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image :linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

.quiz input[type=checkbox]:not(old):checked + label > span:first-child:before {
	content: '✓';
	display: block;
	width: 1em;
	color: rgb(103,204,52);
	font-size: 0.875em;
	line-height: 1em;
	text-align: center;
	text-shadow: 0 0 0.0714em rgb(115,153,77);
	font-weight: bold;
}

.quiz input[type=radio]:not(old):checked + label > span > span:first-child {
	display: block;
	width: 0.5em;
	height: 0.5em;
	margin: 0.125em;
	border: 0.0625em solid rgb(115,153,77);
	border-radius: 0.125em;
	background: rgb(153,204,102);
	background-image: -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
	background-image: -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
	background-image: -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
	background-image: -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
	background-image: linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

.quiz input[type=submit] {
	padding: 13px 50px;
	background-color: #C63745;
	color: #fff;
	border: 0 none;
	cursor: pointer;
	float: right;
}

.quiz .free_choice textarea {
	width: 100%;
}

input.free_choice_input, textarea.free_choice_input {
	width: calc(100% - 3em);
}

.quiz .free_choice .answer {
	padding: 5px 10px 5px 5px;
}

/* Pagination */
.quiz ul.quiz_pagination {
	list-style-type: none;
	margin-top: 10px;
}

.quiz ul.quiz_pagination li {
	display: inline;
}

.quiz ul.quiz_pagination li.active a {
	text-decoration: underline;
}
.quiz .nextsingle{
	display: block;
}

.pb-quiz-desc-img {
	margin-bottom: 4rem;
}

.pb-quiz-single-question .pb-quiz-text {
	font-family: EB Garamond,Georgia,Times New Roman,Times,serif;
	font-size: 2.2rem;
	line-height: 2.6rem;
	font-weight: 600;
	hyphens: manual;
}

.pb-quiz-single-question {
	margin-bottom: 3rem;
}

.pb-quiz-single-answer {
	position: relative;
	margin-bottom: 10px;
}

.quiz .pb-quiz-desc {
	margin-top: 20px;
}

.forward, .back {
	padding: 10px 50px;
}

.forward {
	float: right;
}

.quiz_page {
	margin-bottom: 60px;
}

.quiz-summary-item__answer {
	border-radius: 4px;
	flex-basis: 50%;
	max-width: 30rem;
	padding: 2rem;
}

.questionContainer {
	padding-top: 3rem;
	margin-bottom: 6rem;
}

.quiz-summary-intro {
	margin-bottom: 4rem;
}

.pb-quiz-result .pb-quiz-expl a{
	text-decoration: none;
	margin-left: 2rem;
	cursor: pointer;
	display: inline;
	position: relative;
	transition-property: box-shadow;
	user-select: text;
}

.pb-quiz-result h2 {
	font-size: 3.2rem;
	margin-bottom: 2rem;
	margin-top: 4rem;
}

.pb-quiz-text {
	font-size: 1.8rem;
	line-height: 3rem;
}

.pb-quiz-text {
	line-height: 3rem;
	margin-bottom: 2rem;
}

.pb-quiz-answers .pb-quiz-text {
	margin-bottom: 0;
}