@prince-pdf {
	prince-pdf-page-layout: single-page;
	/*prince-pdf-open-action: "[1 /Fit]";*/
    /*prince-pdf-page-layout: single-page;*/
	/*done via JavaScript now, so only shows bookmarks if bookmarks exist*/
    /*prince-pdf-page-mode: show-bookmarks;*/
}

@page {
	margin: 48pt 46pt 60pt 46pt;
	size: US-Letter;
	@top {
		margin: 18pt 0 0 0;
		content: flow(page-header);
    }
    @bottom {
        content: flow(page-footer);
		vertical-align: top;
		margin: 0 0 18pt 0;
		padding-top: 5px;
    }
}

@page page-full {
	@top {
		content: '';
	}
	@bottom {
		content: '';
	}
}

@page report-title {
	margin: 18pt 46pt 140pt 46pt;
	@top {
		content: '';
		margin: 0;
	}
	@bottom {
		content: flow(report-title-footer);
		margin: 0 0 72pt 0;
	}
}

@page toc:first {
	margin: 18pt 46pt 60pt 46pt;
	@top {
		content: '';
	}
}

@page dashboard:first {
	margin: 18pt 46pt 60pt 46pt;
	@top {
		content: '';
	}
}

@page item:first {
	margin: 18pt 46pt 60pt 46pt;
	@top {
		content: '';
	}
}


@page group:first {
	margin: 18pt 46pt 60pt 46pt;
	@top {
		content: '';
	}
	@bottom {
		content: '';
	}
}

@page item-group:first {
	margin: 18pt 46pt 60pt 46pt;
	@top {
		content: '';
	}
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													Reset														   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

body,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,ol,span,img,a,blockquote {
	margin:0;
	padding:0;
	prince-bookmark-level: none;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													Utilities													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

span.label {
	padding: 2px;
	border-radius: 3px;
	color: #FAFAFA;
	background-color: #999;
	text-transform: uppercase;
	font-weight: normal;
	margin-right: 5px;
	font-size: 10px;
	position: relative;
	top: -2px;
}

span.label.readystatus {
	padding: 2px 3px;
	color: #000000;
	background-color: #DFD8CE;
}

span.red, div.red {
	background-color: #E9394B;
}

span.orange, div.orange {
	background-color: #FA8432;
}

span.yellow, div.yellow {
	background-color: #F2D833;
}

span.green, div.green {
	background-color: #58C946;
}

span.blue, div.blue {
	background-color: #39B9DC;
}

span.purple, div.purple {
	background-color: #B687C7;
}

span.pink, div.pink {
	background-color: #E482AD;
}

span.grey, div.grey, span.gray, div.gray {
	background-color: #AAB2BD;
}

span.white, div.white {
	background-color: #fffcfb;
	color: #787878;
	border: 1px solid #aaa;
	border-radius: 3px;
}

span.stone, div.stone {
	background-color: #DFD8CE;
}

span.darkblue, div.darkblue {
	background-color: #176A9E;
}

span.default-gray, div.default-gray {
	background-color: #CBCBCB;
}

span.rs-dot-approved {
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background-color: #58C946;
	display: inline-block;
}

span.rs-dot-rejected {
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background-color: #E9394B;
	display: inline-block;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*											Headers and Footers													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

#page-header {
	flow: static(page-header);
	padding-bottom: 5px;
	border-bottom: 1px solid #bbb;
	font-size: 12px;
	color: #666;
}

	#page-header span.title {
		content: string(item_title);
		color: #333;
	}

#page-footer {
	flow: static(page-footer);
	color: #333;
}

	#page-footer p:first-child {
		border-bottom: 1px solid #999;
		padding: 3px;
	}


	#page-footer div.footer-footer {
		height: 28px;
	}


	#page-footer div.logo {
		float: left;
		max-width: 235px;
		height: 28px;
	}

	#page-footer img {
		max-height: 20px;
		padding: 3px;
	}

	#page-footer div.footer-text {
		height: 22px;
		max-width: 445px;
		float: left;
		font-size: 8px;
		overflow: hidden;
		padding: 3px 3px 3px 8px;
		word-wrap: break-word;
	}

	#page-footer span.title {
		content: string(report_title);
	}

	#page-footer span.page-number {
		content: "Page " counter(page) " of " counter(pages);
		text-align: right;
	}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													Structure													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/


