@media screen {
	.hidden-screen {
		display: none !important;
	}
}

.white-background {
	background-color: #fff !important;
}

.border1pxDashed {
	border: 1px dotted #094e7c;
}
.border1pxDashedTop {
	border-top: 1px dotted #094e7c;
}
.border1pxDashedRight {
	border-right: 1px dotted #094e7c;
}
.border1pxDashedBottom {
	border-bottom: 1px dotted #094e7c;
}
.border1pxDashedLeft {
	border-left: 1px dotted #094e7c;
}

.dev-guide-box1,
.dev-guide-box2 {
	height: 20em;
}
.dev-guide-box3 {
	height: 46em;
}
.dev-guide-box4 {
	height: 43.3em;
}
.dev-guide-box4-top,
.dev-guide-box4-bottom {
	padding: 0.5em;
}

.bar-chart-1-to-4 {
	color: #00AEEF;
}
.bar-chart-1-to-4 * {
	box-sizing: border-box;
}
.bar-chart-1-to-4 .bar-wrapper,
.bar-chart-1-to-4 .axis-wrapper {
	position: relative;
	height: 2em;
}
.bar-chart-1-to-4 .bar-wrapper .bar-fill {
	position: absolute;
	padding-top: 0.25em;
	border-bottom: 1.5em solid #000;
}
.bar-chart-1-to-4 .bar-wrapper.bar-col-1 .bar-fill {
	border-color: #B9F3F3;
}
.bar-chart-1-to-4 .bar-wrapper.bar-col-2 .bar-fill {
	border-color: #00AEEF;
}
.bar-chart-1-to-4 .bar-wrapper.bar-col-3 .bar-fill {
	border-color: #0074A6;
}
.bar-chart-1-to-4 .bar-wrapper.bar-col-4 .bar-fill {
	border-color: #00395D;
}
.bar-chart-1-to-4 .bar-wrapper:hover .bar-fill {
	border-color: #ddd;
}
.bar-chart-1-to-4 .bar-wrapper .bar-label,
.bar-chart-1-to-4 .bar-wrapper .bar-value {
	position: absolute;
	padding: 0.25em 1em;
	color: #fff;
}
.bar-chart-1-to-4 .bar-wrapper .bar-value {
	text-align: right;
}
.bar-chart-1-to-4 .bar-wrapper.bar-col-1 .bar-label,
.bar-chart-1-to-4 .bar-wrapper.bar-col-1 .bar-value {
	color: #000;
}
.bar-chart-1-to-4 .bar-wrapper.bar-col-2 .bar-label,
.bar-chart-1-to-4 .bar-wrapper.bar-col-2 .bar-value {
	color: #fff;
}
.bar-chart-1-to-4 .bar-wrapper.bar-col-3 .bar-label,
.bar-chart-1-to-4 .bar-wrapper.bar-col-3 .bar-value {
	color: #fff;
}
.bar-chart-1-to-4 .bar-wrapper.bar-col-4 .bar-label,
.bar-chart-1-to-4 .bar-wrapper.bar-col-4 .bar-value {
	color: #fff;
}
.bar-chart-1-to-4 .bar-wrapper:hover {
	background-color: #f9f9f9;
}
.bar-chart-1-to-4 .bar-wrapper:hover .bar-label,
.bar-chart-1-to-4 .bar-wrapper:hover .bar-value {
	color: #000;
}
.bar-chart-1-to-4 .bar-wrapper.bar-short .bar-label,
.bar-chart-1-to-4 .bar-wrapper.bar-short .bar-value {
	color: #000;
}
.bar-chart-1-to-4 .axis-wrapper {
	border-top: 0.125em dotted #00AEEF;
	margin-top: 0.25em;
}
.bar-chart-1-to-4 .axis-wrapper > div {
	height: 1.5em;
	position: absolute;
	padding: 0.25em 0;
	text-align: center;
}

