/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./js/insecure/tpso/pages/planningschemeviewer/components/PlanningSchemeSearchModal.vue?vue&type=style&index=0&id=5a04647e&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/

.search-results[data-v-5a04647e] {
	padding: 15px;
	overflow-y: auto;
	max-height: 500px;
	border-top: 1px solid #e5e5e5;
}
#search-results-info[data-v-5a04647e] {
	text-align: right;
	display: block;
}
#clear-search-btn[data-v-5a04647e] {
	position: absolute;
	z-index: 10;
	line-height: 30px;
	width: 30px;
	top: 50%;
	transform: translateY(-50%) translateX(-30px);
	text-align: center;
	vertical-align: middle;
	font-size: 16px;

	/* using a button element */
	border: none;
	background-color: unset;
	outline-offset: -2px;
	border-radius: 16px;
	padding: 0;
	margin: 0;
}
#clear-search-btn i[data-v-5a04647e] {
	border-radius: 16px;
	padding: 2px;
}
#clear-search-btn:hover i[data-v-5a04647e],
#clear-search-btn:focus i[data-v-5a04647e] {
	background-color: #e5e5e5;
}
.search-filter-form .form-group[data-v-5a04647e] {
	margin: 0;
	padding: 10px;
}
ul.search-results-list[data-v-5a04647e] {
	list-style: none;
	margin: 0;
	padding: 0;
}
.search-results ul.search-results-list[data-v-5a04647e]:not(:last-child) {
	padding-bottom: 15px;
}
ul.search-results-list li a[data-v-5a04647e] {
	background-color: #f2f2f2;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 4px;
	display: block;
}

