@font-face {
	font-family: "ChevinMedium";
	src: url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-medium-webfont.eot");
	src: url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-medium-webfont.eot?#iefix") format("embedded-opentype"),
		url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-medium-webfont.woff") format("woff"),
		url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-medium-webfont.ttf") format("truetype"),
		url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-medium-webfont.svg#webfont") format("svg");
}

@font-face {
	font-family: "ChevinDemibold";
	src: url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-demibold-webfont.eot");
	src: url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-demibold-webfont.eot?#iefix") format("embedded-opentype"),
		url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-demibold-webfont.woff") format("woff"),
		url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-demibold-webfont.ttf") format("truetype"),
		url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-demibold-webfont.svg#webfont") format("svg");
}

@font-face {
	font-family: "ChevinLight";
	src: url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-light-webfont.eot");
	src: url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-light-webfont.eot?#iefix") format("embedded-opentype"),
		url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-light-webfont.woff") format("woff"),
		url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-light-webfont.ttf") format("truetype"),
		url("https://ds-vendor.s3.eu-west-2.amazonaws.com/fonts/aqachevinpro-light-webfont.svg#webfont") format("svg");
}

.q-block {
	max-width: 800px;
	padding-bottom: 1rem;
}

.q-block h3,
.q-block h4,
.q-block h5,
.q-block h6 {
	font-family: Arial,sans-serif;
	font-size: 1rem;
	color: #4b4b4b;
	margin-bottom: 1rem;
	font-weight: 700;
}

.q-font-sm { font-size: .82rem; }
.q-font-lg { font-size: 1.125rem; }
.q-text-compact { line-height: 1.3;}
.q-block .q-text-loose { line-height: 2.5;}
.q-block .q-text-loose2 { line-height: 3.5;}

.q-block .q-i5 { margin-left: 3rem; text-indent: -22px; }
.q-block .q-i5-lead { display: inline-block; width: 18px; font-weight: bold; }

.q-supsub-left,
.q-supsub-right {
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
	vertical-align: middle;
}

.q-supsub-right { padding-left: .15em; }
.q-supsub-left { text-align: right; padding-right: .15em; }

.q-supsub-left > span,
.q-supsub-right > span {
	min-height:  37.66px;
	margin-bottom:  6px;
}

sup,
sub {
	font-size: 70%;
	position: relative;
	line-height: 0;
	vertical-align: baseline;
}
sup { top: -.75em; }
sub { bottom: -.5em; }

.q-eq { white-space: nowrap; padding: 0 .15rem; }
.q-eq-lg { white-space: nowrap; padding: 0 .25rem; font-size: 1.25rem; }
.q-eq-spaced { word-spacing: 0.5rem; }

.table-responsive .q-eq,
.table-responsive .q-eq-lg { padding-top: 3px; }


.q-block.q-lines-compact p,
.q-block.q-lines-compact ol,
.q-block.q-lines-compact ul,
.q-block .q-lines-compact p,
.q-block .q-lines-compact ol,
.q-block .q-lines-compact ul,
.q-lines-compact p,
.q-lines-compact ol,
.q-lines-compact ul {
	margin-bottom: 0;
}

.q-block.q-compact p,
.q-block.q-compact ol,
.q-block.q-compact ul,
.q-block .q-compact p,
.q-block .q-compact ol,
.q-block .q-compact ul,
.q-compact p,
.q-compact ol,
.q-compact ul {
	margin-bottom: 0;
}

#contentTabs .q-block.q-lines-compact p,
#contentTabs .q-block .q-lines-compact p,
#contentTabs .q-lines-compact p,
#contentTabs .q-block.q-compact p,
#contentTabs .q-block .q-compact p,
#contentTabs .q-compact p {
	margin-bottom: 0;
}

.q-lines-compact,
.q-compact {
	margin-bottom:  1rem;
}

#contentTabs .q-lines-compact,
#contentTabs .q-compact {
	margin-bottom:  1rem;
}

.q-block .q-font-sm h3,
.q-block .q-font-sm h4,
.q-block .q-font-sm h5,
.q-block .q-font-sm h6,
.q-block h3.q-font-sm,
.q-block h4.q-font-sm,
.q-block h5.q-font-sm,
.q-block h6.q-font-sm {
	font-size: .82rem;
	font-weight: 700;
}

