/*
footer {
	display: block;
	position: absolute;
		bottom: 0;
		padding-top: 15px;
		padding-bottom: 0px;
		width: 100%;
		font-size: 12px;
}
*/
/*make room for footer*/
/*
.editableDiv {margin-bottom: 100px;}
.footer-main {padding: 5px;}
*/
html, body {
	height: 100%;
	margin: 0;
}
.geocivix-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.geocivix-content {
	flex: 1;
}
footer {
	width: 100%;
	height: 50px;
	background-color: #f5f5f5;
	font-size: 12px;
}
#footer-links {
	margin-top: 8px;
}
footer>.navbar {
	min-height: 50px;
	max-height: 50px;
}
.footer-main {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	font-size: 12px;
}
#env-overlay {
	position: absolute;
	top: 3px;
	right: 15px;
	background-color: white;
	color: #ff0000;
	border: 1px solid #ff0000;
	padding: 2px 8px;
	margin: 0;
}

.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 25px;
}
.has-error .controls {
	color: #a94442;
}
#edit-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #999;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: "alpha(opacity=70)";
	z-index: 9999;
}

#edit-overlay-buttons {
	position: absolute;
	top: 15px;
	width: 100%;
	z-index: 10000;
}

#edit-overlay-buttons button {
	margin: 3px;
}

.popover {
	z-index: 100000
}

.popover .row-option {
	margin: 0;
}

.popover {
		color: #000;
}

.light-bg {
	background-color: #eee;
}

.text-green {
	color:  #5cf85c;
}

.text-yellow {
	color:  #f5ef4e;
}

.text-red {
	color:  #FF4C26;
}

.pad5 {
	padding: 5px;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.indent {
	margin-left: 15px;
}

.title_wrap{
	background: #428BCA;
	width:100%;
	border-radius: 5px;color:white;
	padding:3px 15px;
	font-weight:bold;
	margin-top:20px;
}

.btn_new{
	padding:1px 5px;
	font-size:12px;
}

.loading-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #999;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: "alpha(opacity=30)";
	z-index: 100000;
}

.fragment {
	display: none;
}

.action {
	cursor: pointer;
}

.idt-notification {
	text-align: left;
}

#responsePrompt .idt-notification {
	margin-left: 20px;
	margin-right: 20px;
}

.modal form input[type=checkbox] {
	top: 6px;
}

.form-check-label .form-check-input,
.modal .form-check-label .form-check-input {
	top: 2px;
}

.form-group .checkbox label input {
	position: relative;
	top: 1px;
}

.hasDatepicker:disabled {
	background-color: #eee !important;
}

.hint {
	margin: 3px;
	font-size: 12px;
}

.inactive {
	background-color: #DDD !important;
	color: gray;
}

.white {
	color: #fff;
}

.black {
	color: #000;
}

.light-gray {
	color: #ddd;
}

.dark-gray {
	color: #333;
}

.charcoal {
	color: #36454F;
}

.text-center {
	text-align: center;
}

.button-options {
	margin: 5px;
}

.button-options button {
	margin: 5px;
}

.gis-value {
	width: 75%;
}

.multitext-item {
	position: relative;
	padding: 3px;
	margin: 0 0 2px 0;
	border: 1px solid #eee;
	border-radius: 3px;
}

.multitext-label {
	display: inline-block;
	position: relative;
	padding: 2px 5px;
	min-width: 60px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #555;
	background: #eee;
	margin-right: 5px;
	font-size: 12px;
}

.multitext-text {
	position: relative;
	top: 2px;
}

button.multitext-add {
	position: relative;
	min-width: 60px;
}

.toolbar.row-options {
	float: right;
}

.toolbar.row-options .fa {
	color: #999;
	padding: 3px;
	cursor: pointer;
}

.toolbar.row-options .fa:hover {
	color: #666;
}