.range-bar-chart * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.range-bar-chart .bar-label {
	width: 30%;
	float: left;
	min-height: 5em;
	padding: 1.75em 1em 0.25em 0.25em;
	clear: left;
	font-weight: normal;
	text-align: left;
}
.range-bar-chart .bar-wrapper {
	width: 70%;
	float: left;
	height: 5em;
	position: relative;
}
.range-bar-chart .bar-wrapper .bar-fill {
	position: absolute;
	height: 4em;
}
.range-bar-chart .bar-wrapper:hover * {
	border-color: #ddd;
}
.range-bar-chart .sub-label-left {
	float: left;
	text-align: left;
	font-size: 80%;
}
.range-bar-chart .sub-label-right {
	float: right;
	text-align: right;
	font-size: 80%;
}
.range-bar-chart .sub-label-center {
	text-align: center;
	font-size: 80%;
	float:left;
}
.range-bar-chart .sub-fill {
	margin-top: 1.5em;
	height: 2.25em;
	clear: both;
	position: relative;
}
.range-bar-chart .sub-fill-single,
.range-bar-chart .sub-fill-left,
.range-bar-chart .sub-fill-right {
	height: 2.25em;
	border: 0.4em solid #00AEEF;
	border-radius: 0.4em;
}
.range-bar-chart .sub-fill-single {
	position: relative;
	left: -0.4em;
}
.range-bar-chart .sub-fill-left {
	position: absolute;
	left: 0;
}
.range-bar-chart .sub-fill-right {
	position: absolute;
	right: 0;
}
.range-bar-chart .sub-fill-center {
	padding-top: 0.625em;
	border-bottom: 1em solid #88deff;
}
.range-bar-chart .axis-wrapper-label {
	width: 30%;
	float: left;
	height: 2em;
	padding: 0.25em 1em 0.25em 0.25em;
	clear: left;
	font-weight: normal;
	text-align: left;
}
.range-bar-chart .axis-wrapper {
	width: 70%;
	float: left;
	height: 2em;
	position: relative;
	border-bottom: 0.125em dotted #00AEEF;
	margin: 0 0 0.25em 0;
}
.range-bar-chart .axis-wrapper > div {
	height: 1.5em;
	position: absolute;
	padding: 0.25em 0;
	color: #00AEEF;
	text-align: center;
}

div.header.report-full-width-header {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0;
}

.survey-comment {
	text-align: justify;
	margin-top: 2em;
}
.survey-comment + .survey-comment {
	padding-top: 2em;
	border-top: 1px dotted #00AEEF;
}

.report-open-quote,
.report-close-quote {
	width: 2em;
	height: auto;
}
.report-open-quote {
	vertical-align: bottom;
	float: left;
	margin: -0.5em 0.25em 0 0;
}
.report-close-quote {
	vertical-align: top;
	float: right;
	margin: 0 0 -0.5em 0.25em;
}

table.total-score-summary {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #333;
}
table.total-score-summary th,
table.total-score-summary td {
	padding: 5px;
	text-align: center;
}
table.total-score-summary th {
	background-color: #eaeaea;
}
table.total-score-summary.tsst-not-rec > thead th {
	background-color: #ff0000;
}
table.total-score-summary.tsst-rec > thead th {
	background-color: #70ad47;
}
table.total-score-summary.tsst-cau-rec > thead th {
	background-color: #ffff00;
}

/* domains report section */
.report-section.domainsReport .domains-margin-fix {
	padding-left: 20px;
	padding-right: 20px;
}
.report-section.domainsReport .domains-row-border {
	background-color: #a6a6a6;
	height: 1px;
	margin: 15px -10px -5px -10px;
}
.report-section.domainsReport .domain-no-margin {
	padding-left: 0;
	padding-right: 10px;
}
.report-section.domainsReport .domain-no-margin + .domain-no-margin {
	padding-left: 10px;
	padding-right: 0;
}
.report-section.domainsReport h3 {
	color: #404040 !important;
	font-size: 14pt;
}
.report-section.domainsReport table.domain {
	table-layout: fixed;
	width: 100%;
}
.report-section.domainsReport table.domain th,
.report-section.domainsReport table.domain td {
	border: 1px solid #d1d1d1;
	font-size: 8pt;
	font-weight: normal;
	padding: 5px;
	width: 33.33%;
}
.report-section.domainsReport table.domain th {
	background-color: #a6a6a6;
}
.report-section.domainsReport table.domain > tbody > tr:nth-child(odd) > td {
	background-color: #ededed;
}
.report-section.domainsReport table.domain > tbody > tr:nth-child(even) > td {
	background-color: #ffffff;
}