.q-block .q-font-lg h3,
.q-block .q-font-lg h4,
.q-block .q-font-lg h5,
.q-block .q-font-lg h6,
.q-block h3.q-font-lg,
.q-block h4.q-font-lg,
.q-block h5.q-font-lg,
.q-block h6.q-font-lg {
	font-size: 1.25rem;
	font-weight: 700;
}

.q-block .q-section,
.q-block section {
	padding-top: 2rem;
	padding-bottom: 1rem;
	border-top: 1px solid #ddd;
}

.q-block .q-section:first-of-type,
.q-block section:first-of-type {
	padding-top: 0;
	border-top: none;
}

.q-block hr,
.source-block hr {
	margin-top: 2rem;
	margin-bottom: 2rem;
	border-top: 1px solid #ddd;
}

.q-block hr.q-hr-compact,
.source-block hr.q-hr-compact {
	margin-top: 0rem;
	margin-bottom: 1rem;
}

.q-block hr.q-hr-black,
.source-block hr.q-hr-black {
	border-top-color: #333;
}

img { vertical-align: middle; }
figure { margin: 0 0 1rem; }

/*.q-block li::marker {
    font-weight: bold !important;
}*/

.q-img {
	max-width: 100%;
	padding: 1rem 0;
	display: block;
	margin: 0 auto 1rem;
}

.q-img-title {
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
}

.q-block h3.q-img-title,
.q-block h4.q-img-title,
.q-block h5.q-img-title,
.q-block h6.q-img-title {
	margin-bottom: 0;
	text-align: center;
}

.q-img-caption {
	color: #4b4b4b;
	text-align: center;
	margin-top: -1rem;
	margin-bottom: 1rem;
}

.q-img-caption-top {
	color: #4b4b4b;
	text-align: center;
	margin-bottom: -1rem;
}

/*LISTS*/
.q-block li::marker {
	font-weight: normal;
}

.q-block ul,
.q-block ol {
	margin-bottom: 1.5rem;
}

.q-block ul {
	list-style: revert;
	list-style: disc;
}

.q-block li {
	margin: 0 0 .125rem;
}

.q-block .q-list-loose > li {
	margin-bottom: .5rem;
}

.q-block .q-list-loose2 > li {
	margin-bottom: 1rem;
}

.q-choice-list,
.q-ul {
	list-style-type: none;
	margin-left: 0;
	margin-top: 20px;
	padding: 0;
}

.q-ul li {
	margin-top: 1rem;
}

.q-ul.q-list-compact > li {
	margin: .5rem 0;
}

.q-ul.q-list-loose > li {
	margin: 1.5rem 0;
}

.q-ul.q-list-loose2 > li {
	margin: 2rem 0;
}

.q-choice-list li {
	display: flex;
	margin-top: 1rem;
}

.q-ul li p,
.q-choice-list li p {
	margin: 0;
}

.q-list-labeled li {
	display: flex;
}

.q-list-labeled li .q-list-label {
	flex: 0 0 72px;
}

.q-list-label {
	display: inline-block;
	font-weight: bold;
	margin-right: 1rem;
}

.q-list-nobullet { list-style-type:  none; }
.q-nobullet { list-style-type:  none; }

/*Following two created for mark schemes that show additional information as italic nested lists*/
.q-sublist-nobullet ul { list-style-type:  none; }
.q-sublist-italic ul { font-style: italic; } 

.q-sublist-info { padding-left: 3rem; }
.q-sublist-info ul { padding-left: 3rem; list-style-type: none; font-style: italic; }

ul.q-info { padding-left: 3rem; list-style-type: none; font-style: italic; }
ul.q-info2 { padding-left: 6rem; list-style-type: none; font-style: italic; }

.q-info  { margin-left: 3rem; font-style: italic; }
.q-info2 { margin-left: 6rem; font-style: italic; }


.q-ol {
	margin: 0 0 1.5em;
	padding: 0;
	counter-reset: item;
}

.q-ol > li {
	margin: 0;
	margin-top: 1rem;
	padding: 0 0 0 2rem;
	text-indent: -1rem;
	list-style-type: none;
	counter-increment: item;
}

.q-ol.q-list-compact > li {
	margin: .5rem 0;
}

.q-ol.q-list-loose > li {
	margin: 2rem 0;
}

.q-ol.q-list-loose2 > li {
	margin: 2rem 0 4rem;
}

.q-ol > li:before {
	display: inline-block;
	width: 1rem;
	padding-right: 1rem;
	font-weight: bold;
	text-align: right;
	content: counter(item) ".";
	box-sizing: border-box;
}