/* SIDE TABS */
.tabs-left, .tabs-right {
	border-bottom: none;
	padding-top: 2px;
}
.tabs-left {
	border-right: 1px solid #ddd;
}
.tabs-right {
	border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
	float: none;
}
.tabs-left>li {
	margin-right: -1px;
}
.tabs-right>li {
	margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
	border-bottom-color: #ddd;
	border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
	border-bottom: 1px solid #ddd;
	border-left-color: transparent;
}
.tabs-left>li>a {
	border-radius: 4px 0 0 4px;
	margin-right: 0;
	display:block;
}
.tabs-right>li>a {
	border-radius: 0 4px 4px 0;
	margin-right: 0;
}
.icon.fa,
.icon.fas,
.icon.far,
.icon.fal {
	font-size: 16px;
}
.icon-toolbar .fa,
.icon-toolbar .fas,
.icon-toolbar .far,
.icon-toolbar .fal {
	margin: 0;
}
.icon-toolbar .icon {
	margin: 3px 0 0 3px;
	cursor: pointer;
}
.icon-delete {
	color: gray;
}
.icon-delete:hover {
	color: #802E2E !important;
}
.option-button {
	position: relative;
	border: 1px solid #CCC;
	border-radius: 4px;
	cursor: pointer;
	background-color: #EEE;
}
.option-button a {
	display: block;
	padding: 2px;
	margin-left: 20px;
	font-weight: bold;
	font-size: 12px;
}
.option-button a:hover {
	text-decoration: none;
}
.option-button a i {
	position: absolute;
	top: 4px;
	left: 5px;
}
.permit-number-lookup {
	width: 100px;
}

/* new gallery classes */
.gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(80px, 80px));
	gap: 10px;
}
.gallery.report {
	grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}
.gallery img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	cursor: pointer;
	transition: transform 0.2s;
}
.gallery.report img {
	width: auto;
	max-width: 100%;
	border-radius: 0px;
}
.gallery img:hover {
	transform: scale(1.05);
}
/* new gallery: LIGHTBOX */
.lightbox {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		justify-content: center;
		align-items: center;
		z-index: 1500; /* Ensures above modal */
}
.lightbox img {
	max-width: 80%;
	max-height: 80%;
	border-radius: 5px;
	z-index: 1510; /* Ensures image is above background */
}
.lightbox-close {
	position: fixed;
	top: 20px;
	right: 40px;
	font-size: 60px;
	color: white;
	cursor: pointer;
	z-index: 1520;
	transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}
.lightbox-close:hover {
	transform: scale(1.5);
}
.lightbox-nav-button {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	font-size: 30px;
	color: white;
	background: rgba(0, 0, 0, 0.5);
	border: none;
	cursor: pointer;
	padding: 15px 20px;
	border-radius: 5px;
	z-index: 1520; /* Ensures buttons stay above the image */
}
.lightbox-nav-button:hover {
	background: rgba(0, 0, 0, 0.8);
}
.lightbox-prev {
	left: 20px;
}
.lightbox-next {
	right: 20px;
}

