/* input(1010,8): run-time error CSS1031: Expected selector, found '/'
input(1010,8): run-time error CSS1025: Expected comma or open brace, found '/' */
#modalAddWorkflowAction .modal-content {
	max-height: 90vh;
}

#modalAddWorkflowAction .modal-body {
	overflow-y: auto;
}

#modalAddWorkflowAction .tooltip-inner {
	max-width: 98%;
	text-align: initial;
	background-color: lightyellow;
	color: black;
	border: black 1px solid;
}

.hidden-column {
	display: none;
}

.audit-result-container {
	padding: 1em;
}

.audit-criteria-container {
	height: 100%;
	overflow-y: auto;
	padding: 1em;
}

.bootstrap-table-nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* move the sort icon to the left of the heading */
.bootstrap-table .fixed-table-container .table thead th .sortable {
	background-position: left !important;
	padding-left: 20px !important;
	padding-right: 0 !important;
}

/* top align all table cells by default */
.bootstrap-table .fixed-table-container .table td {
	vertical-align: top !important;
}

.page-link {
	color: rgb(0, 55, 103) !important;
}

.page-item.active .page-link {
	color: #ffffff !important;
	background-color: rgb(0, 55, 103) !important;
	border-color: rgb(0, 55, 103) !important;
}

.bootstrap-table .fixed-table-border {
	width: 100% !important;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
	overflow-x: hidden !important;
}

.bootstrapTable-container {
	height:100%;
	width: 100%;
	max-width: 100%;
	overflow: auto;
	display: inline-grid;
	/*position:relative;*/
}

.checklist .dropdown {
	display: inline-block;
}

.checklist .dropdown .btn .caret {
	margin-left: 0.25em !important;
}

.checklist .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #428bca;
}

.checklist .dropdown-menu > li > a {
	color: black;
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
}

.checklist ul li {
	font-family: 'Montserrat', arial;
}

.gridstackContainer  .grid-stack  .grid-stack-item  .grid-stack-item-content {
	border: 1px solid darkgrey;
	border-radius: 10px;
	background-color: lightgray;
	user-select: none;
	cursor: grab;
	left: 3px !important;
	right: 3px !important;
	overflow: auto !important;
}

.gridstackContainer .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack .grid-stack-item .grid-stack-item-content {
	border: 1px solid darkgrey;
	border-radius: 10px;
	background-color: lightgrey;
	user-select: none;
	cursor: grab;
}

.gridstackContainer .fieldName {
	text-align: left;
	margin-left: 0.35em !important;
}

.gridstackContainer .docGroupName {
	text-align: left;
	margin-left: 0.35em !important;
}

.gridstackContainer .docTypeName {
	text-align: left;
	margin-left: 0.35em !important;
}

.grid-stack-static .grid-stack-item-content {
	cursor: default;
}

.gridstackContainer  .grid-stack  .grid-stack-item  .grid-stack-item-content.selected-field {
	border: 3px solid black;
	/*background-color: darkgrey;*/
	font-weight: bold;
}

.gridstackContainer .grid-stack .grid-stack-item .grid-stack-item-content.selected-docType {
	border: 3px solid black;
	/*background-color: darkgrey;*/
	font-weight: bold;
}

.gridstackContainer  .grid-stack  .grid-stack-item  .grid-stack-item-content  .grid-stack  .grid-stack-item  .grid-stack-item-content.selected-field {
	border: 3px solid black;
	/*background-color: darkgrey;*/
	font-weight: bold;
}

.gridstackContainer .grid-stack .grid-stack-item .grid-stack-item-content .grid-stack .grid-stack-item .grid-stack-item-content.selected-docType {
	border: 3px solid black;
	/*background-color: darkgrey;*/
	font-weight: bold;
}

/*.grid-stack  .grid-stack-item  .ui-resizable-s {
	background-image: radial-gradient(black 30%, transparent 20%);
	background-position: 0 0;
	background-size: 10px 10px;
	opacity: 0.3;
	height: auto;
}*/

/* make nested grids have slightly darker bg */
.grid-stack.grid-stack-nested {
	background: white;
}

.grid-stack-item-content .grid-stack {
	min-height: 100%;
	min-width: 100%;
}

.grid-stack-item-content .grid-stack .form-control {
	margin-left: 5px !important;
	margin-bottom: 5px !important;
}

.multiselect-container {
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.grid-stack-item-content .subGrid {
	min-width: 100%;
}

.checklist-radio-button {
	margin-left: 15px !important;
}

.checklist-radio-button-div {
	margin-bottom: -10px !important;
}

.checklist-checkbox-div {
	margin-bottom: -10px !important;
}

.document-field-top {
	border-top: solid 1px lightgrey;
}

.document-field-bottom {
	border-bottom: solid 1px lightgrey;
}

.document-field-left {
	border-left: solid 1px lightgrey;
}

.document-field-right {
	border-right: solid 1px lightgrey;
}

.document-field-no-docs {
	background-color: mistyrose;
}

.document-field-date {
	width: 5em;
}

.document-field-check {
	margin-top: 0.3em;
	margin-right: 0.3em;
}

.checklistTextArea {
	resize: none;
	overflow: hidden;
	min-height: 30px;
	max-height: 100px;
}

#docTable tr td:nth-child(1) a {
	padding-left: 0.4em;
}

#processDocTable tr td:nth-child(1) a {
	padding-left: 0.4em;
}