.q-ol.lower-alpha > li:before,
.q-ol.q-lower-alpha > li:before {
	content: counter(item, lower-alpha) ".";
	box-sizing: border-box;
}

.q-ol.upper-alpha > li:before,
.q-ol.q-upper-alpha > li:before {
	content: counter(item, upper-alpha) ".";
	box-sizing: border-box;
}

.q-ol.lower-roman > li:before,
.q-ol.q-lower-roman > li:before {
	content: counter(item, lower-roman) ".";
	box-sizing: border-box;
}

.q-ol.upper-roman > li:before,
.q-ol.q-upper-roman > li:before {
	content: counter(item, upper-roman) ".";
	box-sizing: border-box;
}

.q-blank {
	width: 75px;
	border-bottom: 1px solid black;
	display: inline-block;
}

.q-blank-word {
	border-bottom: 1px solid black;
	display: inline-block;
}

.q-blank-u:after {
	content: '____________';
}

.q-box {
	border: 1px solid #888;
	padding: 1rem 1rem 0;
	margin-bottom: 20px;
}

.q-quote { text-align: center; }
.q-equation { text-align: center; }


/*=========================================
	SOURCE Styles
==========================================*/
.source-link a {
	font-size: 16px;
	color: #008CC8;
	border: 2px solid #008CC8;
	display: inline-block;
	padding: 10px 16px;
	border-radius: 2rem;
}

/*.source-block h3 {
	font-family: Arial;
	color: #008cc8;
}*/

.source-block h3,
.source-block h4,
.source-block h5,
.source-block h6 {
	font-family: Arial,sans-serif;
	font-size: 1rem;
	color: #4b4b4b;
	margin-bottom: 1rem;
	font-weight: 700;
}

.source-block .q-font-sm h3,
.source-block .q-font-sm h4,
.source-block .q-font-sm h5,
.source-block .q-font-sm h6,
.source-block h3.q-font-sm,
.source-block h4.q-font-sm,
.source-block h5.q-font-sm,
.source-block h6.q-font-sm {
	font-size: .82rem;
	font-weight: 700;
}

.source-block .q-font-lg h3,
.source-block .q-font-lg h4,
.source-block .q-font-lg h5,
.source-block .q-font-lg h6,
.source-block h3.q-font-lg,
.source-block h4.q-font-lg,
.source-block h5.q-font-lg,
.source-block h6.q-font-lg {
	font-size: 1.25rem;
	font-weight: 700;
}

.source-block h3.q-img-title,
.source-block h4.q-img-title,
.source-block h5.q-img-title,
.source-block h6.q-img-title {
	margin-bottom: 0;
	text-align: center;
}

.source-block .lead-text {
	border: 1px solid #888;
	padding: 1rem 1rem 0;
	margin-bottom: 20px;
}

.source-table .no-margin p { margin-bottom: 0; }

.source-table p.no-margin { margin-bottom: 0; }

.s-img {
	margin-bottom: 1rem;
}

.source-line-col {
	padding-right: 0;
}

.source-content-col {
	padding-left: 0;
}

.end-source {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

/*TABS when more than one source exist*/
.source-block .nav-tabs {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1rem;
	font-size: 1rem;
	font-weight: bold;
}

.source-block .nav-tabs .nav-item.show .nav-link,
.source-block .nav-tabs .nav-link.active {
	border-color: #ddd #ddd #fff;
}

.source-exerpt {
	border: 1px solid grey;
	padding: 10px 15px 0;
	margin-bottom: 20px;
}


/*=========================================
	ANSWERBLOCK Styles
==========================================*/
.answerblock {
	display: block;
}

.answerblock input {
	display: block;
}

span.answerblock {
	display: inline-block;
	vertical-align: middle;
}

span.answerblock[data-type="dropdown"] { margin-right:  1.5rem; }

div.answerblock {
	display: block;
}

.q-blanks span.answerblock {
	vertical-align: bottom;
}

.q-choice-list-a li p {
	margin: 0;
}

.answer-line-long {
	height: 2rem;
	border-bottom: 1px solid grey;
	max-width: 600px;
	width: 90%;
}

.q-choicelist .singlechoice_item {
    padding-left: 40px;
    text-indent: -29px;
}

.q-supsub-left .textline,
.q-supsub-left .textbox,
.q-supsub-right .textline,
.q-supsub-right .textbox,
.q-font-sm .textline,
.q-font-sm .textbox {
    font-size: .82rem;
}

.q-font-lg .textline,
.q-font-lg .textbox {
    font-size: 1.125rem;
}
 

/*=========================================
	MARKS and TOTAL MARKS Styles
==========================================*/
.q-block .mark,
.q-block .q-mark {
	text-align: right;
	font-weight:  bold;
	background:  none;
	padding:  0;
	margin-top:  1rem;
}

.q-block .m-block .mark,
.q-block .m-block .q-mark {
	margin-top:  0;
	margin-bottom:  1rem;
}

/*=========================================
	EFFECTS Styles
==========================================*/
.ripped-paper {
	background: #f0f0f0;
	/*box-shadow: 5px 5px 10px rgba(0,0,0,.5);*/
	padding: 30px;
	clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%);
	margin-bottom: 2rem;
}