/* old gallery classes */
.gallery-item {
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 3px;
	height: 80px;
	min-width: 70px;
	text-align: center;
}
.gallery-item img {
	height: 50px;
}
.gallery-remove {
	position: absolute;
	bottom: 3px;
	left: 0;
	right: 0;
	text-align: center;
	padding: 5px 3px;
	background-color: #eee;
	cursor: pointer;
	font-size: 12px;
}
.gallery-remove:hover {
	color: red;
}
.gallery-preload {
	display: hidden;
}
.idtplans-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 30px;
	background-color: #ddd;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: "alpha(opacity=50)";
	z-index: 9999;
}
.idtplans-overlay-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 50px auto;
	text-align: center;
	z-index: 10000;
}
.idtplans-overlay-loading img {
	margin: auto auto;
	z-index: 10000;
}
.idtplans-overlay-message {
	text-align: center;
	margin: 20px 0;
	font-size: 1.5em;
	z-index: 10000;
}
#commenttableopen img,
#commenttableclosed img,
tr.post td img,
.issue-attachments img {
	max-width: 600px;
}
.table.borderless {
	margin: 0;
}
.table.borderless td {
	border: none;
	padding: 3px;
}
.table-wrap-headers th {
    white-space: normal !important; /* allows wrapping */
    overflow-wrap: normal; /* don't break inside words */
}
.gc-table-sm {
	padding: 3px;
	width: auto;
	margin: auto;
	font-size: 12px;
	border-bottom: 1px solid;
}
.gc-table-sm tr {
	border-top: 1px solid;
}
.gc-table-sm td, .table-sm th {
	padding: 4px;
}
.table-striped tbody tr:hover td,
.table-striped-reverse tbody tr:hover td,
.table-hover tbody tr:hover td {
	background: #eee;
}
.table-sortable th {
	cursor: pointer;
}
.panel .panel-data .table {
	margin-bottom: 0;
}
.panel-heading {
	font-weight: bold;
}
.panel-scrollable {
	max-height: 295px; overflow-y: auto; padding: 0px 0px;
}
.panel-changed {
	padding: 5px;
	background-color: #FFF;
	color: #FF0000;
	font-weight: bold;
	border: 1px solid #555;
	border-radius: 4px;
}
.panel-changed:before {
	position: relative;
	top: -2px;
	font-family: "Font Awesome 5 Pro";
	font-size: 10px;
	content: "\f071";
	margin: 0 5px;
}
.dropzone-dragover {
	outline: 1px dashed green !important;
}
.nav-tabs>li>a {
	cursor: pointer;
	border-bottom: 0;
	margin: 0;
}
.nav-tabs>li.active {
	border-bottom: 1px solid #fff;
}
.smaller {
	font-size: 0.8em;
}
.idtplans-loader {
	-ms-interpolation-mode: bicubic;
}
.static-value {
	margin-top: 7px;
	margin-left: 10px;
}
.overview-section-content {
	position: relative;
	min-height: 32px;
}
.CodeMirror {
	height: 100%; border: 1px solid #ddd;
}
.CodeMirror pre {
	padding-left: 7px; line-height: 1.25;
}
.form-control-text {
	display: inline-block;
	height: 30px;
	padding: 8px 6px;
}
.form-control-block {
	display: inline-block;
	padding: 8px 6px;
}
#idtplans-dialog .controls select {
	max-width: 300px;
}
.form-compact .form-group {
	margin-bottom: 0;
}

#control-label-permit-subject-override,
#control-label-permit-body-override,
#permit-subject-override,
#control-permit-body-override.col-sm-7.controls{
	text-align:left;
	width:100%;
}

.row-handle {
	text-align: center;
	min-width: 24px;
	cursor: grab;
	font-size: 10px;
}
.row-handle .fa,
.row-handle .fas,
.row-handle .far,
.row-handle .fab,
.row-handle .fal {
	position: relative;
	top: 1px;
}
.undecorated,
.undecorated:link,
.undecorated:visited,
.undecorated:hover,
.undecorated:active {
	text-decoration: none;
	color: #555;
}
.moveHandle {
	cursor: grab;
}

/* TRUMBOWYG OVERRIDES*/
.trumbowyg-box, .trumbowyg-editor {
	margin: 7px auto;
}
.trumbowyg-box, .trumbowyg-editor {
	min-height: 175px;
}
/* TRUMBOWYG OVERRIDES*/