#divDoc {
	height: 300px;
	overflow-y: auto;
}

@media print {
	html, body {
		height: auto !important;
		overflow: visible !important;
		margin: 0;
		padding: 0;
	}

	.wrapper,
	.content,
	.body-container,
	.body-content,
	.container-fluid,
	.flex-grow-1,
	.overflow-y-auto,
	#checklistForm {
		height: auto !important;
		overflow: visible !important;
		display: block !important; /* prevent flex interference */
	}

	.checklist {
		display: block !important; /* cancel flex layout */
		height: auto !important;
	}

	/* Hide any elements that shouldn't be printed */
	.sidebar,
	.dropdown-menu {
		display: none !important;
	}

	/* Ensure all form content is visible */
	.collapse {
		display: block !important;
		visibility: visible !important;
		height: auto !important;
	}

	button, .btn {
		display: none !important;
	}
}




.checklist-criteria-container {
	height: 100%;
	overflow-y: auto;
	padding: 1em;
}

.checklist-result-container {
	padding: 1em;
}

.fixed-table-pagination {
	margin-top: 20px;
}

#gridstackContainer {
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
}

	#gridstackContainer .component.spacer > .grid-stack-item-content {
		border-style: dashed !important;
	}

	#gridstackContainer .field > .grid-stack-item-content {
		border: 1px solid darkgrey;
		border-radius: 10px;
		background-color: lightgrey;
		border-radius: 5px;
		overflow: hidden;
	}

		#gridstackContainer .field > .grid-stack-item-content.spacerField {
			border-style: dashed !important;
		}

	#gridstackContainer > .grid-stack > .grid-stack-item > .grid-stack-item-content {
		border: 1px solid darkgrey;
		border-radius: 10px;
		background-color: lightgrey;
		user-select: none;
		cursor: grab;
		display: flex;
		flex-direction: column;
	}

	#gridstackContainer .fieldName {
		text-align: center;
		margin: auto;
	}

.grid-stack-static .grid-stack-item-content {
	cursor: default;
}

/* this fixes a selected parent making unselected children bold */
#gridstackContainer .grid-stack-item-content:not(selected-field) {
	font-weight: normal;
}

#gridstackContainer .grid-stack-item-content.selected-field {
	border: 3px solid black !important;
	background-color: darkgrey !important;
	font-weight: bold !important;
}

.grid-stack.grid-stack-nested {
	background: #f7f7f7;
	flex-grow: 1;
}

.grid-stack > .grid-stack-item.grid-stack-nested > .grid-stack-item-content {
	inset: 0 2px;
	top: 0;
	bottom: 0;
}

.grid-stack > .grid-stack-item.field > .ui-resizable-e, .grid-stack > .grid-stack-item.field > .ui-resizable-w {
	background-image: radial-gradient(black 30%, transparent 20%);
	background-position: 0 0;
	background-size: 10px 10px;
	opacity: 0.3;
	bottom: 5px;
}

.inactive-field {
	background: repeating-linear-gradient(135deg, darkgrey, darkgrey 10px, lightgrey 10px, lightgrey 20px);
}

#properties {
	position: sticky;
	top: 0;
}

#JSErrorToast {
	max-width: initial;
}

#chooseDocumentsModal .tableContainer {
	max-height: 20em;
	overflow-y: auto;
}

.collapse-control {
	cursor: pointer;
	user-select: none;
	width: 100%;
	display: flex;
}

	.collapse-control .collapse-icon {
		margin-left: auto;
		padding-left: 0.25em;
	}

		.collapse-control .collapse-icon:after {
			content: "\f077"; /* fa-chevron-up */
		}

	.collapse-control.collapsed .collapse-icon:after {
		content: "\f078"; /* fa-chevron-down */
	}

.collapse-control-right {
	cursor: pointer;
	user-select: none;
	width: 100%;
	display: flex;
}

	.collapse-control-right .collapse-icon {
		margin-top: auto;
		margin-bottom: auto;
	}

		.collapse-control-right .collapse-icon:after {
			content: "\f137"; /* fa-chevron-circle-left */
		}

	.collapse-control-right.collapsed .collapse-icon:after {
		content: "\f138"; /* fa-chevron-circle-right */
	}

#widgetContainer > .grid-stack > .grid-stack-item > .grid-stack-item-content {
	border: 1px solid darkgrey;
	border-radius: 10px;
	background-color: lightgrey;
	user-select: none;
	cursor: grab;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	left: 3px;
	right: 3px;
	font-weight: bold;
}

#widgetContainer > .grid-stack > .grid-stack-item > .ui-resizable-e {
	background-image: radial-gradient(black 30%, transparent 20%);
	background-position: 0 0;
	background-size: 10px 10px;
	opacity: 0.3;
	height: auto;
}

.grid-stack-static .grid-stack-item-content {
	cursor: default;
}

.trash {
	background-color: lightgrey;
	color: black;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.trashicon {
	padding-left: 4px;
}

#programsAndPropertiesTreeContainer.programsAndPropertiesTreeViewHeight {
	max-height: 400px;
	overflow: auto;
	width: 100%;
}

#programsAndPropertiesTreeView {
	overflow: auto;
}

#programsAndPropertiesTreeView .fa {
	padding-right: 0.5em;
}

.node-programsAndPropertiesTreeview {
	padding-left: 0px;
}

.onMyRadar ul li {
	font-family: 'Montserrat', arial;
}