body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
}

/*
div.item-content {
	page-break-inside: avoid;
}
*/

div.item-header {
	margin-top: 10px;
	background: #fff;
	padding-top: 3px;
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 18px;
	/* border-bottom: 2px solid #333; */
}

span.item-number {
	color: #999;
	font-weight: normal;
}

div.item-body {
	overflow: hidden;
/* 	page-break-inside: avoid; */
	background-color: #efefef;
	padding-bottom: 8px;
	border: 1px solid #dedede;
}

.item-description {
	float: left;
	font-size: 12px;
	padding: 5px;
	width: 405px;
	line-height: 1.5;
/* 	font-weight: lighter; */
}

.item-details {
	width: 275px;
	padding: 5px 0 0 0;
	float: right;
	font-size: 12px;
	overflow-wrap: break-word;
}

div.item.issue .item-body {
	background-color: #fff;
}

div.item.issue .item-description {
	padding: 5px 0 0 0;
	width: 415px;
}

p.label {
	color: #666;
	font-weight: bold;
}

p ~ p.label {
	margin-top: 10px;
}

dl {
	line-height: 1.5;
}

dt {
	float: left;
	clear: left;
	text-align: right;
	color: #666;
	width: 100px;
	margin-right: 5px;
	font-weight: bold;
}

dd {
	float: left;
	width: 165px;
/* 	font-weight: lighter; */
}

div.section {
	clear: both;
	margin-top: 15px;
}

.section-header {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	margin-top: 15px;
}

.section-header span {
	font-weight: normal;
	color: #808080;
}

div.no-records {
	padding: 20px;
	background: #efefef;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #bbb;
}

span.linkable {
	prince-link: attr('href');
}

span.link {
	color: blue;
}