/* JQUERY UI OVERRIDES */
.ui-widget-header {border:0; background:#ccc;}
.ui-widget-content table a {color: #428bca;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #e6e6e6 !important;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border:0; border-radius: 0;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border:0; border-radius: 0;}

/* rm 09/24 - after dataTables 2 upgrade */

/* dataTables - search bar area */
.dt-container div.dt-layout-row:first-of-type {
	background-color: #ccc;
	margin: 0;
	line-height: 40px;
}


table.dataTable thead tr {
	background-color: #e6e6e6 !important;
}
/* rm 06/25 - fixed columns will override the above setting */
table.dataTable thead tr th {
	background-color: #e6e6e6 !important;
}

/* prevent wkhtml from replicating table headings on new pages */
thead {
		display: table-row-group;
}

div.dt-container div.dt-search input {
	background-color: #eee !important;
	border-radius: 4px !important;
	border: 1px solid #ccc !important;
	box-sizing: border-box !important;
	padding: 5px !important;
	margin-left: 5px;
	line-height: 8px !important;
}

div.dt-container div.dt-layout-row {
	margin: 0px !important;
}

/* dataTables - cell */
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-full {
	padding: 0px !important;
}

/* dataTables - info bar */
.dt-container div.dt-layout-row:last-of-type {
	background-color: #e6e6e6 !important;
	line-height: 30px;
}

/* buttons */
div.dt-buttons button {
	font-size: 12px;
	padding: 5px;
	border-radius: 3px;
}

/* no wrap column headers */
.table-responsive table th {
	white-space: nowrap;	
}

/* no wrap columns - removed as people don't like scrolling for everything */
/*
.table-responsive table td {
  white-space: nowrap;
}
*/

.dtfc-top-blocker {
	background-color: #e6e6e6 !important;
}
.dt-scroll-headInner {
	background-color: #e6e6e6 !important;
}
/* mm 08/22 - Make the date picker 9999 since nothing should block this when it opens */
.ui-datepicker{ z-index: 9999 !important; }
.ui-datepicker .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 4px; background: #e6e6e6;}
.ui_tpicker_hour .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 4px; background: #e6e6e6;}
.ui_tpicker_minute .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 4px; background: #e6e6e6;}
input[type=search] {border: 1px solid #ccc; border-radius: 4px;background: #eee; margin-left: 5px;}
/* END JQUERY UI OVERRIDES */

/* STEPPER */
.bs-wizard {border-bottom: 0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
/*.bs-wizard > .bs-wizard-step + .bs-wizard-step {} */
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #9CCBAF; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {font-family: "Font Awesome 5 Pro"; color: #FFF; font-weight: 900; content: '\f00c'; width: 14px; height: 14px; background: #9CCBAF; border-radius: 50px; position: absolute; top: 6px; left: 9px;}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {content: ' '; background: #FFF; top: 8px; left: 8px;}
.bs-wizard > .bs-wizard-step.active .bs-wizard-info {color: #666; font-weight: bold;}
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #9CCBAF;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/* END STEPPER */

/* UI SWITCHER */
#ui-refresh-try {
	margin-right: 20px;
	position: relative;
	white-space: nowrap;
	width: 150px;
}
#ui-refresh-try .toggle-on {
	color: #428bca;;
}
/* END UI SWITCHER */

/* DOT LOADER */

/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
	position: relative;
	left: -9999px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #428bca;
	color: #428bca;
	box-shadow: 9999px 0 0 -5px #428bca;
	animation: dotPulse 1.5s infinite linear;
	animation-delay: .25s;
}

.dot-pulse::before, .dot-pulse::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #428bca;
	color: #428bca;
}

.dot-pulse::before {
	box-shadow: 9984px 0 0 -5px #428bca;
	animation: dotPulseBefore 1.5s infinite linear;
	animation-delay: 0s;
}

.dot-pulse::after {
	box-shadow: 10014px 0 0 -5px #428bca;
	animation: dotPulseAfter 1.5s infinite linear;
	animation-delay: .5s;
}

@keyframes dotPulseBefore {
	0% {
		box-shadow: 9984px 0 0 -5px #428bca;
	}
	30% {
		box-shadow: 9984px 0 0 2px #428bca;
	}
	60%,
	100% {
		box-shadow: 9984px 0 0 -5px #428bca;
	}
}

@keyframes dotPulse {
	0% {
		box-shadow: 9999px 0 0 -5px #428bca;
	}
	30% {
		box-shadow: 9999px 0 0 2px #428bca;
	}
	60%,
	100% {
		box-shadow: 9999px 0 0 -5px #428bca;
	}
}

@keyframes dotPulseAfter {
	0% {
		box-shadow: 10014px 0 0 -5px #428bca;
	}
	30% {
		box-shadow: 10014px 0 0 2px #428bca;
	}
	60%,
	100% {
		box-shadow: 10014px 0 0 -5px #428bca;
	}
}

/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
.dot-flashing {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #428bca;
	color: #428bca;
	animation: dotFlashing 1s infinite linear alternate;
	animation-delay: .5s;
}

.dot-flashing::before, .dot-flashing::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
}