#tip {
	background-color: black;
	border: 0px solid black;
	border-radius: 5px;
	position: absolute;
	left: -200px;
	top: 100px;
}

.datafieldlookups {
	display: none;
}

.multiselect.dropdown-toggle {
	text-align: left;
}

.bootstrap-select {
	display: block !important;
	min-width: 100% !important;
	max-width: 100% !important;
}

.form-control.disabled {
	background-color: #e9ecef;
	opacity: 1;
}

.docDetails .dropdown {
	display: inline-block;
}

	.docDetails .dropdown .btn .caret {
		margin-left: 0.25em !important;
	}

.docDetails .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #428bca;
}

.docDetails .dropdown-menu > li > a {
	color: black;
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.docDetails ul li {
	font-family: 'Montserrat', arial;
}

#addUserModal > .modal-dialog > .modal-content {
	overflow: visible !important;
}

.multiselect.dropdown-toggle {
	text-align: left;
}

.bootstrap-select {
	display: block !important;
	min-width: 100% !important;
	max-width: 100% !important;
}

.form-control.disabled {
	background-color: #e9ecef;
	opacity: 1;
}

.docAction .dropdown {
	display: inline-block;
}

	.docAction .dropdown .btn .caret {
		margin-left: 0.25em !important;
	}

.docAction .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #428bca;
}

.docAction .dropdown-menu > li > a {
	color: black;
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	user-select: none;
}

.docAction ul li {
	font-family: 'Montserrat', arial;
}

.scannedImageGroup-container {
	background-color: grey;
	padding: 10px;
}

.mini-thumb-container {
	cursor: move;
	border: 2px solid transparent;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 2px;
}

.mini-thumb-container:hover {
	border: 2px solid #bbbbbb;
}

.mini-thumb-containerSelected {
	border: 2px solid #40a7c3 !important;
}

.mini-thumbnail {
	max-height: 160px;
}

.thumbSeparator {
	/*background-color: #3a3a3a;*/
	min-height: 30px;
}

.thumbSeparator-highlight {
	background-color: #3a3a3a;
}

.thumbSeparator-container {
	padding-left: 10px;
	padding-right: 10px;
}

.scanImageSidebar {
	/*width: 210px;*/
	bottom: 0;
	left: 0;
	position: relative;
	overflow-y: auto;
	border-right: 2px solid #d4d4d4;
}

/*@media screen and (max-width: 575px) {*/
@media screen and (max-width: 768px) {
	.scanImageSidebar {
		width: 100%;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		border-right: none;
	}
}

#fileDropZone {
	border: 2px dashed #ccc;
	border-radius: 20px;
	width: 100%;
	height: 300px;
	min-height: 300px;
	font-family: sans-serif;
	margin: 20px auto;
	padding: 20px;
	display: inline-block;
}

#fileDropZone.dropZone_highlight {
	border-color: purple;
}

#waiting {
	font-size: x-large;
	font-weight: bold;
}

	#waiting .fas {
		animation: spinner 1.5s linear infinite;
	}

.documentAction {
	margin-right: 5px;
}

.doc-criteria-container {
	height: 100%;
	overflow-y: auto;
	padding: 1em;
}

.doc-result-container {
	padding: 1em;
}

.doc-search-header {
	display: flex;
	align-items: center;
}

#DocumentSearch .help-url {
	margin-top: .7em;
}

#tagsDiv {
	max-height: 10em;
	overflow-y: auto;
}

#editTagsNotice .modal-footer{
	justify-content: space-between;
}

#modalEditWorkflowAction .modal-content {
	max-height: 90vh;
}

#modalEditWorkflowAction .modal-body {
	overflow-y: auto;
}

#modalEditWorkflowAction .tooltip-inner {
	max-width: 98%;
	text-align: initial;
	background-color: lightyellow;
	color: black;
	border: black 1px solid;
}

.multiselect.dropdown-toggle {
	text-align: left;
}

.bootstrap-select {
	display: block !important;
	min-width: 100% !important;
	max-width: 100% !important;
}

.form-control.disabled {
	background-color: #e9ecef;
	opacity: 1;
}

.etrAction .dropdown {
	display: inline-block;
}

	.etrAction .dropdown .btn .caret {
		margin-left: 0.25em !important;
	}

.etrAction .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #428bca;
}

.etrAction .dropdown-menu > li > a {
	color: black;
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.etrAction ul li {
	font-family: 'Montserrat', arial;
}

.etrAction-criteria-container {
	height: 100%;
	overflow-y: auto;
	padding: 1em;
}

.etrAction-result-container {
	padding: 1em;
}

.fixed-table-pagination {
	margin-top: 20px;
}


.etrdetails .dropdown {
	display: inline-block;
}

	.etrdetails .dropdown .btn .caret {
		margin-left: 0.25em !important;
	}

.etrdetails .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #428bca;
}

.etrdetails .dropdown-menu > li > a {
	color: black;
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
}

.etrdetails ul li {
	font-family: 'Montserrat', arial;
}

.text-right {
	width: 90%;
	text-align: right;
}

.text-left {
	width: 90%;
	text-align: left;
}

.etr-action-icon {
	color: #0570B9;
}

.documentAction {
	margin-right: 5px;
}

.mergeModal {
	height: 70%
}

.mergeContent {
	height: 60%
}

.etrdetails .field-label {
	font-weight: bold;
}