.ripped-paper2 {
	width: 400px;
	background: #f0f0f0;
	padding: 20px;
	box-shadow: 0px -5px 0px rgba(0,0,0,.2);
}
.effect {
	height: 50px;
}

/*https://codepen.io/georGEO1989/pen/atsjJ*/
/*https://onaircode.com/html-css-paper-effect-examples/*/
/*https://codepen.io/silkine/pen/jldif*/

.papers,
.papers:before,
.papers:after,
.newspapers,
.newspapers:before,
.newspapers:after {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);
}

.newspapers,
.newspapers:before,
.newspapers:after { background-color: #f9f7f1; }

.papers,
.newspapers {
	position: relative;
	padding: 2rem;
	margin: 2rem auto;
}

.papers:before,
.papers:after,
.newspapers:before,
.newspapers:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: rotateZ(2.5deg);
	-o-transform: rotate(2.5deg);
	transform: rotateZ(2.5deg);
	z-index: -1;
}

.papers:after,
.newspapers:after {
	-webkit-transform: rotateZ(-2.5deg);
	-o-transform: rotate(-2.5deg);
	transform: rotateZ(-2.5deg);
}

.paper,
.newspaper {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);

	position: relative;
	padding: 2em;
	margin: 50px auto;
}

.newspaper { background-color: #f9f7f1; }

.ripped-paper.serif h2,
.papers.serif h2,
.paper.serif h2,
.newspapers.serif h2,
.newspaper.serif.serif h2 {
	font-size: 1.8em;
	font-weight: normal;
	text-align: center;
	padding: 0.2em 0;
	margin: 0;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #ddd;

	font-family: 'Playfair Display', serif;
	font-weight: 900;
	font-size: 80px;
	text-transform: uppercase;
	display: inline-block;
	line-height: 72px;
	margin-bottom: 20px;
}

.ripped-paper.serif h4,
.papers.serif h4,
.paper.serif h4,
.newspapers.serif h4,
.newspaper.serif h4 {
	font-family: 'Times New Roman', serif;

	font-size: 1.8rem;
	text-align: center;
	padding: 0.5rem 0;
	margin: 0 0 1rem;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #ddd;

	font-weight: 900;
	letter-spacing: .2px;
}

.ripped-paper.serif p,
.papers.serif p,
.paper.serif p,
.newspapers.serif p,
.newspaper.serif p {
	font-family: 'Droid Serif', serif;
	color: #2f2f2f;
}

.ripped-paper figcaption,
.papers figcaption,
.paper figcaption,
.newspapers figcaption,
.newspaper figcaption {
	color: #2f2f2f;
	font-size: 1rem;
	font-weight: bold;
	padding: 0.5rem 0;
	margin: 1rem 0 0;
	border-top: 1px solid #ddd;
	/*border-bottom: 2px solid #ddd;*/
}

.ripped-paper.serif figcaption,
.papers.serif figcaption,
.paper.serif figcaption,
.newspapers.serif figcaption,
.newspaper.serif figcaption {
	font-family: 'Times New Roman', serif;
}


/*=========================================
	TABLE Styles
==========================================*/
.q-table {
	border-collapse: collapse;
	margin: 1rem auto 1.5rem;
}

.q-print-friendly .q-table thead { display: table-row-group; }


/*
NOT THIS
.q-table.q-print-friendly tr td,
.q-table.q-print-friendly tr th {
	break-inside: avoid;
}*/


/*.q-print-friendly.table-responsive {
	overflow-x: visible;
}*/

.q-print-friendly .q-table tr {
	break-inside: avoid !important;
	break-after: auto !important;
}


@media print {
	/*.q-print-friendly.table-responsive {
		overflow-x: visible;
	}*/

	/*.q-print-friendly .q-table tr {
		page-break-inside: avoid !important;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
		-webkit-region-break-inside: avoid;
	}*/

}

.q-table-sm {
	max-width: 576px;
}

.q-table-md {
	max-width: 768px;
}

.q-table-lg {
	width: 100%;
}

.q-table td,
.q-table th {
	border: 1px solid #4b4b4b;
	padding: .5rem;
	vertical-align: middle;
	text-align: center;
}

.q-table.q-table-compact td,
.q-table.q-table-compact th {
	padding: 0.15rem .25rem;
}

.q-table th {
	font-weight: bold;
	vertical-align: top;
}

.q-table tbody th {
	vertical-align: middle;
}

.q-table.q-th-plain th,
.q-table .q-th-plain th,
.q-table th.q-th-plain {
	text-align: left;
	font-weight: normal;
}

.q-border {
	border: 1px solid #4b4b4b;
}

.q-border-top,
.q-table.q-border-top td,
.q-table.q-border-top th,
.q-border-top td,
.q-border-top th,
td.q-border-top,
th.q-border-top {
	border-top: 1px solid #4b4b4b;
}

.q-border-right,
.q-table.q-border-right td,
.q-table.q-border-right th,
.q-border-right td,
.q-border-right th,
td.q-border-right,
th.q-border-right {
	border-right: 1px solid #4b4b4b;
}

.q-border-bottom,
.q-table.q-border-bottom td,
.q-table.q-border-bottom th,
.q-border-bottom td,
.q-border-bottom th,
td.q-border-bottom,
th.q-border-bottom {
	border-bottom: 1px solid #4b4b4b;
}

.q-border-left,
.q-table.q-border-left td,
.q-table.q-border-left th,
.q-border-left td,
.q-border-left th,
td.q-border-left,
th.q-border-left {
	border-left: 1px solid #4b4b4b;
}

.q-border-thick,
.q-table.q-border-thick td,
.q-table.q-border-thick th,
.q-border-thick td,
.q-border-thick th,
td.q-border-thick,
th.q-border-thick {
	border-width: 2px;
}

.q-border-top-thick,
.q-table.q-border-top-thick td,
.q-table.q-border-top-thick th,
.q-border-top-thick td,
.q-border-top-thick th,
td.q-border-top-thick,
th.q-border-top-thick {
	border-top-width: 2px;
}

.q-border-right-thick,
.q-table.q-border-right-thick td,
.q-table.q-border-right-thick th,
.q-border-right-thick td,
.q-border-right-thick th,
td.q-border-right-thick,
th.q-border-right-thick {
	border-right-width: 2px;
}

.q-border-bottom-thick,
.q-table.q-border-bottom-thick td,
.q-table.q-border-bottom-thick th,
.q-border-bottom-thick td,
.q-border-bottom-thick th,
td.q-border-bottom-thick,
th.q-border-bottom-thick {
	border-bottom-width: 2px;
}

.q-border-left-thick,
.q-table.q-border-left-thick td,
.q-table.q-border-left-thick th,
.q-border-left-thick td,
.q-border-left-thick th,
td.q-border-left-thick,
th.q-border-left-thick {
	border-left-width: 2px;
}

.q-no-border,
.q-table.q-no-border td,
.q-table.q-no-border th,
.q-no-border td,
.q-no-border th,
td.q-no-border,
th.q-no-border {
	border: none;
}

.q-no-border-top,
.q-table.q-no-border-top td,
.q-table.q-no-border-top th,
.q-no-border-top td,
.q-no-border-top th,
td.q-no-border-top,
th.q-no-border-top {
	border-top: none;
}

.q-no-border-right,
.q-table.q-no-border-right td,
.q-table.q-no-border-right th,
.q-no-border-right td,
.q-no-border-right th,
td.q-no-border-right,
th.q-no-border-right {
	border-right: none;
}

.q-no-border-bottom,
.q-table.q-no-border-bottom td,
.q-table.q-no-border-bottom th,
.q-no-border-bottom td,
.q-no-border-bottom th,
td.q-no-border-bottom,
th.q-no-border-bottom {
	border-bottom: none;
}

.q-no-border-left,
.q-table.q-no-border-left td,
.q-table.q-no-border-left th,
.q-no-border-left td,
.q-no-border-left th,
td.q-no-border-left,
th.q-no-border-left {
	border-left: none !important;
}


.q-table.text-left th,
.q-table.text-left td,
.q-table .text-left th,
.q-table .text-left td {
	text-align: left;
}

.q-table.text-center th,
.q-table.text-center td,
.q-table .text-center th,
.q-table .text-center td {
	text-align: center;
}

.q-table.text-right th,
.q-table.text-right td,
.q-table .text-right th,
.q-table .text-right td {
	text-align: right;
}

.align-middle td,
.align-middle th {
	vertical-align: middle;
}

.align-bottom td,
.align-bottom th {
	vertical-align: bottom;
}

.align-top td,
.align-top th {
	vertical-align: top;
}

/*Lists inside tables*/
.q-table ul,
.q-table ol {
	padding-left: 1.5rem;
}

.q-table-fixed {
	table-layout: fixed;
	width: 100px;
}

/*col widths*/
.q-col-max 		{ width: 44rem; }
.q-col-min 		{ width: 0.5rem; }
.q-col-label 	{ width: 2.3rem; }
.q-col-1 		{ width: 1.7rem; }
.q-col-2 		{ width: 3.4rem; }
.q-col-3 		{ width: 5.1rem; }
.q-col-4 		{ width: 6.8rem; }
.q-col-5 		{ width: 8.5rem; }
.q-col-6 		{ width: 10.2rem; }
.q-col-7 		{ width: 11.9rem; }
.q-col-8 		{ width: 13.6rem; }
.q-col-9 		{ width: 15.3rem; }
.q-col-10 		{ width: 17rem; }
.q-col-11 		{ width: 18.7rem; }
.q-col-12 		{ width: 20.4rem; }
.q-col-13 		{ width: 22.1rem; }
.q-col-14 		{ width: 23.8rem; }
.q-col-15 		{ width: 25.5rem; }
.q-col-16 		{ width: 27.2rem; }
.q-col-17 		{ width: 28.9rem; }
.q-col-18 		{ width: 30.6rem; }
.q-col-19 		{ width: 32.3rem; }
.q-col-20 		{ width: 34rem; }
.q-col-21 		{ width: 35.7rem; }
.q-col-22 		{ width: 37.4rem; }
.q-col-23 		{ width: 39.1rem; }
.q-col-24 		{ width: 40.8rem; }

/*TABLE td padding for right-aligned digits ~ when one col is left and one col is centered, eg AG_BLG_OSA Q18.TB1F.02_04 (when Bootstrap utilities are too small) If we used SCSS, these could be done with an extension of spacers*/
/*0-5 can be handled with bootstrap spacing ~ spacer * 0rem/.25rem/.5rem/1rem/1.5rem/3rem*/
.q-pr-6, .q-px-6	{ padding-right: 4rem!important; } /*64px*/
.q-pr-7, .q-px-7	{ padding-right: 5rem!important; } /*80px*/
.q-pr-8, .q-px-8	{ padding-right: 6.25rem!important; } /*100px*/
.q-pr-9, .q-px-9	{ padding-right: 7.5rem!important; } /*120px*/
.q-pr-10, .q-px-10	{ padding-right: 9.375rem!important; } /*150px*/
.q-pr-11, .q-px-11	{ padding-right: 11.25rem!important; } /*180px*/
.q-pr-12, .q-px-12	{ padding-right: 12.5rem!important; } /*200px*/

.q-pl-6, .q-px-6	{ padding-left: 4rem!important; } /*64px*/
.q-pl-7, .q-px-7	{ padding-left: 5rem!important; } /*80px*/
.q-pl-8, .q-px-8	{ padding-left: 6.25rem!important; } /*100px*/
.q-pl-9, .q-px-9	{ padding-left: 7.5rem!important; } /*120px*/
.q-pl-10, .q-px-10	{ padding-left: 9.375rem!important; } /*150px*/
.q-pl-11, .q-px-11	{ padding-left: 11.25rem!important; } /*180px*/
.q-pl-12, .q-px-12	{ padding-left: 12.5rem!important; } /*200px*/



/*big padding for Maths right-alignment if bootstrap is too small*/
.q-digits-px-1, .q-digits-px-1 td {
	padding-left: 1rem;
	padding-right: 1rem;
}

.q-digits-px-2, .q-digits-px-2 td {
	padding-left: 2rem;
	padding-right: 2rem;
}

.q-digits-px-3, .q-digits-px-3 td {
	padding-left: 3rem;
	padding-right: 3rem;
}

.q-digits-px-4, .q-digits-px-4 td {
	padding-left: 4rem;
	padding-right: 4rem;
}

.q-digits-px-5, .q-digits-px-5 td {
	padding-left: 5rem;
	padding-right: 5rem;
}

.q-digits-px-6, .q-digits-px-6 td {
	padding-left: 6rem;
	padding-right: 6rem;
}

.q-digits-px-7, .q-digits-px-7 td {
	padding-left: 7rem;
	padding-right: 7rem;
}

.q-digits-px-8, .q-digits-px-8 td {
	padding-left: 8rem;
	padding-right: 8rem;
}

.q-digits-px-0, .q-digits-px-0 td { padding-left: .5rem; padding-right: .5rem; }
.q-digits-pl-0, .q-digits-pl-0 td { padding-left: .5rem; }

/*=========================================
	SURVEY Styles
==========================================*/
.survey h2 {
	font-family: 'ChevinDemibold';
	color: #412878;
}

.survey h3 {
	font-family: Arial;
	color: #4b4b4b;
	font-size: 1rem;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	font-weight: normal;
	line-height: 1.4;
}

.survey .popover-text {
	color: #008cc8;
	text-decoration: underline;
}

.survey .popover-text:hover {
	cursor: pointer;
	color: #008cc8;
	text-decoration: underline;
}

.popover {
	font-size: .9rem;
	background: #f8f8f8;
}

.popover-body {
	color: #008cc8;
}

.bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after {
	border-top-color: #f8f8f8;
}


/*=========================================
	Bootstrap overwrite
==========================================*/
caption { color: #888888; }
.border { border-color: #4b4b4b!important; }
.table-responsive { margin-bottom: 1rem; }
/* stop margin collapsing */
.table-responsive {
    padding: 1px;
}

.table-responsive.table-right {
    text-align: right !important;
}

.table-responsive.table-right table {
    display: inline !important;
}


/*=========================================
	TEXT and BACKGROUND Styles
==========================================*/
.q-bg-tablegrey		{ background: #f0f0f0;}
.q-bg-tablegrey2	{ background: #cccccc; color: #333333;}
.q-bg-tablegrey3	{ background: #a6a6a6; color: #333333;}
.q-bg-tableblack	{ background: #333333; color: #ffffff;}

.q-bg-white			{ background: #ffffff; }
.q-bg-blue-lightest	{ background: #eef3f9; }
.q-bg-blue-light	{ background: #e4eef8; }
.q-bg-grey-light	{ background: #f8f8f8; }
.q-bg-grey			{ background: #f0f0f0; }
.q-bg-grey2			{ background: #cccccc; }
.q-bg-grey3			{ background: #a6a6a6; }
.q-bg-black			{ background: #333333; }

/*AQA EP Corporate palette*/
.q-bg-eppurple		{ background: #412878;}
.q-bg-eppurple-20	{ background: #D9D4E4;}
.q-bg-epred			{ background: #C8194B;}
.q-bg-epred-20		{ background: #F4D1DB;}
.q-bg-eplinkblue	{ background : #2F71AC;}
.q-bg-eplinkblue-20	{ background : #D5E3EE;}

/*AQA EP Dark shades palette*/
.q-bg-epblue		{ background : #3273AF;}
.q-bg-epblue-20		{ background : #D6E3EF;}
.q-bg-eporange		{ background : #C84B32;}
.q-bg-eporange-20	{ background : #F4DBD6;}
.q-bg-epturq		{ background : #418C87;}
.q-bg-epturq-20		{ background : #D9E8E7;}
.q-bg-eppink		{ background : #AF64A0;}
.q-bg-eppink-20		{ background : #EFE0EC;}
.q-bg-epgreen		{ background : #4B9646;}
.q-bg-epgreen-20	{ background : #DBEADA;}
.q-bg-epteal		{ background : #325F78;}
.q-bg-epteal-20		{ background : #D6DFE4;}
.q-bg-epviolet		{ background : #6464A0;}
.q-bg-epviolet-20	{ background : #E0E0EC;}
.q-bg-epyellow		{ background : #DC7D28;}
.q-bg-epyellow-20	{ background : #F8E5D4;}
.q-bg-epbrick		{ background : #783C2D;}
.q-bg-epbrick-20	{ background : #E4D8D5;}

/*AQA EP Bright shades palette*/
.q-bg-epblue-bright			{ background : #008CC8;}
.q-bg-epblue-bright-20		{ background : #CCE8F4;}
.q-bg-eporange-bright		{ background : #E05B3C;}
.q-bg-eporange-bright-20	{ background : #F9DED8;}
.q-bg-epturq-bright			{ background : #00AFA0;}
.q-bg-epturq-bright-20		{ background : #CCEFEC;}
.q-bg-eppink-bright			{ background : #C873A0;}
.q-bg-eppink-bright-20		{ background : #F4E3EC;}
.q-bg-epgreen-bright		{ background : #5AB455;}
.q-bg-epgreen-bright-20		{ background : #DEF0DD;}
.q-bg-epteal-bright			{ background : #327896;}
.q-bg-epteal-bright-20		{ background : #D6E4EA;}
.q-bg-epviolet-bright		{ background : #7D82B4;}
.q-bg-epviolet-bright-20	{ background : #E5E6F0;}
.q-bg-epyellow-bright		{ background : #EB962D;}
.q-bg-epyellow-bright-20	{ background : #FBEAD5;}
.q-bg-epbrick-bright		{ background : #A5463C;}
.q-bg-epbrick-bright-20		{ background : #EDDAD8;}

/*TB Rainbow palette*/
.q-bg-tbred			{ background : #E6433F;}
.q-bg-tbred-20		{ background : #FAD9D9;}
.q-bg-tbyellow		{ background : #FFA300;}
.q-bg-tbyellow-20	{ background : #FFEDCC;}
.q-bg-tbgreen		{ background : #179B6F;}
.q-bg-tbgreen-20	{ background : #D1EBE2;}
.q-bg-tbblue		{ background : #0088DB;}
.q-bg-tbblue-20		{ background : #CCE7F8;}
.q-bg-tbpurple		{ background : #6859A3;}
.q-bg-tbpurple-20	{ background : #E1DEED;}

/*Text colors*/
.q-text-white			{ color: #ffffff; }
.q-text-grey			{ color: #4b4b4b; }
.q-text-grey2			{ color: #767676; }
.q-text-black			{ color: #333333; }
.q-text-green			{ color: #5ab455; }
.q-text-blue			{ color: #008cc8; }
.q-text-epgreen			{ color: #4B9646; }
.q-text-epgreen-bright	{ color: #5AB455; }
.q-text-tbgreen			{ color: #179B6F; }
.q-text-epblue			{ color: #3273AF; }
.q-text-epblue-bright	{ color: #008CC8; }
.q-text-tbblue			{ color: #0088DB; }
.q-text-epred			{ color: #C8194B; }
.q-text-tbred			{ color: #E6433F; }


/*=========================================
	FONT Styles
==========================================*/
.q-mathsvar		{ font-family: 'Times New Roman', serif; font-style: italic; font-size: 1.125rem;}
.q-tbmathsvar	{}
.q-tnr			{ font-family: 'Times New Roman', serif; font-size: 1.125rem; }
.q-script		{ font-family: 'Comic Sans MS', sans-serif;}
.q-comp 		{ font-family: 'Calibri', sans-serif; font-size: .82rem;}
.q-comp-top 	{}


/*=========================================
	Utilities
==========================================*/
.nowrap { white-space: nowrap; }
.nobreak { white-space: nowrap; }
.spacer { height: 1rem; }


.fr {
	position:relative;
	height: 40px;
	width: 20px;
	margin: auto;
}

.fr div:nth-child(3) {
	font-size: 80%;
	height: 20px;
	text-align: center;
	position:absolute;
	bottom:0px;
	right: 0px;
	width: 10px;
	vertical-align: baseline;
	border-top: 1px solid black;
}

.fr div:nth-child(2) {
	font-size: 80%;
	height: 20px;
	text-align: center;
	position:absolute;
	top:0px;
	right: 0px;
	width: 10px;
	padding-top: 5px;
	vertical-align: top;
}

.fr div:nth-child(1) {
	position: absolute;
	width: 10px;
	left: 0px;
	bottom: 10px;
}

.frn {
	position:relative;
	height: 40px;
	width: 10px;
	margin: auto;
}

.frn div:nth-child(2) {
	font-size: 90%;
	height: 20px;
	text-align: center;
	position:absolute;
	bottom:0px;
	right: 0px;
	width: 10px;
	vertical-align: baseline;
	border-top: 1px solid black;
}

.frn div:nth-child(1) {
	font-size: 90%;
	height: 20px;
	text-align: center;
	position:absolute;
	top:0px;
	right: 0px;
	width: 10px;
	padding-top: 5px;
	vertical-align: top;
}

.tab-pane {

		padding: 15px;


}