.dot-flashing::before {
	left: -15px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #428bca;
	color: #428bca;
	animation: dotFlashing 1s infinite alternate;
	animation-delay: 0s;
}

.dot-flashing::after {
	left: 15px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #428bca;
	color: #428bca;
	animation: dotFlashing 1s infinite alternate;
	animation-delay: 1s;
}

@keyframes dotFlashing {
	0% {
		background-color: #428bca;
	}
	50%,
	100% {
		background-color: #ebe6ff;
	}
}

/**
 * ==============================================
 * Dot Windmill
 * ==============================================
 */
.dot-windmill {
	position: relative;
	top: -10px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #428bca;
	color: #428bca;
	transform-origin: 5px 15px;
	animation: dotWindmill 2s infinite linear;
}

.dot-windmill::before, .dot-windmill::after {
	content: '';
	display: inline-block;
	position: absolute;
}

.dot-windmill::before {
	left: -8.66px;
	top: 15px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #428bca;
	color: #428bca;
}

.dot-windmill::after {
	left: 8.66px;
	top: 15px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #428bca;
	color: #428bca;
}

@keyframes dotWindmill {
	0% {
		transform: rotateZ(0deg) translate3d(0, 0, 0);
	}
	100% {
		transform: rotateZ(720deg) translate3d(0, 0, 0);
	}
}

/**
 * ==============================================
 * Dot Spin
 * ==============================================
 */
.dot-spin {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: transparent;
	color: transparent;
	box-shadow: 0 -18px 0 0 #428bca, 12.72984px -12.72984px 0 0 #428bca, 18px 0 0 0 #428bca, 12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 rgba(152, 128, 255, 0);
	animation: dotSpin 1.5s infinite linear;
}

@keyframes dotSpin {
	0%,
	100% {
		box-shadow: 0 -18px 0 0 #428bca, 12.72984px -12.72984px 0 0 #428bca, 18px 0 0 0 #428bca, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
	}
	12.5% {
		box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #428bca, 18px 0 0 0 #428bca, 12.72984px 12.72984px 0 0 #428bca, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
	}
	25% {
		box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #428bca, 12.72984px 12.72984px 0 0 #428bca, 0 18px 0 0 #428bca, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
	}
	37.5% {
		box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #428bca, 0 18px 0 0 #428bca, -12.72984px 12.72984px 0 0 #428bca, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
	}
	50% {
		box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #428bca, -12.72984px 12.72984px 0 0 #428bca, -18px 0 0 0 #428bca, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
	}
	62.5% {
		box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #428bca, -18px 0 0 0 #428bca, -12.72984px -12.72984px 0 0 #428bca;
	}
	75% {
		box-shadow: 0 -18px 0 0 #428bca, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #428bca, -12.72984px -12.72984px 0 0 #428bca;
	}
	87.5% {
		box-shadow: 0 -18px 0 0 #428bca, 12.72984px -12.72984px 0 0 #428bca, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #428bca;
	}
}
/* END DOT LOADER */

/*jcoleman add override to allow xs hidden cells to display when printing*/
@media print {
  td.hidden-xs, th.hidden-xs {
      display: table-cell !important
  }
  .gallery.report {
		display: block;
		max-width: 98%;
		width: 98%;
		clear: both;
	}
	.gallery.report img {
		max-width: 98px;
		clear: both;
	}
}