.etr-criteria-container {
	height: 100%;
	overflow-y: auto;
	padding: 1em;
}

.etr-result-container {
	padding: 1em;
}

.fixed-table-pagination {
	margin-top: 20px;
	/*position: absolute;*/
}

.etr-search-header {
	display: flex;
	align-items: center;
}

#ETRSearch .help-url {
	margin-top: .7em;
}

#exportResult .modal-footer {
	justify-content: space-between;
}

#exportByHDResult .modal-footer {
	justify-content: space-between;
}

.sidebarSig {
	background-color: #fff;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	min-height: 500px;
}

#topFieldWrapper {
	margin-bottom: auto; 
}

#sidebarSpacer {
	flex-grow: 1; /* Takes up all available space between the top and bottom items */
}

#bottomFieldWrapper {
	margin-top: auto; 
}

#topFieldWrapper .field-item {
	margin-bottom: 10px;
}

.field-item {
	padding: 12px 16px;
	margin-bottom: 8px;
	border-radius: 4px;
	cursor: move;
	border: 1px solid #ddd;
	background-color: #fafafa;
	font-size: 13px;
	display: flex;
	align-items: center;
	user-select: none;
	transition: all 0.2s ease;
	width: 100%;
}

	.field-item:hover {
		background-color: #fff;
		border-color: #999;
	}

.field-icon {
	width: 24px;
	height: 24px;
	border-radius: 3px;
	margin-right: 8px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	color: white;
	font-weight: 600;
	background-color: #3498db; 
}

#topFieldWrapper, #bottomFieldWrapper {
	padding-left: 30px;
	padding-right: 30px;
}

#thePDFDiv {
	flex: 1;
	display: flex;
	flex-direction: column;
	background-color: #e5e5e5;
	padding: 20px;
	overflow: auto;
	position: relative;
}

.pdf-viewer-wrapper {
	flex: 1;
	overflow: visible;
	display: block;
	padding: 20px;
	min-height: 100%;
	text-align: center;
	min-height: 500px;
	overflow-x: auto;
}

.pdf-canvas {
	position: relative;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

	.pdf-canvas.active {
		display: block;
	}

PDF Pan/Drag Cursor
#thePDFContentDiv {
	cursor: grab;
	overflow: auto !important;
}

#thePDFContentDiv.panning {
	cursor: grabbing !important;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

	#thePDFContentDiv.panning #thePDFContentDiv {
		pointer-events: none;
	}

	#thePDFContentDiv.panning .signature-field {
		pointer-events: auto;
	}

.pdf-page-container {
	pointer-events: auto;
	position: relative;
	display: inline-block;
	margin: 0 auto 20px auto; /* Centered, with bottom margin */
	text-align: left;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.pdf-page {
	pointer-events: auto;
	position: relative;
	background-color: transparent;
	box-shadow: none;
}

.signature-field {
	position: absolute;
	border: 2px dashed;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: move;
	font-size: 12px;
	font-weight: 500;
	color: #666;
	transition: box-shadow 0.2s ease;
	touch-action: none;
	pointer-events: auto;
	z-index: 10;
	min-width: 80px;
	min-height: 40px;
}

	.signature-field:hover {
		box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
	}

	.signature-field.dragging {
		z-index: 1000;
		opacity: 0.8;
	}

	.signature-field.resizing {
		z-index: 1000;
	}

.signature-field-label {
	flex: 1;
	text-align: center;
	pointer-events: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px;
}

.delete-field-btn {
	position: absolute;
	top: 2px;
	right: 2px;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 10px;
	color: #666;
	transition: all 0.2s ease;
	z-index: 5;
}

	.delete-field-btn:hover {
		background: #e74c3c;
		color: white;
		border-color: #e74c3c;
	}

.resize-handle {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: white;
	border: 2px solid;
	border-radius: 50%;
	z-index: 10;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.signature-field:hover .resize-handle {
	opacity: 1;
}

.resize-handle.nw {
	top: -5px;
	left: -5px;
	cursor: nw-resize;
}

.resize-handle.ne {
	top: -5px;
	right: -5px;
	cursor: ne-resize;
}

.resize-handle.sw {
	bottom: -5px;
	left: -5px;
	cursor: sw-resize;
}

.resize-handle.se {
	bottom: -5px;
	right: -5px;
	cursor: se-resize;
}

.pdf-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}

.page-controls {
	display: flex;
	gap: 8px;
}

.page-info {
	font-size: 13px;
	color: #666;
	font-weight: 500;
	white-space: nowrap;
	margin-left: 15px;
}

.page-btn {
	padding: 6px 12px;
	font-size: 12px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 3px;
	cursor: pointer;
	color: #555;
	transition: all 0.2s ease;
}

	.page-btn:hover {
		background-color: #f5f5f5;
		border-color: #999;
	}

	.page-btn:disabled {
		opacity: 0.5;
		cursor: not-allowed;
		background-color: #f9f9f9;
	}

	.page-btn i {
		font-size: 11px;
	}

#importProgressModal .icon {
	font-size: 3em;
	margin-right: 0.2em;
	position: relative;
}

#importProgressModal .spinner {
	animation: spinner 1.5s linear infinite;
}

#importProgressModal .message {
	vertical-align: top;
}

#importProgressModal .errors {
	max-height: 6em;
	overflow-y:auto;
}

#ImportTableContainer table {
	white-space: nowrap;
}