@media screen {
	.report-section + .report-section {
		margin-top: 20px;
	}
}

@media print {
	.page-block {
		page-break-before: always;
		page-break-inside: avoid;
	}
	
	.report-header {
		height: 18mm;
		margin: 2mm 2mm 0 2mm;
		padding: 0;
		overflow: hidden;
	}
	.report-header p.report-header-title {
		margin: 0 0 0.25em 0;
		padding: 0;
		font-size: 140%;
		color: #005a8c;
	}
	.report-header ul.report-header-toc {
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: 85%;
	}
	.report-header ul.report-header-toc li {
		display: inline-block;
		padding-right: 1em;
	}
	.report-header ul.report-header-toc li + li {
		padding-left: 1em;
		border-left: 1px solid black;
	}
	.report-header .item-highlight {
		color: #005a8c;
	}
	
	.print-page-content, .print-page-content-minus-header {
		margin: 2mm 2mm 0 2mm;
		padding: 0;
		overflow: hidden;
		font-size: 9pt;
	}
	.print-page-content {
		height: 168mm;
	}
	.print-page-content-minus-header {
		height: 186mm;
	}
	
	.report-footer {
		height: 16mm;
		margin: 2mm 2mm 0 2mm;
		padding: 0;
		overflow: hidden;
		page-break-after: always;
		font-size: 85%;
		color: #aaa;
	}
	.report-footer .client-footer-box > img,
	.report-footer .idg-footer-box > img {
		display: inline-block;
		vertical-align: top;
		height: 50px;
	}
	.report-footer .idg-footer-box > ul {
		display: inline-block;
		padding: 0 2mm;
		list-style-type: none;
	}
	.report-footer .page-footer-box {
		font-size: 140%;
	}
	.report-footer.footer-last {
		page-break-after: avoid;
	}
	.half-page-height {
		height:84mm;
	}
	.capability-breakdown-comment {
		font-size:8pt;
	}
}

.no-active-programmes {
	padding: 10px;
}

.btn.btn-start-survey {
	background-color: #5cb85c;
	border-color: #5cb85c;
	color:#fff;
}
.btn.btn-start-survey.disabled {
	background-color: #999;
	border-color: #999;
	color:#fff;
	opacity:1;
}
.btn.btn-start-survey:hover {
	background-color: #449d44;
	border-color: #398439;
}
.form-control.radio-button-group {
	border: none!important;
	-webkit-box-shadow: none;
	height: auto;
	padding:0px;
	margin-bottom:10px;
}
.radio-answer label {
	vertical-align: top;
	font-weight:normal;
	max-width:95%;
}
.radio-answer label p:last-of-type {
	margin:0px;
}
.question_group.radio {
	opacity:0;
	position:absolute;
	filter: alpha(opacity=0);
}

/* not a standard bootstrap theme button style, but set for all clients as default */
.btn.btn-submit-survey {
	background-color: #005a8c;
	color: #ffffff;
	border-color:#005a8c;
}
.timer-text {
	float:left;
	padding-top:7px;
}
.timed-out {
	color: #FF0000;
}

.slider-selection.tick-slider-selection.disabled {
	background: #E7E7E7;
}
.slider-tick.in-selection.disabled,
.slider-tick.disabled {
	background: #E7E7E7;
	background-image:none!important;
}
.slider-selection:hover,
.slider-track-low:hover,
.slider-track-high:hover,
.slider-handle:hover {
	cursor:pointer;
}
.btn.btn-success.reason-for-response.highlight {
	background-color: #3e8e3e;
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn.btn-danger.reason-for-response.highlight {
	background-color: #7d1f1c!important;
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.far-form-and-answers-container {
	padding-bottom:60px;
}