/* rm - 1/25 - Fix menu layout for mobile devices */
@media(max-width: 767px) {
	.navbar-nav {
		margin: 0px !important;
	}
	.dt-search label {
		font-size: 0; /* Hide the original "Search" text */
	}

	.dt-search label::after {
		font-family: 'Font Awesome 5 Pro'; /* FontAwesome 5 */
		font-weight: 400; /* Required for solid icons */
		content: '\f002'; /* Unicode for FontAwesome search icon */
		font-size: 14px; /* Adjust icon size */
		color: #333; /* Change icon color if needed */
		float: left;
	}

	div.dt-search {
		padding: 0px;
		margin: 0px !important;
	}
	div.dt-layout-row:first-of-type div.dt-layout-cell {
		width: 50%;
		float: left;
		vertical-align: middle;
		margin: 0;
		padding-left: 5px !important;
		padding-right: 0px !important;
	}

	#idt-project-info {
		padding: 0px;
	}
	#idt-project-map {
		padding: 0px;
	}
	#idt-project-info>div.row>div {
		padding: 0px;
	}
	.idt-content-container {
		margin: 0px;
	}
}

@media(max-width: 768px) {
	.container {
		width: 100%;
		padding: 0px;
	}
	.container-fluid {
		width: 100%;
		padding: 0px;
	}
	.container>.navbar-header {
		margin: 0px;
	}
	.nest {
		width: 98%;
	}
	.tab-content-bordered {
		padding: 0px;
	}
	.page-title {
		margin-top: 0px;
	}
	.row {
		margin: 0;
	}
	div.expand-content {
		padding: 0px;
	}
	.application-form-final > table.logoBG {
		display: none;
	}
	.application-form-final > div > img {
		max-width: 100%;
	}

}

/*rmiles add override to allow cells to not wrap in data tables*/
td.dt-nowrap { white-space: nowrap }

.toggle-switch {
		width: 40px;
		height: 20px;
		-webkit-appearance: none;
		appearance: none;
		background-color: #ccc;
		border-radius: 10px;
		position: relative;
		outline: none;
		cursor: pointer;
		transition: background 0.3s;
}

.toggle-switch:checked {
		background-color: #007bff;
}

.toggle-switch::before {
		content: "";
		position: absolute;
		width: 16px;
		height: 16px;
		background: white;
		border-radius: 50%;
		top: 2px;
		left: 2px;
		transition: transform 0.3s;
}

.toggle-switch:checked::before {
		transform: translateX(20px);
}

/* my submittals overview tabs */
/* prevent the UL from wrapping and allow horizontal scroll if needed */
div.account-activity-overview > ul.nav.nav-tabs {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;  /* hide any vertical scrollbar */
	/* optional: you can remove the scrollbar in WebKit browsers */
	-webkit-overflow-scrolling: touch;
}

/* make each LI display inline-block instead of floating */
div.account-activity-overview > ul.nav.nav-tabs > li {
	display: inline-block;
	float: none;  /* cancel Bootstrap’s float:left */
}

/* ensure the link text itself never wraps */
div.account-activity-overview > ul.nav.nav-tabs > li > a {
	white-space: nowrap;
}


/* Bootstrap 4 Spacing styles */

.w-25 {
	width: 25% !important;
}
  
.w-50 {
	width: 50% !important;
}
  
.w-75 {
	width: 75% !important;
}
  
.w-100 {
	width: 100% !important;
}

.h-25 {
	height: 25% !important;
}
  
.h-50 {
	height: 50% !important;
}

.h-75 {
	height: 75% !important;
}

.h-100 {
	height: 100% !important;
}

.mw-100 {
	max-width: 100% !important;
}
  
.mh-100 {
	max-height: 100% !important;
}

.m-0 {
	margin: 0 !important;
}

.mt-0,
.my-0 {
	margin-top: 0 !important;
}