.hidden {
	display: none;
}

.import-variable-dictionary{
	display:none;
}

#insertFileDropZone {
	border: 2px dashed #ccc;
	border-radius: 20px;
	width: 100%;
	font-family: sans-serif;
	padding: 20px;
	text-align: center;
}

	#insertFileDropZone.dropZone_highlight {
		border-color: purple;
	}

#insertScannedPromptModal .spinner {
	font-size: 3em;
	margin: 0.1em;
	animation: spinner 1.5s linear infinite;
	position: relative;
}

.itemselectlist {
	cursor:pointer;
}

.itemselectlist li:not(.active):hover {
	background-color: #D3D3D3;
}

.itemselectlist li.list-group-item {
	padding-top: 6px;
	padding-bottom: 6px;
}

.navbar-fixed-top {
	background-color: white;
}

.main-menu {
	background-color: #003767;
}

	.main-menu a {
		color: #ffffff;
	}

	.main-menu .nav li:hover a, .main-menu .nav li a:focus, .main-menu .nav .open a, .main-menu .nav .open a:hover, .main-menu .nav .open a:focus {
		text-decoration: underline !important;
		background-color: transparent !important;
	}

	.main-menu .nav .open .dropdown-menu a, .main-menu .nav .open .dropdown-submenu a {
		text-decoration: none !important;
	}

.navbar-brand {
	padding-top: 6px;
}

.dropdown-submenu {
	position: relative;
}

	.dropdown-submenu > .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px;
		border-radius: 0 6px 6px 6px;
	}

	.dropdown-submenu:hover > .dropdown-menu {
		display: block;
	}

	.dropdown-submenu > a:after {
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #ccc;
		margin-top: 5px;
		margin-right: -10px;
	}

	.dropdown-submenu:hover > a:after {
		border-left-color: #fff;
	}

	.dropdown-submenu.pull-left {
		float: none;
	}

		.dropdown-submenu.pull-left > .dropdown-menu {
			left: -100%;
			margin-left: 10px;
			-webkit-border-radius: 6px 0 6px 6px;
			-moz-border-radius: 6px 0 6px 6px;
			border-radius: 6px 0 6px 6px;
		}

.version {
	text-align: right;
	font-size: 0.75em;
	opacity: 0.5;
	padding-right: 5px;
}

.nav > li > a {
	padding-right: 10px;
}

.divider-vertical {
	padding-top: 15px;
	padding-bottom: 18px;
}

.navbar-custom .main-menu {
	background-color: #003767;
}

	.navbar-custom .main-menu .navbar-nav > li > a {
		color: #ffffff !important;
		background-color: transparent;
	}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open > a {
	text-decoration: underline;
	background-color: transparent;
}

.navbar-custom > .active > a {
	color: #ffffff;
	background-color: transparent;
}

.navbar-custom .navbar-form, .navbar-custom .navbar-collapse {
	border: 0;
}

.avatarlink {
	padding: 0 !important;
}

.wrapper {
	display: flex;
	width: 100%;
}

.sidebar {
	height: 100vh;
	background: #0037677f;
}

	.sidebar .fas, .sidebar .far {
		font-size: 2em;
		color: #fff;
		padding: 0.5rem 0 0.5rem;
	}

	.sidebar .navbar-toggler {
		border: 0;
		padding: 0;
	}

	.sidebar .card {
		padding: 0.5rem;
		margin: 0.5rem 0.5rem 0.5rem 0;
	}

	.sidebar .nav, .sidebar .btn-link {
		color: #003767 !important;
	}

	.sidebar .custom-icon {
		font-size: 2.5em;
		color: #fff;
		padding: 0.5rem 0 0.5rem;
		position: relative;
	}

	.sidebar .etr-search-icon .fa-users {
		position: absolute;
		left: 0.37em;
		top: 1.54em;
		font-size: 0.4em;
	}

	.sidebar .checklist-icon .fa-clipboard-check {
		position: absolute;
		left: 0.64em;
		top: 1.46em;
		font-size: 0.4em;
	}

	.sidebar .action-search-icon .fa-check {
		position: absolute;
		left: 0.6em;
		top: 1.5em;
		font-size: 0.4em;
	}

	.sidebar .platform-link .platform-link-icon {
		font-size: 0.7em;
	}
.content {
	flex: 1;
	overflow: auto;
}

.multiselect-container > li > a > label {
	padding: 3px;
}

.fixed-left {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1030;
}

.navbar-spacer {
	font-size: 2em;
	padding: 0 1.25rem;
	width: 4.5em;
}

.body-container {
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding-left: 15px;
}

.body-content {
	display: flex;
	flex: 1;
	overflow-y: auto;
}

.nav-label {
	color: white;
	text-decoration: none;
	font-size: 1rem;
	width: 7em;
}

.navbar > a {
	text-align: center;
}

	.navbar > a:hover {
		text-decoration: none;
	}

	.navbar > a:not(:last-child) {
		margin-bottom: 1em;
	}

.navbar {
	background: #003767 !important;
	flex-wrap: nowrap;
	overflow-y: auto;
	z-index: 1100;
}

	.navbar .active {
		font-weight: bold;
	}

.body-footer hr {
	margin-top: 0.5rem;
	margin-bottom: 0;
}

.body-footer footer {
	display: flex;
	justify-content: space-between;
}

#recentETRs {
	padding-right: 0;
}