/* Headless modal */
.search-modal[data-v-5a04647e] .modal-header {
	display: none;
}
.search-modal[data-v-5a04647e] .modal-body {
	padding: 0;
}
.search-filter-form .input-group-addon[data-v-5a04647e],
.search-filter-form .input-group-btn .btn[data-v-5a04647e],
.search-filter-form[data-v-5a04647e] .input-group input {
	font-size: 16px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./js/insecure/tpso/pages/planningschemeviewer/components/ViewerDocTreeItem.vue?vue&type=style&index=0&id=1786a412&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/

.doctree-item-Link[data-v-1786a412] {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.doctree-item-bg[data-v-1786a412] {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 22px;
	z-index: 1;
}
.doctree-item-bg[data-v-1786a412]:hover {
	background-color: #ababab26;
}
.doctree-item-bg.selected[data-v-1786a412] {
	background-color: #16161626;
}
.doctree-item-bg[data-v-1786a412]:hover {
	cursor: pointer;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./js/insecure/tpso/pages/planningschemeviewer/components/ViewerDocTree.vue?vue&type=style&index=0&id=56bb81df&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/

/* root */
ul.doctree[data-v-56bb81df] {
	padding-inline-start: 0px;
	list-style: none;
	margin-bottom: 0px;
}

/* Document Tree Styling */
/* level 1 */
ul.doctree[data-v-56bb81df] >  li > ul {
	padding-inline-start: 8px;
}

/* level 2+ */
ul.doctree[data-v-56bb81df] ul {
	padding-inline-start: 19px;
	list-style: none;
}

/* root style */
ul.doctree[data-v-56bb81df] >  li > .section-item {
	margin-left: 0px;
	font-weight: bold;
}
ul.doctree[data-v-56bb81df] >  li.doctree-item:before {
	border-bottom: none;
	border-left: none;
}

/* item style */
[data-v-56bb81df] li.doctree-item {
	line-height: 20px;
}

/* line - horizontal */
[data-v-56bb81df] li.doctree-item:before {
	border-bottom: solid #e4e4e4 2px;
	left: -1px;
	width: 8px;
	content: "";
	position: relative;
	display: block;
	bottom: 0px;
	top: 10px;
}

/* line - vertical */
[data-v-56bb81df] li.doctree-item:not(:last-child) {
	border-left: solid #e4e4e4 2px;
}
[data-v-56bb81df] li.doctree-item {
	padding-left: 1px;
}
[data-v-56bb81df] li.doctree-item .section-item {
	margin-left: 10px;
}

/* line - last item corner */
[data-v-56bb81df] li.doctree-item:last-child:before {
	border-left: solid #e4e4e4 2px;
	margin-bottom: -10px;
	height: 10px;
	top: 0px;
	left: -3px;
	width: 10px;
}
ul.doctree[data-v-56bb81df] li.doctree-item:last-child {
	padding-left: 3px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./js/insecure/tpso/pages/planningschemeviewer/PlanningSchemeViewerPage.vue?vue&type=style&index=0&id=539bc8d2&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/

.viewer[data-v-539bc8d2] {
	display: flex;
	flex: 1;
}
.viewer-nav[data-v-539bc8d2] {
	background-color: white;
	border: solid #e3e3e3 1px;
	width: var(--539bc8d2-docTreeWidth\ \+\ \'px\');
	margin-right: 7px;
	/* fixes position of viewer nav tree handle so it doesn't extend under toolbar */
	position: sticky;
	top: var(--539bc8d2-sidebarTopOffset\ \+\ \'px\');
}
.viewer-nav-tree[data-v-539bc8d2] {
	padding: 5px;
	overflow-y: auto;
	overflow-x: hidden;
	position: sticky;
	top: var(--539bc8d2-sidebarTopOffset\ \+\ \'px\');
	max-height: var(--539bc8d2-\'calc\(100vh\ -\ \'\ \+\ sidebarTopOffset\ \+\ \'px\)\');
}
.viewer-nav-tree-handle[data-v-539bc8d2] {
	z-index: 1005;
	right: -8px;
	width: 7px;
}
.viewer-nav-tree-handle[data-v-539bc8d2]::after {
	content: "";
	display: block;
	width: 3px;
	background: #dcdcdc;
	top: 50%;
	border-radius: 16px;
	position: sticky;
	height: 30px;
	transform: translate(0px, -10px);
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.viewer-nav.ui-resizable-resizing .viewer-nav-tree-handle[data-v-539bc8d2] {
	background-color: rgba(0, 101, 208, 0.1);
}
.viewer-window[data-v-539bc8d2] {
	flex: 1;
	border: 1px solid #dedee0;
	background-color: rgb(245, 245, 245);
}
.viewer-toolbar-outer[data-v-539bc8d2] {
	position: sticky;
	top: 0;
	z-index: 1000;
}
.viewer-toolbar-shadow[data-v-539bc8d2] {
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
	clip-path: polygon(0% 0%, 100% 0%, 100% 120%, 0% 120%);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
}
.viewer-toolbar[data-v-539bc8d2] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
	border-bottom: 1px solid #dedee0;
	border-left: none;
	background-color: white;
	position: relative;
}
.viewer-toolbar-right[data-v-539bc8d2] {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 5px;
}
.viewer-content[data-v-539bc8d2] {
	padding: 5px;
	overflow-x: auto;
}
h1.viewer-title[data-v-539bc8d2] {
	font-size: 24px;
	margin: 0;
	padding: 5px;
	text-align: center;
}

/* Small screens */
@media (max-width: 767px) {
.viewer[data-v-539bc8d2] {
		flex-direction: column;
}
.viewer-nav[data-v-539bc8d2],
	.viewer-window[data-v-539bc8d2] {
		flex: 100%;
}
.viewer-nav[data-v-539bc8d2] {
		width: 100% !important;
		margin-right: 0px;
		position: inherit;
		top: unset;
}
.viewer-nav[data-v-539bc8d2],
	.viewer-nav-tree[data-v-539bc8d2] {
		max-height: 300px;
}
.viewer-nav-tree-handle[data-v-539bc8d2],
	.viewer-nav-tree-handle[data-v-539bc8d2]::before {
		display: none !important;
		clip-path: inset(100%);
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
}
.viewer-toolbar[data-v-539bc8d2] {
		flex-wrap: wrap;
}
.viewer-toolbar-center[data-v-539bc8d2] {
		flex: 100%;
		order: -1;
}
}
#copyFlash[data-v-539bc8d2] {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 9999;
}

/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./js/insecure/tpso/pages/planningschemeviewer/planningschemeviewer-shadow.css ***!
  \*******************************************************************************************************************************************************/
body {
	background-color: unset !important;
}

[slot="shadow-content"] .preview-content .page {
	margin: 0px auto;
	height: unset;
	width: unset;
	max-width: 210mm;
	padding: 10mm 15mm;
}

span.highlight {
	background-color: yellow;
}

span.highlight.main {
	background-color: orange;
}

/* Small screens */
@media (max-width: 767px) {
	[slot="shadow-content"] .preview-content .page {
		padding: 0px 10px;
	}

	/* Make tables that can't shrink scrollable so they work on mobile */
	[slot="shadow-content"] .preview-content div.parent-table {
		overflow-x: auto;
		overflow-y: hidden;
	}
}

/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./js/insecure/tpso/pages/planningschemeviewer/planningschemeviewer.page.css ***!
  \*****************************************************************************************************************************************************/
.content-wrapper,
.content,
#planningschemeviewer-vue-container {
	display: flex;
	flex: 1;
	flex-flow: column;
}

.copy-section-link-btn {
	padding: 5px;
	opacity: 0;
}

.section-block .section-title:hover .copy-section-link-btn,
.copy-section-link-btn:focus {
	opacity: 1;
}

@media (max-width: 767px) {
	.copy-section-link-btn {
		opacity: 0.6;
	}
}