.mr-0,
.mx-0 {
	margin-right: 0 !important;
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
margin-left: 0 !important;
}

.m-1 {
margin: 0.25rem !important;
}

.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}

.mr-1, .mx-1 {
	margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1, .mx-1 {
	margin-left: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.mt-2, .my-2 {
	margin-top: 0.5rem !important;
}
  
.mr-2, .mx-2 {
	margin-right: 0.5rem !important;
}
  
.mb-2, .my-2 {
	margin-bottom: 0.5rem !important;
}
  
.ml-2, .mx-2 {
	margin-left: 0.5rem !important;
}
  
.m-3 {
	margin: 1rem !important;
}

.mt-3, .my-3 {
	margin-top: 1rem !important;
}

.mr-3, .mx-3 {
	margin-right: 1rem !important;
}
  
.mb-3, .my-3 {
	margin-bottom: 1rem !important;
}
  
.ml-3, .mx-3 {
	margin-left: 1rem !important;
}
  
.m-4 {
	margin: 1.5rem !important;
}
  
.mt-4, .my-4 {
	margin-top: 1.5rem !important;
}
  
.mr-4, .mx-4 {
	margin-right: 1.5rem !important;
}
  
.mb-4, .my-4 {
	margin-bottom: 1.5rem !important;
}
  
.ml-4, .mx-4 {
	margin-left: 1.5rem !important;
}
  
.m-5 {
	margin: 3rem !important;
}

.mt-5, .my-5 {
	margin-top: 3rem !important;
}

.mr-5, .mx-5 {
	margin-right: 3rem !important;
}

.mb-5, .my-5 {
	margin-bottom: 3rem !important;
}

.ml-5, .mx-5 {
	margin-left: 3rem !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0, .py-0 {
	padding-top: 0 !important;
}

.pr-0, .px-0 {
	padding-right: 0 !important;
}

.pb-0, .py-0 {
	padding-bottom: 0 !important;
}

.pl-0, .px-0 {
	padding-left: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.pt-1, .py-1 {
	padding-top: 0.25rem !important;
}

.pr-1, .px-1 {
	padding-right: 0.25rem !important;
}

.pb-1, .py-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1, .px-1 {
	padding-left: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.pt-2, .py-2 {
	padding-top: 0.5rem !important;
}

.pr-2, .px-2 {
	padding-right: 0.5rem !important;
}

.pb-2, .py-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2, .px-2 {
	padding-left: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.pt-3, .py-3 {
	padding-top: 1rem !important;
}

.pr-3, .px-3 {
	padding-right: 1rem !important;
}
  
.pb-3, .py-3 {
	padding-bottom: 1rem !important;
}
  
.pl-3, .px-3 {
	padding-left: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}
  
.pt-4, .py-4 {
	padding-top: 1.5rem !important;
}
  
.pr-4,	.px-4 {
	padding-right: 1.5rem !important;
}
  
.pb-4, .py-4 {
	padding-bottom: 1.5rem !important;
}
  
.pl-4, .px-4 {
	padding-left: 1.5rem !important;
}
  
.p-5 { 
	padding: 3rem !important;
}
  
.pt-5, .py-5 {
	padding-top: 3rem !important;
}
  
.pr-5, .px-5 {
	padding-right: 3rem !important;
}
  
.pb-5, .py-5 {
	padding-bottom: 3rem !important;
}
  
.pl-5, .px-5 {
	padding-left: 3rem !important;
}
  
.m-auto {
	margin: auto !important;
}
  
.mt-auto, .my-auto {
	margin-top: auto !important;
}
  
.mr-auto, .mx-auto {
	margin-right: auto !important;
}
  
.mb-auto, .my-auto {
	margin-bottom: auto !important;
}
  
.ml-auto, .mx-auto {
	margin-left: auto !important;
}

/* application submittal file upload mobile support */
.project-file-upload-frame {
	width: 100%;
	max-width: 800px;
	height: 200px;
}