.dropdown-recent-ETRs {
	padding: 0.5rem;
}

	.dropdown-recent-ETRs a {
		text-wrap: nowrap;
	}

.full-height-no-overflow {
	height: 100% !important;
	overflow-y: hidden !important;
}

.typeahead {
	z-index: 1000;
}

	.typeahead.dropdown-menu {
		z-index: 1001;
		max-height: 280px;
		overflow-y: auto;
	}

.navbar::-webkit-scrollbar {
	width: 0.8em;
}

.navbar::-webkit-scrollbar-thumb {
	background-color: white;
	border-radius: 0.8em;
	border: 0.2em solid #003767;
}


.contentmain-container {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex: 1;
}

.contentmain-content {
	flex: 1;
	overflow-y: auto;
}

#manageTags .modal-footer {
	justify-content: space-between;
}


#tblTags {
	display: block;
	max-height: 20rem;
	overflow-y: scroll;
}

.messageBox_icon {
	font-size: 3em;
	margin-right: 0.3em;
	float: left;
}

@media (min-width: 992px) {
	.modal-550 {
		max-width: 550px;
	}
}

.multiselectlist-container {
	line-height: 1.5em;
	max-height: calc(5 * 2em); /* we want 5 rows */
	overflow-y: auto;
}

#noticeSearch {
	gap: 0.25em;
}

#QuickSearchText {
	width: auto;
	font-size: 1rem;
}

#tagIdsGroup .multiselect-container .multiselect-option .form-check-label,
#tagIdsGroup .multiselect-container .multiselect-group .form-check-label,
#tagIdsGroup .multiselect-container .multiselect-all .form-check-label {
	white-space: normal;
}

.notice-criteria-container {
	height: 100%;
	overflow-y: auto;
	padding: 1em;
}

.notice-result-container {
	padding: 1em;
}

.notices-header {
	display: flex;
	align-items: center;
}

	.notices-header h1 {
		white-space: nowrap;
	}

#viewGroupOrUserSelect {
	width: auto;
}

#Notices .help-url {
	margin-top: .7em;
}

.notice-priority-low {
	background-color: #00b050;
}

.notice-priority-medium {
	background-color: #ffff00;
}

.notice-priority-high {
	background-color: #ffc000;
}

.notice-priority-urgent {
	color: white;
	background-color: #ff0000;
}

.notice-unread {
	font-weight: bold;
}

.notice-priority {
	border: 1px black solid;
	border-radius: 3px;
	text-align: center;
}

.notice-deadline-green {
	background-color: #00b050;
}

.notice-deadline-yellow {
	background-color: #ffff00;
}

.notice-deadline-orange {
	background-color: #ffc000;
}

.notice-deadline-red {
	color: white;
	background-color: #ff0000;
}


.pro-criteria-container {
	height: 100%;
	overflow-y: auto;
	padding: 1em;
}

.pro-result-container {
	padding: 1em;
}

.overflow-proTbl-div {
	overflow-x: auto;
}

#progressModal .icon {
	font-size: 3em;
	margin-right: 0.2em;
	position: relative;
}

#progressModal .spinner {
	animation: spinner 1.5s linear infinite;
}

#progressModal .message {
	vertical-align: top;
}

#scriptEditorModal .CodeMirror {
	border: 1px solid black;
}

#scriptEditorModal .tooltip {
	opacity: 1;
}

#scriptEditorModal .tooltip-inner {
	max-width: 98%;
	text-align: initial;
	background-color: lightyellow;
	color: black;
	border: black 1px solid;
}

#scriptEditorModal code {
	color: black;
	background-color: lightgrey;
	padding: 2px 4px;
	border-radius: 4px;
}

#scriptEditorModal_message {
	display: inline;
}

.semap-score-circle {
	height: 1.5em;
	width: 1.5em;
	display: inline-block;
	border: 1px solid black;
	border-radius: 50%;
}

.semap-score-red {
	background-color: red;
}

.semap-score-yellow {
	background-color: yellow;
}

.semap-score-green {
	background-color: lime;
}

.semap-response, .semap-response label {
	font-weight: 700 !important;
}

	.semap-response span, .semap-response label {
		margin-right: 1.5rem !important;
	}

		.semap-response label input {
			margin-right: 0.5rem !important;
		}

.view-semap-indicator-documents {
	font-size: large;
	margin-right: 0.25em;
}

	.view-semap-indicator-documents.disabled {
		color: #003767;
	}

.add-semap-indicator-document {
	font-size: large;
}

.delete-semap-indicator-document.disabled {
	color: #003767;
}

#sendEmailModal .fa-spin {
	font-size: 3em;
	margin: 0.1em;
	animation: spinner 1.5s linear infinite;
	position: relative;
}

#sendEmailModal .modal-body .form-group {
	display: flex;
	align-items: start;
}

/* Carousel */
.carousel-caption p {
	font-size: 20px;
	line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
	width: 100%;
}

/* QR code generator */
#qrCode {
	margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
	/* Hide captions */
	.carousel-caption {
		display: none;
	}
}

.glyphSize {
	font-size: 23px !important;
	vertical-align: middle;
	margin-bottom: 2px;
}

.modalGlyphSize {
	font-size: 30px !important;
	vertical-align: middle;
	margin-bottom: 2px;
}

.modal-header {
	background-color: #003767;
	cursor: move;
}