a {
	text-decoration: none;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													Table														   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

table {
	border-collapse: collapse;
	width: 100%;
}

td,th {
	padding: 6px;
	vertical-align: top;
	line-height: 1.5;
	text-align: left;
	overflow-wrap: break-word;
}

tr:nth-child(odd) td {
	background-color: #f9f9f9;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

td span.secondary {
	color: #999;
}

table.condensed td,th {
	padding: 3px;
	line-height: 1.2;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													Comments													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

blockquote {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.5;
	/* font-weight: lighter; */
}

.comment-info {
	margin-bottom: 5px;
	font-size: 10px;
	color: #999;
}

.comment-info span {
	font-weight: bold;
}

/* field observation comment overrides */

.comment {
	clear: both;
	page-break-inside: avoid;
	border-bottom: 1px solid #ddd;
}

.comment .comment-info {
	padding: 0;
	margin: 0 0 10px 0;
}

.comment .section.photos {
	margin: 10px 0 10px 0;
	padding: 0;
}

.comment .photos-content {
	padding: 0;
	margin: 0;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													History														   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

.event {
	padding: 5px 0;
	font-size: 10px;
	font-weight: lighter;
	clear: both;
	page-break-inside: avoid;
}

.event-sentence {
	color: #666;
	width: 565px;
	float: left;
}

.event-time {
	color: #999;
	width: 120px;
	float: left;
	text-align: right;
	padding-right: 5px;
}

.event-before {
	color: #aaa;
}

.event-after {
	color: #000;
}

.event-detail, .event-edits {
	color: #666;
	background-color: #efefef;
	margin-left: 125px;
	padding: 8px;
	border-radius: 5px;
	margin-top: 15px;
	line-height: 16px;
	clear: both;
}


/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*										Photos, Annotations, and Signatures										   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

div.photos-content, div.callouts-content, div.signatures-content {
	padding-top: 10px;
}

div.photos-content {
	columns: 3
}

div.callouts-content {
	columns: 4
}

div.signatures-content {
	columns: 3;
	/* auto fills the columns sequentially */
	/* balance is the default that divides the content equally between the columns */
	column-fill: auto;
}

div.photos-content figure, div.callouts-content figure, div.signatures-content figure {
	/* width: 218px;
	float: left;
	margin-right: 11px; */
	margin-bottom: 10px;
	border: 1px solid #ccc;
	page-break-inside: avoid;
}

div.photos-content img, div.callouts-content img, div.signatures-content img {
	width: 100%;
}

div.photos-content figcaption, div.callouts-content figcaption, div.signatures-content figcaption {
	padding: 5px;
	font-size: 10px;
}

div.section.signatures {
	page-break-inside: avoid;
}

div.signatures-content figcaption.signature-description {
	color: #5f6d78;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													Field Observations						   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/


div.item.fieldobservation div.section.issues {
	page-break-before: always;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													Files														   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/


div.page {
	page-break-before: always;
}

div.page.full {
	page: page-full;
}

/* Based on 96 DPI by default */
div.page img {
	display: block;
	max-width: 816px;
	max-height: 1056px;
	/* counteract the page header margin (48pt, equivalent to 64px at 96 DPI) and the .section margin-top of 15px */
	margin-top: -79px;
	/* counteract the page left margin (46pt, equivalent to 61.33333333px at 96 DPI) */
	margin-left: -61.3333333333px;

}

div.page.fit img {
	border: 1px solid #ccc;
	max-width: 672px;
	max-height: 864px;
	margin-top: 5px;
	margin-left: 0;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													Equipment													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/


.attributes dl {
	columns: 2;
}

div.attributes dt {
	width: auto;
	text-align: left;
}

div.attributes dd {
	float: none;
	width: auto;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													!Meetings													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/


div.distribution td.attendance {
	text-align: center;
}

div.distribution td.attendance span {
	margin-top: 3px;
	display: inline-block;
	width: 22px;
	height: 12px;

}

div.distribution td.attendance span.attended {
	background-image: url('meeting-icons@4x.png');
	prince-background-image-resolution: 480dpi;
	background-repeat: no-repeat;
	background-position: -121px -3px;
}

.agenda, .minutes {
	page-break-before: always;
}

div.item-content + .agenda, div.item-content + .minutes {
	page-break-before: auto;
}

div.agenda div.section-header, div.minutes div.section-header{
	margin-bottom: 10px;
}

.agenda p, .minutes p {
	line-height: 1.4;
	font-size: 13px;
}

.agenda ol, .minutes ol {
	list-style: decimal;
	margin-bottom: 12px;
	margin-left: 20px;
}

.agenda ol ol, .minutes ol ol {
	list-style: lower-alpha;
}

.agenda ol ol ol, .minutes ol ol ol {
	list-style: decimal;
}

.agenda ol ol ol ol, .minutes ol ol ol ol {
	list-style: lower-alpha;
}

.agenda ol ol ol ol ol, .minutes ol ol ol ol ol {
	list-style: decimal;
}

.agenda ul, .minutes ul {
	list-style: disc;
	line-height: 1.5;
	margin-bottom: 12px;
	margin-left: 25px;
}

.agenda ul ul, .minutes ul ul {
	list-style: circle;
}

.agenda ul ul ul, .minutes ul ul ul {
	list-style: square;
}

.agenda ul ul ul ul, .minutes ul ul ul ul {
	list-style: disc;
}

.agenda h4, .minutes h4 {
	margin-bottom: 9px;
	font-size: 15px;
	font-weight: 500;
}


div.embedded-item {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	page-break-inside: avoid;
	margin: 5px 0;
}

.embedded-item td {
	padding: 0 !important;
	background-color: transparent !important;
	border: none !important;
}

div.embedded-item-header {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

div.embedded-item-header.task {
	border-bottom: none;
	padding-bottom: 0;
}

div.embedded-item.taskcomment div.embedded-item-meta {
	border-top: 1px solid #ddd;
	padding-top: 5px;
}

div.embedded-item.taskcomment div.embedded-item-header {
	border-bottom: none;
	padding-bottom: 0;
}

div.embedded-item span.comment-meta {
	font-style: italic;
}

p.embedded-item-description {
	padding: 10px 0;
}

div.embedded-item span.connected {
	display: inline;
	padding-left: 16px;
	line-height: 16px;
	prince-background-image-resolution: 480dpi;
}

div.embedded-item span.due {
	display: inline-block;
	float: right;
}

div.meeting div.issues, div.meeting div.tasks {
	page-break-before: always;
}

div.embedded-item.file::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

div.embedded-item-icon {
	background-repeat: no-repeat;
	height: 47px;
	width: 60px;
	vertical-align: middle;
	background-position: 0 0;
	background-size: contain;
	float: left;
}

div.embedded-item-icon.image {
	background-image: url('file-image_grey@2x.png');
}

div.embedded-item-icon.pdf {
	background-image: url('file-pdf_grey@2x.png');
}

div.embedded-item-icon.document {
	background-image: url('file-document_grey@2x.png');
}

div.embedded-item-icon.spreadsheet {
	background-image: url('file-spreadsheet_grey@2x.png');
}

div.embedded-item-icon.presentation {
	background-image: url('file-presentation_grey@2x.png');
}

div.embedded-item-icon.archive {
	background-image: url('file-archive_grey@2x.png');
}

div.embedded-item-icon.audio {
	background-image: url('file-audio_grey@2x.png');
}

div.embedded-item-icon.video {
	background-image: url('file-video_grey@2x.png');
}



/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*										!Checklist and Test Lines												   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

div.line {
	padding: 5px;
	border-bottom: 1px solid #ededed;
}

div.line span {
	display: inline-block;
	vertical-align: top;
	/*background-color: lime;*/
}

span.attribute span {
	display: inline;
	/*background-color: teal;*/
}

div.line.indented span.description {
	padding-left: 15px;
}

div.line.header {
	font-size: 12px;
	text-transform: uppercase;
	background-color: #f2f2f2;
}

div.line.header span.description {
	width: 670px;
}

div.line.indented.header span.description {
	width: 655px;
}

div.line span.answer {
	width: 30px;
}

div.line span.answer.blank {
	width: 80px;
	color: #666;
}

div.checklistsection div.line span.answer {
	background-image: url('checklists-sprite@4x.png');
	prince-background-image-resolution: 384dpi;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	background-position: 0 0;
	padding: 0;
	margin: 0 7px 0 7px;
}

div.checklistsection div.line span.answer.blank {
	background-image: url('checklists-sprite-blank@4x.png');
	prince-background-image-resolution: 384dpi;
	background-repeat: no-repeat;
	height: 16px;
	width: 80px;
	margin: 0 auto;
	background-position: 0 0;
}

div.checklistsection div.line span.answer.yes {
	background-position: 0 -16px;
}

div.checklistsection div.line span.answer.no {
	background-position: -16px -16px;
}

div.checklistsection div.line span.answer.na {
	background-position: -32px -16px;
}

div.checklistsection div.line span.answer.none {
	background: none;
}


div.attempt div.line span.answer.yes, div.attempt div.line span.answer.no, div.attempt div.line span.answer.na {
	color: white;
	border-radius: 3px;
	text-align: center;
}

div.attempt div.line span.answer.yes {
	background-color: #58C946;
}

div.attempt div.line span.answer.no {
	background-color: #E9394B;
}

div.attempt div.line span.answer.na {
	background-color: #666;
}


div.line span.number {
	width: 30px;
	padding-left: 5px;
}

div.line span.description {
	width: 610px;
}

div.line span.description.blank {
	width: 560px;
}

div.line.indented:not(.header) span.description {
	width: 595px;
}

div.line.indented.answer-by:not(.header) span.description {
	width: 394px;
}

div.line.indented span.description.blank {
	width: 545px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

div.line.answer-by span.description {
	width: 409px;
}

div.line-attribute {
	padding-left: 71px;
	color: #333;
	padding-bottom: 3px;
}

div.line.indented div.line-attribute {
	padding-left: 86px;
}

div.line span.attribute {
	width: 610px;
}

div.line.header span.attribute {
	width: 595px;
}

div.line.answer-by span.attribute {
	width: 409px;
}

div.line.answer-by.indented span.attribute {
	width: 394px;
}

div.line-attribute span.attribute-name {
	background-image: url('icon-link@4x.png');
	prince-background-image-resolution: 550dpi;
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 13px;
	font-weight: bold;
	color: #666;
}

div.line-note {
	padding-left: 71px;
}

div.line.indented div.line-note {
	padding-left: 86px;
}

div.line-note span.note {
	width: 600px;
	background-color: #eee;
	padding: 5px;
}

div.line.indented span.note {
	width: 585px;
}

div.line.answer-by span.note {
	width: 399px;
}

div.line.answer-by.indented span.note {
	width: 384px;
}

span.answer-by, span.note-by, span.attribute-by {
	width: 200px;
	color: #666;
	text-align: right;
	word-break: break-word;
}

span.note-by {
	padding-top: 3px;
	padding-bottom: 3px;
}


div.line-related {
	padding-left: 71px;
	padding-top: 3px;
	font-size: 10px;
	line-height: 14px;
	color: #666;
}

div.line.indented div.line-related {
	padding-left: 86px;
}

span.related-title ~ span.related-title {
	padding-left: 8px;
}


/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*												!Test Attempts													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

div.attempt {
	margin-bottom: 15px;
}

div.attempt-header {
	padding: 10px;
	font-size: 16px;
	background-color: #eee;
}

.copied {
	background-color: #ededed;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*											!Checklist Sections													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

.checklistsection + .checklistsection, .attempt + .attempt {
	margin-top: 28px;
}

.checklistsection-header, .attempt-header {
	padding: 8px 10px;
	font-size: 16px;
	background: #eee;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
	zoom: 1;
}

.checklistsection-header span.assigned {
	font-size: 12px;
	color: #666;
	line-height: 2;
}

.checklistsection-status-details, .attempt-status-details {
	font-size: 11px;
	line-height: 1.5;
}

	.checklistsection-status-details p, .attempt-status-details p {
		white-space: nowrap;
		text-align: right;
		line-height: 2;
	}

.section-name {
	font-size: 16px;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*										!Checklist and Test Signatures											   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

/* overriding some of the styles in the general table style */
table.signatures {
	border-collapse: separate;
}

/* overriding some of the styles in the general table style */
table.signatures td {
	padding: 30px 5px 0 5px;
	border: none;
	background: none;
	vertical-align: bottom;
	text-align: right;
	line-height: normal;
}

/* Hack to force "fit to content" width */
/*
table.signatures td.signature-label {
	width: 1%;
	white-space: nowrap;
}
*/

table.signatures td.signature-label {
	width: 150px;
}

table.signatures td.signature-line {
	border-bottom: 1px solid #000;
}

table.signatures td.date-label {
	width: 40px;
}

table.signatures td.date-line {
	width: 150px;
	border-bottom: 1px solid #000;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*											!Progress Reports													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

div.progressreport ul, div.progressreport ol {
	margin-bottom: 5px;
	margin-top: 5px;
	list-style-position: outside;
	margin-left: 20px;
}


/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													!New Reports													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

div.report {
	prince-bookmark-level: 1;
	prince-bookmark-label: attr(title);
}

div.report-title {
	page: report-title;
}

/* Make sure there is a page break between sequential report title pages (previously happened with custom title pages) */
/* DEPRECATED */
div.report-title + div.report-title {
	page-break-before: always;
}

/* Make sure there is a page break between custom title page and following report */
/* DEPRECATED */
div.report-title + div.report {
	page-break-before: always;
}

/* Make sure there is a page break between custom title page and following report */
div.report.custom + div.report {
	page-break-before: always;
}

div.report-title p.title {
	font-size: 88px;
	letter-spacing: -3px;
	font-weight: bold;
	margin-top: 220px;
	margin-bottom: 10px;
	line-height: 1;
	string-set: report_title content();
}

div.report-title p.title span {
	string-set: item_title content();
}

div.report-title p.subtitle {
	font-size: 24px;
	letter-spacing: -0.2px;
	color: #999;
	margin-bottom: 10px;
}

#report-title-footer {
	flow: static(report-title-footer);
}

	#report-title-footer p.account-project-info {
		font-size: 14px;
		color: #666;
		padding-top: 5px;
	}

	#report-title-footer div.logo {
		border-bottom: 1px solid #666;
	}

	#report-title-footer img {
		max-height: 60px;
		max-width: 300px;
	}

div.report.detail:not(.issue):not(.task) div.group {
	page: group;
	prince-page-group: start;
}

div.report.list div.group, div.report.detail.issue div.group, div.report.detail.task div.group {
	page-break-before: always;
}

div.group-title {
	prince-bookmark-level: 2;
    prince-bookmark-label: attr(title);
    overflow-wrap: break-word;
}

	div.report.detail div.group-title {

	}

		div.report.detail:not(.issue):not(.task) div.group-title .title {
			font-size: 60px;
	/* 		color: #3c99be; */
			letter-spacing: -1px;
			border-bottom: 5px solid #3c99be;
			margin-top: 200px;
		}

		div.report.detail:not(.issue):not(.task) div.group-title .count {
			color: #999;
			font-size: 18px;
			margin-top: 10px;
			float: left;
		}

		div.report.detail:not(.issue):not(.task) div.group-title .progress-bar {
			margin-top: 10px;
			border-radius: 10px;
			height: 20px;
			width: 120px;
			float: right;
			margin-left: 5px;
			margin-right: 5px;
			top: 0;
		}

		div.report.detail:not(.issue):not(.task) div.group-title .status-bar {
			border-radius: 4px;
		}

		div.report.detail:not(.issue):not(.task) div.group-title .progress-bar:nth-child(3) {
			margin-right: 0;
		}

		div.report.detail:not(.issue):not(.task) div.group-title .status-bar-label {
			font-size: 12px;
			line-height: 20px;
		}

	div.report.list div.group-title, div.report.detail.issue div.group-title, div.report.detail.task div.group-title {
		background-color: #3c99be;
		color: #fff;
		padding: 5px;
		margin-bottom: 10px;
	}

		div.report.list div.group-title .title, div.report.detail.issue div.group-title .title, div.report.detail.task div.group-title .title {
			float: left;
			line-height: 16px;
			font-weight: bold;
		}

		div.report.list div.group-title .count, div.report.detail.issue div.group-title .count, div.report.detail.task div.group-title .count {
			float: left;
			line-height: 16px;
			margin-left: 5px;
		}

		div.report.list div.group-title .progress-bar, div.report.detail.issue div.group-title .progress-bar, div.report.detail.task div.group-title .progress-bar {
			float: right;
			top: 0;
			border: 1px solid #fff;
			height: 16px;
			position: relative;
			margin-right: 5px;
			border-radius: 8px;
		}

		div.report.list div.group-title .status-bar, div.report.detail.issue div.group-title .status-bar, div.report.detail.task div.group-title .status-bar {
			border-radius: 3px;
		}

	div.report.condensed div.group-title {
		display: none;
	}

div.item-title {
	padding-bottom: 5px;
	border-bottom: 1px solid #bbb;
}

div.item-title div.info {
	float: left;
	width: 400px;
}

div.item-title div.info p.title {
	font-size: 32px;
	color: #333;
	font-weight: bold;
	letter-spacing: -1px;
	string-set: item_title content();
}

div.item-title div.info p.title span {
	color: #aaa;
}

div.item-title div.info p.supertitle {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
/* 	font-variant: small-caps; */
	letter-spacing: 0.5px;
	color: #aaa;
	string-set: report_title content();
}

div.report div.item-title div.info p.supertitle {
	string-set: none;
}

div.item-title div.info p.subtitle {
	font-size: 12px;
	color: #666;
}

div.item-title div.logo {
	float: right;
	width: 290px;
	text-align: right;
}

div.item-title img {
	max-height: 50px;
	max-width: 290px;
}

div.section-header {
	font-size: 14px;
	border: none;
	border-bottom: 2px solid #333;
	color: #333;
	padding: 5px;
	padding-left: 0;
	margin-top: 30px;
}

/*
div.checklistsection-header {
	background-color: white;
	border: 1px solid #ddd;
	border-left: 10px solid #efefef;
}
*/

div.item {
	page: item;
	prince-page-group: start;
	prince-bookmark-level: 1;
    prince-bookmark-label: attr(title);
}

div.report div.item {
	prince-bookmark-level: 2;
}

div.report div.group div.item {
	prince-bookmark-level: 3;
}

div.item-group {
	page: item-group;
	prince-page-group: start;
	prince-bookmark-level: 1;
	prince-bookmark-label: attr(title);
	page-break-before: always;
}

div.item-group div.progress-text {
	font-size: 10px;
}

div.item-group div.signatures {
	margin-top: 0;
}

div.item-group > div.signatures div.item-header {
	margin-top: 10px;
}

div.item-group > div.signatures ~ div.signatures div.item-header {
	margin-top: 50px;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*													!New Issues													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

div.issue .item-header {
	background-color: white;
	border-bottom: 1px solid #333;
}

div.issue .item-body {
	background-color: white;
	border: none;
	padding-top: 5px;
	position: relative;
}

div.issue .item-description {
	padding: 0;
}

div.issue .item-details {
	padding: 0;
}

div.item-source, div.item-source-invisible {
	width: 405px;
	padding: 0 0 8px 0;
}

div.item-source {
/* 	border-top: 1px solid #bbb; */
	position: relative;
	bottom: 0;
}

div.item-source-invisible {
	visibility: hidden;
}

.source-label {
	color: #666;
	width: 100px;
	margin-right: 5px;
	font-weight: bold;
}

.source-name {
	/* 	font-weight: lighter; */
}

.source-description {
	font-size: 9px;
	letter-spacing: -0.2px;
}


div.issue .section {
	margin: 0;
}

div.issue .section-header {
	background-color: #efefef;
	padding: 5px;
	margin-top: 10px;
	border: none;
	font-weight: normal;
}

div.issue div.section {
	border-top: 1px solid #bbb;
}

div.report div.issue {
	page-break-inside: avoid;
}

div.issues .section{
	page-break-inside: avoid;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*														!Tasks													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

div.task .item-header {
	background-color: white;
	border-bottom: 1px solid #333;
}

div.task .item-body {
	background-color: white;
	border: none;
	padding-top: 5px;
}

div.task .item-description {
	padding: 0;
}

div.task .item-details {
	padding: 0;
}

div.task .section {
	margin: 0;
}

div.task .section-header {
	background-color: #efefef;
	padding: 5px;
	margin-top: 10px;
	border: none;
	font-weight: normal;
}

div.task div.section {
	border-top: 1px solid #bbb;
}

div.report div.task {
	page-break-inside: avoid;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*												!Asset Tree														   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

span.connected {
	display: block;
	padding-left: 22px;
	line-height: 16px;
	background: url('assets-sprite@4x.png') no-repeat;
	prince-background-image-resolution: 384dpi;
}

div.asset-tree span.connected {
	opacity: .45;
	filter: alpha(opacity=45);
	color: #999;
}

span.connected.equipment {
	background-position: 0 2px;
}

span.connected.type {
	background-position: 0 -14px;
}

span.connected.system {
	background-position: 0 -32px;
}

span.connected.space {
	background-position: 0 -46px;
}

span.connected.floor {
	background-position: 0 -62px;
}

span.connected.zone {
	background-position: 0 -78px;
}

span.connected.building {
	background-position: 0 -94px;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*												!Assigned														   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

span.assigned {
	display: inline-block;
	padding-left: 22px;
	line-height: 16px;
	background: url('meeting-meta-icons_aaa@2x.png') no-repeat;
	prince-background-image-resolution: 192dpi;
}

span.assigned.person {
	background-position: 1px -214px;
}

span.assigned.company {
	background-position: 1px -243px;
}

span.assigned.role {
	background-position: 1px -273px;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*										!Table of Contents														   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

div.table-of-contents {
	columns: 4;
	column-rule: 1px solid #999;
	text-align: center;
	margin-top: 30px;
}

div.table-of-contents a {
	padding-bottom: 3px;
	display: block;
}

div.toc {
	page: toc;
	prince-page-group: start;
}

div.toc-header {
	border-bottom: 1px solid #bbb;
	padding-bottom: 5px;
}

div.toc-header div.info {
	float: left;
	width: 400px;
}

p.toc-title {
	font-size: 32px;
	color: #333;
	font-weight: bold;
	letter-spacing: -1px;
	string-set: item_title content(), report_title content();
}

p.toc-subtitle {
	font-size: 12px;
	color: #666;
}

div.toc-header div.logo {
	float: right;
	width: 290px;
	text-align: right;
}

div.toc-header img {
	max-height: 50px;
	max-width: 290px;
}

div.toc-body {
	margin-top: 20px;
}

div.toc-body.two-column {
	columns: 2;
}

div.toc-body.three-column {
	columns: 3;
}

div.toc-body.four-column {
	columns: 4;
}

a.toc-link {
	content: attr(title) leader('.') target-counter(attr(href, url), page);
	display: block;
	margin: 10px 0;
	color: #666;
}

a.toc-link.secondary {
	margin-left: 20px;
}

a.toc-link.tertiary {
	margin-left: 40px;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*												!dashboard														   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

div.dashboard {
	page: dashboard;
	prince-page-group: start;
}

div.dashboard-header {
	border-bottom: 1px solid #bbb;
	padding-bottom: 5px;
}

div.dashboard-header div.info {
	float: left;
	width: 400px;
}

p.dashboard-title {
	font-size: 32px;
	color: #333;
	font-weight: bold;
	letter-spacing: -1px;
}

p.dashboard-supertitle {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
/* 	font-variant: small-caps; */
	letter-spacing: 0.5px;
	color: #aaa;
	string-set: item_title content(), report_title content();
}

div.dashboard-header div.logo {
	float: right;
	width: 290px;
	text-align: right;
}

div.dashboard-header img {
	max-height: 50px;
	max-width: 290px;
}

.new-label {
	margin: 0 2px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	text-transform: uppercase;
	border-radius: 2px;
	color: #ffffff;
	letter-spacing: .15px;
}

.table .new-label {
	display: inline-block;
	padding: 1px 4px;
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.new-label.main-blue {
	background: #2ca8cc;
}

.new-label.gray {
	background: #aab2bd;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*												!Progress Bar													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/


div.progress-bar {
	position: relative;
	display: inline-block;
	width: 84px;
	height: 12px;
/* 	margin: 0 4px; */
	background: #d8d8da;
	border-radius: 6px;
	overflow: hidden;
	vertical-align: middle;
}

	div.progress-bar div.bar {
		display: block;
		height: 100%;
		float: left;
	}

		div.progress-bar div.bar.yes {
			background: #58C946;
		}

		div.progress-bar div.bar.no {
			background: #E9394B;
		}

		div.progress-bar div.bar.na {
			background: #666;
		}

div.progress-bar.status-bar {
	border-radius: 3px;
	height: 16px;
	top: -1px;
	position: relative;
	float: right;
	margin-right: 5px;
    /* margin-bottom: 4px; */
}

div.item-header .status-bar {
	float: right;
	margin-top: 5px;
}

span.status-bar-label {
	position: absolute;
	left: 0;
	right: 0;
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.05em;
}

span.status-bar-label-overview {
	position: absolute;
	top: -3px;
	left: 5px;
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.05em;
	z-index: 10;
}

div.color-box {
	width: 12px;
	height: 12px;
	display: inline-block;
}

div.progress-bar-wide {
	width: 120px;
}

div.progress-bar-large {
	height: 40px;
	width: 100%;
	background: #ECECEC;
}

div.progress-bar-large span {
	font-size: 12px;
	color: white;
	display: block;
	padding-left: 6px;
}

div.progress-bar-large .bar {
	padding-top: 5px;
	padding-bottom: 4px;
}

div.dashboard .overview-bars {
	columns: 4;
	margin-top: 25px;
	/*column-gap: 20px;*/
}

div.dashboard .overview-tables .section-header {
	margin-top: 5px;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 3px;
}

div.overview-row {
	columns: 2;
	margin-top: 25px;
	column-gap: 20px;
}

div.overview-row table {
	margin-top: 15px;
}

div.dashboard .overview-row .section-header {
	border-bottom: none;
	margin-top: 5px;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 3px;
}

div.dashboard .overview-bars .section-header {
	border-bottom: none;
	margin-top: 5px;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 3px;
	font-size: 12px;
}

div.dashboard div.section {
	page-break-inside: avoid;
}

div.dashboard div.overview-tables {
	margin-top: 25px;
	columns: 2;
	column-gap: 20px;
}

span.color-square {
	display: inline-block;
	height: 8px;
	width: 8px;
	border-radius: 2px;
}

span.color-square.yes {
	background: #58C946;
}

span.color-square.no {
	background: #E9394B;
}

span.color-square.na {
	background: #666;
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*																												   */
/*												!Progress Text													   */
/*																												   */
/*******************************************************************************************************************/
/*******************************************************************************************************************/

div.progress-text {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	color: #666;
}

div.item-header span.item-labels div.progress-text{
	font-size: 11px;
	font-weight: normal;
}

td div.progress-text {
	font-size: 9px;
	padding: 0;
	margin: 0;
}

div.report.list div.group-title div.progress-text {
	float: right;
	margin-right: 5px;
	color: #fff;
	line-height: 16px;
}

div.report.detail:not(.issue):not(.task) div.group-title .progress-text {
	float: right;
	margin-top: 12px;
	margin-left: 5px;
	font-size: 14px;
}