.modal-title {
	font-family: Roboto, arial;
	font-size: 14pt;
	font-weight: bold;
	color: #ffffff;
}

.modal-message {
	font-family: Roboto, arial;
	font-size: 12pt;
}

.large-margin {
	margin-top: 5% !important;
}

.med-margin {
	margin-top: 3% !important;
}

.small-margin {
	margin-top: 1% !important;
}

.add-search-icon {
	position: relative;
}

	.add-search-icon .glyphicon {
		position: absolute;
		padding: 10px 20px 18px 15px;
		pointer-events: none;
	}

.add-icon-right .glyphicon {
	right: 0px;
}

.add-icon-right input {
	padding-right: 25px;
}

/*.underline {
	border-bottom: 1px solid;
	width: 100%;
	display: block;
}*/

.btn-visible {
	display: block;
}

.btn-invisible {
	display: none;
}

label {
	font-family: Roboto, arial;
	font-size: 12pt;
	font-weight: normal;
}

.form-control {
	font-family: Arial, Roboto, arial;
	font-size: 13.3333px;
	font-weight: normal;
}

ul li {
	font-family: 'Montserrat', arial;
}

table thead {
	font-family: Roboto, arial;
	font-size: 12pt;
	font-weight: normal;
}

table tbody tr {
	font-family: Roboto, arial;
	font-size: 11pt;
	font-weight: normal;
}

.font-layout-screenName {
	color: #ffffff;
	font-family: 'Montserrat', arial;
	font-size: 30px;
	margin-left: 15px;
	font-weight: bold
}

.last-updated {
	font-family: Roboto, arial;
	font-size: 9pt;
}

.title-header {
	font-family: Roboto, arial;
	font-size: 12pt;
	font-weight: bold;
	border-bottom: 1px solid;
	width: 100%;
	display: block;
	margin-bottom: 5pt;
}

.special-Padding {
	padding-right: 2px;
	padding-left: 2px;
}

.superlinkDisabled {
	pointer-events: none;
	cursor: default;
}

td.red {
	color: red;
}

.label-bold {
	font-weight: bold;
}

.navbar-nav .dropdown-toggle {
	width: 100% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-align: left !important;
}

.mandatory-asterisk {
	color: red;
}

.multiselect-container {
	max-height: 600px;
	overflow-y: auto;
}

@media (max-width: 767px) {
	.navbar-fixed-top {
		position: relative;
		top: auto;
	}

	.navbar-collapse {
		max-height: none;
	}

	html body {
		margin: 0;
		padding-top: 0 !important;
	}

	.icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
	}

	.navbar-default .navbar-toggle {
		border-color: #ffffff;
		margin-left: 15px;
	}

		.navbar-default .navbar-toggle:focus {
			background-color: #ffffff;
		}

		.navbar-default .navbar-toggle:hover {
			background-color: #ffffff;
		}

	.navbar-custom .navbar-form, .navbar-custom .navbar-collapse {
		-webkit-box-shadow: none;
		box-shadow: none
	}

	.navbar-custom .table td:last-child {
		float: right;
	}

	.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
}

.validation-summary-errors {
	color: #a94442;
	font-weight: bold;
}

.btn-invert {
	background-color: #ffffff;
	color: #003767;
}

.fg-light {
	color: #ffffff;
}

.btn-primary {
	background: #003767 !important;
	border-color: #003767 !important;
}

.btn-secondary {
	color: #003767 !important;
	background: #f0f8ff !important;
	border-color: #C7CFD6 !important;
}

.close, .close:hover {
	color: white;
	text-shadow: none;
}

a {
	color: #003767;
}

.col-form-label {
	font-weight: bold;
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.tableBodyScroll tbody {
	display: block;
	max-height: 200px;
	overflow-y: overlay; /* overlay keeps the header lined up with the body but doesn't have support in all browsers */
	overflow-x: hidden;
}

.divWithScroll {
	display: block;
	height: 200px;
	overflow-y: overlay; /* overlay keeps the header lined up with the body but doesn't have support in all browsers */
	overflow-x: hidden;
}

.tableBodyScroll thead, .tableBodyScroll tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.card-header {
	background-color: #f0f8ff !important;
}

.btn-link {
	padding: 0 !important;
}

.overflow-x-auto {
	overflow-x: auto;
}

label.required:after {
	color: #f00;
	content: ' *';
	display: inline;
}

.glyphicon-plus:before {
	font: var(--fa-font-solid);
	content: "\f067";
	font-weight: bold;
}

.glyphicon-minus:before {
	font: var(--fa-font-solid);
	content: "\f068";
	font-weight: bold;
}

@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}

.overflow-y-hidden {
	overflow-y: hidden;
}

.overflow-y-auto {
	overflow-y: auto;
}

.messageBox_icon {
	font-size: 3em;
}

input:invalid {
	border-color: red;
}

.checklistCheckbox {
	width: 15px;
	height: 15px;
}

a.disabled {
	color: currentColor;
	cursor: not-allowed;
	opacity: 0.5;
	text-decoration: none;
	pointer-events: none;
}

.custom-control-label {
	user-select: none;
}

.pagination {
	z-index: 0;
}

.input-group-checkbox-label {
	padding-top: 0;
	padding-bottom: 0;
	/*font-size: 11pt;*/
	font-size: 0.915rem;
}

.input-group-append > .custom-select {
	color: #495057;
	background-color: #e9ecef;
	/* font-size: 11pt; */
	font-size: 0.915rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: auto;
}

.top-0 {
	top: 0;
}

.right-0 {
	right: 0;
}

.zindex-toast {
	z-index: 1075;
}

.position-alert {
	position:absolute;
	top: 1.5rem;
	left: 0px;
	right: 0px;
}

.loginLogo {
	margin-top: 10vh;
}

.help-url-spacer{
	flex-grow: 1;
}

.help-url {
	align-self: start;
}

.shrink-column{
	width: 1px;
}

#waiting {
	font-size: x-large;
	font-weight: bold;
}

	#waiting .fas {
		animation: spinner 1.5s linear infinite;
	}

.usage-criteria-container {
	height: 100%;
	overflow-y: auto;
	padding: 1em;
}

.usage-result-container {
	padding: 1em;
}

#divPageAreaContainer {
	background-color: grey;
	overflow: auto;
	height: 100%;
	width: 100%;
}

#ViewerForm {
	height: 100%;
	width: 100%;
}

.viewerContainer {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.menuRow {
	margin: 0.5rem 0 0.5rem;
	display: flex;
	justify-content: flex-end;
}

.menuRowGroup {
	display: inline-flex;
	align-items: center;
}

	.menuRowGroup:not(:last-child) {
		margin-right: 0.5rem;
	}

	.menuRowGroup .input-group .form-control {
		font-size: 1rem;
	}

.viewerRow {
	overflow-y: hidden;
	display: flex;
	align-items: stretch;
	flex: 1;
}

#thumbnailColumn {
	display: flex;
	width: 290px;
	height: 100%;
	overflow-y: auto;
}

#thumbnailContainer {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: grey;
	padding: 10px;
	overflow-y: auto;
	flex-grow: 1;
}

#thumbnailContent {
	margin: 10px;
	display: flex;
}

#svgThumbnailContainer {
	flex: 1;
}

#pageColumn {
	display: flex;
	flex-grow: 1;
	min-width: 0;
	padding-left: 10px;
	padding-right: 10px;
}

#indexingColumn {
	display: flex;
	flex-shrink: 0;
}

#indexingParentDiv {
	height: 100%;
	width: 100%;
	display: flex;
}

#arrowBtnDiv {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-right: 10px;
}

#arrowBtn {
	cursor: pointer;
}

	#arrowBtn:hover {
		text-decoration: none !important;
	}

#indexingDiv {
	display: flex;
	align-self: stretch;
	flex-direction: column;
	width: 100%;
	min-width: 0;
}

#indexingRow {
	display:flex;
	flex-grow: 1;
	flex-direction: column;
}

#progressRow {
	display: flex;
	padding-top: 0.25rem;
	padding: 0.25rem 0 0.25rem;
}

	#progressRow .progress {
		width: 10em;
		height: 2em;
		flex-grow: 1;
		border: 1px solid #ced4da;
	}

	#progressRow #lblTotal {
		margin-bottom: initial;
		margin-right: 0.5em;
	}

.group {
	fill: dimgrey;
	stroke: black;
}

.currentGroup {
	stroke-width: 10;
	stroke: #3f6095;
}

.pageThumbnail {
	fill: transparent;
	stroke: black;
}

.thumbnailBack {
	fill: grey;
}

.buttonBack {
	fill: lightgrey;
}

.splitGroup, .combineGroups {
	cursor: pointer;
}

.currentPage {
	stroke-width: 10;
	stroke: black;
}

.selectedPage {
	stroke-width: 10;
	stroke: black;
}

.hidden {
	display: none;
}

.disableOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0.4;
	filter: alpha(opacity = 50);
	cursor: wait;
	/*background-color: black;*/
}

.multiselect.dropdown-toggle {
	text-align: left;
}

#thumbnailArrowBtnDiv {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-left: 10px;
}

#thumbnailArrowBtn {
	cursor: pointer;
}

	#thumbnailArrowBtn:hover {
		text-decoration: none !important;
	}

.gripper {
	display: flex;
	color: gray;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	cursor: ew-resize;
}

.gripper-container {
	display: flex;
	flex: 1;
}

.resizeOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;
	cursor: ew-resize;
}

.pageNoText {
	fill: white;
	paint-order: stroke;
	stroke: black;
	stroke-width: 2px;
	text-anchor: end;
	pointer-events: none;
}

#indexingArea .dropdown-item {
	white-space: initial;
}

.bootstrap-select {
	display: block !important;
	min-width: 100% !important;
	max-width: 100% !important;
}

.form-control.disabled {
	background-color: #e9ecef;
	opacity: 1;
}

.buttonCalculator {
	color: #003767 !important;
	background: #f0f8ff !important;
	border-color: #C7CFD6 !important;
	width: 42px !important;
	height: 42px !important;
}

.calScrollStyle {
	height: 150px;
	width: 180px;
	overflow-y: scroll;
	background-color: cornsilk;
	display: flex;
	flex-direction: column-reverse;
}

#modalCalculator {
	pointer-events: none;
}

.viewerContainer .help-url {
	margin-left: -0.5rem;
}

@keyframes waitModal_spinnerAnim {
	to {
		transform: rotate(360deg);
	}
}

.waitModal_spinner {
	font-size: 3em;
	margin-right: 0.3em;
	float: left;
}

.workflow-designer {
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	height: 660px;
}

#JSErrorToast {
	max-width: initial;
}