/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/* Keep the animated logo visible while the initial page is loading. */
#loader
{
	align-items: center;
	background: #fff;
	display: flex;
	inset: 0;
	justify-content: center;
	position: fixed;
	z-index: 9999;
}

	#loader object
	{
		display: block;
		height: 120px;
		pointer-events: none;
		width: 120px;
	}

.loading,
div.dataTables_processing,
div.dt-processing
{
	display: none !important;
}
a
{
	outline: none;
}

	a img
	{
		outline: none;
	}

img
{
	border: 0;
}

a.navbar-brand
{
	white-space: normal;
	text-align: center;
	word-break: break-all;
}

.app-logo-shell
{
	display: inline-block;
	height: 40px;
	line-height: 0;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	width: 58.4px;
}

	.app-logo-shell .app-logo-image
	{
		display: block;
		height: 40px;
		width: auto;
	}

	.app-logo-shell.is-loading .app-logo-image
	{
		animation: appLogoShake .55s ease-in-out infinite;
		transform-origin: 50% 75%;
	}

@keyframes appLogoShake
{
	0%, 100%
	{
		transform: translateX(0) rotate(0deg);
	}

	20%
	{
		transform: translateX(-1px) rotate(-2deg);
	}

	40%
	{
		transform: translateX(1px) rotate(2deg);
	}

	60%
	{
		transform: translateX(-1px) rotate(-1.5deg);
	}

	80%
	{
		transform: translateX(1px) rotate(1.5deg);
	}
}

.dropdown-menu
{
	padding: 10px !important;
	margin: 8px 0 0 -7px !important;
}

.navbar-nav .nav-item
{
	padding: 6px !important;
}

	.navbar-nav .nav-item a.nav-link, .navbar-nav .nav-item button.dropdown-toggle
	{
		color: #404040 !important;
		padding: .2rem !important;
	}

	.navbar-nav .nav-item a.dropdown-item
	{
		color: #404040 !important;
		padding: 6px 10px !important;
	}

		.navbar-nav .nav-item:hover a.nav-link, .navbar-nav .nav-item.active a.nav-link, .navbar-nav .nav-item:hover button.dropdown-toggle, .navbar-nav .nav-item.active button.dropdown-toggle, .navbar-nav .nav-item a.dropdown-item:hover, .navbar-nav .nav-item a.dropdown-item.active
		{
			color: #fff !important;
		}

	.navbar-nav .nav-item:hover, .navbar-nav .nav-item.active, .navbar-nav .nav-item2 a.dropdown-item:hover
	{
		color: #fff !important;
		background-color: #5594ae;
		border-color: #5594ae #5594ae #fff;
		cursor: pointer;
	}
/* File Dropzone upload
-------------------------------------------------*/
.dropzone
{
	border: 2px dashed #2e6327;
	border-radius: 5px;
	background: white;
	min-height: 160px;
	padding: 54px 54px;
	cursor: pointer;
}

.dz-drag-hover .dropzone
{
	opacity: 0.6;
	border: 2px solid #2e6327;
}

.dz-preview
{
	display: none !important;
}

/* Legend
-------------------------------------------------*/
.legend
{
	margin: 0;
	padding: 0;
	position: relative;
	top: 12px;
}

	.legend li
	{
		list-style: none;
		width: 30px;
		height: 30px;
		display: inline-block;
		border: 1px solid #ccc;
	}

/* Message box
-------------------------------------------------*/
.message-box
{
	background: #ddf9ff;
	padding: 10px;
	width: 100%;
}

.message-box.brown
{
	background: #e7e2e2;
	color: #404040;
}


/* Basic styles
-------------------------------------------------- */
html, body
{
	font-size: 1rem;
}

@media (min-width: 768px)
{
	html
	{
		font-size: 16px;
	}
}

h1
{
	color: #a24449;
	font-size: 3rem !important;
}
h2, h3, h4, h5
{
	color: #a24449;
}

a
{
	color: #5594ae;
}

	a:hover
	{
		color: #5895b0;
	}

.text12
{
	font-size: 0.8em;
	line-height: 1.2;
}

.dataTables_wrapper div.row:first-of-type,
.dt-container div.row:first-of-type
{
	display: none;
}

.border-top
{
	border-top: 1px solid #e5e5e5;
}

.border-bottom
{
	border-bottom: 1px solid #e5e5e5;
}

.box-shadow
{
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy
{
	font-size: 1rem;
	line-height: inherit;
}

/* Sticky heaader and footer styles
-------------------------------------------------- */
html
{
	position: relative;
	min-height: 100%;
}

body
{
	/* Margin bottom by header height */
	margin-top: 78px;
	/* Margin bottom by footer height */
	margin-bottom: 64px;
}

header
{
	position: fixed;
	width: 100%;
	height: 68px;
	background-color: #fff;
	top: 0px;
	left: 0px;
	right: 0px;
	margin-top: 0px;
	white-space: nowrap;
	z-index: 1000;
}

.footer
{
	position: fixed;
	width: 100%;
	height: 62px;
	line-height: 60px; /* Vertically center the text there */
	background-color: #fff;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-bottom: 0px;
	white-space: nowrap;
	z-index: 1000;
}

.icon25
{
	font-size: 35px;
}

.icon16
{
	font-size: 16px;
}

.icon21
{
	font-size: 21px;
}

	.icon21:hover
	{
		cursor: pointer;
	}

.hidden
{
	display: none !important;
}

.btn-light, .btn-light:hover
{
	color: #404040;
	background-color: #fff;
	border-color: #ced4da;
}

	.btn-light:focus, .btn-light.focus, .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus, .show > .btn-light.dropdown-toggle
	{
		color: #404040;
		background-color: #fff;
		border-color: #80bdff;
		outline: 0;
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	}

show > .btn-light.dropdown-toggle:focus
{
	box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.form-control::-webkit-input-placeholder
{
	color: #999;
	opacity: 1;
}

.form-control::-moz-placeholder
{
	color: #999;
	opacity: 1;
}

.form-control:-ms-input-placeholder
{
	color: #999;
	opacity: 1;
}

.form-control::-ms-input-placeholder
{
	color: #999;
	opacity: 1;
}

.form-control::placeholder
{
	color: #999;
	opacity: 1;
}

.hint
{
	color: #999;
	font-size: 12px;
}

.font12
{
	font-size: 0.9em;
}

.font10
{
	font-size: 0.8em;
}

.bold
{
	font-weight: bold;
}

table.dataTable tr td, table.dataTable tr th, .dataTables_info, .dt-info
{
	padding: 8px;
	font-size: 0.9em;
}

table.dataTable tr.group,
table.dataTable tr.group:hover
{
	background-color: #d9edff !important;
	font-weight: bold;
}

/* Keep the pre-DataTables-2 selected-row appearance. */
table.dataTable tbody tr.selected > *
{
	background-color: #d0e2ea !important;
	box-shadow: inset 0 0 0 9999px #d0e2ea !important;
	color: inherit !important;
}

table.dataTable tbody tr.selected a
{
	color: inherit !important;
}

/* Action icons must stay together even when DataTables recalculates column widths. */
table.dataTable tbody td.dt-actions-nowrap
{
	white-space: nowrap !important;
}

table.dataTable th.dt-actions-column,
table.dataTable td.dt-actions-column
{
	width: 1%;
	white-space: nowrap;
}

.simpletasks-pagination-row
{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: flex-end;
}

.simpletasks-page-length
{
	color: #6c757d;
	white-space: nowrap;
}

.simpletasks-page-length label
{
	align-items: center;
	display: inline-flex;
	gap: 7px;
}

.simpletasks-page-length-select
{
	display: inline-block;
	height: 32px;
	width: auto;
}

.fulred
{
	color: #dc3545;
}

.red
{
	color: #dc3545;
}

.redtext
{
	color: #a24449;
}

.red-border
{
	border: solid #dc3545 1px;
}

.redlink a
{
	color: #a24449 !important;
}

	.redlink a:hover
	{
		color: #ac505c !important;
	}

.gray
{
	color: #aaa;
}

.dark-gray
{
	color: #404040;
}

.blue
{
	color: #1d697d;
}

.black
{
	color: #404040 !important;
}

.green
{
	color: #1b7e27;
}

.yellow
{
	color: #c2ad14;
}

.brown
{
	color: #83634a;
}

	.brown p
	{
		margin: 0;
	}

.white
{
	color: #fff;
}

i.white:hover
{
	color: #fff;
}

hr
{
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.star
{
	color: red;
	display: inline-block;
	margin-left: 4px;
}

input
{
	filter: none;
}

/* https://codepen.io/imohkay/pen/bCpxm */
.checkbox-custom, .radio-custom
{
	opacity: 0 !important;
	position: absolute !important;
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label
{
	display: inline-block !important;
	vertical-align: middle !important;
	margin: 5px !important;
	cursor: pointer !important;
}

.checkbox-custom-label, .radio-custom-label
{
	position: relative !important;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before
{
	content: '' !important;
	background: #fff !important;
	border: 2px solid #ced4da !important;
	display: inline-block !important;
	vertical-align: middle !important;
	width: 20px !important;
	height: 20px !important;
	padding: 2px !important;
	margin-right: 10px !important;
	margin-top: -4px !important;
	text-align: center !important;
}

.checkbox-custom:checked + .checkbox-custom-label:before
{
	background: #666 !important;
	box-shadow: inset 0px 0px 0px 4px #fff !important;
}

.radio-custom + .radio-custom-label:before
{
	border-radius: 50% !important;
}

.radio-custom:checked + .radio-custom-label:before
{
	background: #666 !important;
	box-shadow: inset 0px 0px 0px 4px #fff !important;
}

.checkbox-custom-invalid + .checkbox-custom-label-invalid:before, .radio-custom-invalid + .radio-custom-label-invalid:before
{
	border: 2px solid #dc3545 !important;
}

.checkbox-custom-label-invalid, .radio-custom-label-invalid
{
	color: #dc3545 !important;
}

.invalid-feedback
{
	display: block !important;
}

#actions
{
	height: 100px;
}
/* Mimic table appearance */
div.table
{
	display: table;
}

	div.table .file-row
	{
		display: table-row;
	}

		div.table .file-row > div
		{
			display: table-cell;
			vertical-align: top;
			border-top: 1px solid #ddd;
			padding: 8px;
		}

		div.table .file-row:nth-child(odd)
		{
			background: #fefefe;
		}

/* The total progress gets shown by event listeners */
#total-progress
{
	opacity: 0;
	transition: opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews .file-row.dz-success .progress
{
	opacity: 0;
	transition: opacity 0.3s linear;
}

.fileinput-button:hover
{
	cursor: pointer;
}

.graph-links a
{
}

	.graph-links a:hover
	{
		cursor: pointer;
	}

	.graph-links a.active
	{
		border-bottom: 2px solid #a24449;
		font-weight: bold;
		color: #a24449;
		text-decoration: none;
	}

.clear
{
	clear: both;
}

.table th
{
	color: #fff;
	background-color: #343a40;
	border-color: #454d55;
}

.table.brown th
{
	color: #404040;
	background-color: #e7e2e2 !important;
	border-color: #e7e2e2 !important;
}

.table.brown td
{
	color: #404040;
}

table td, table th
{
	padding: 8px;
	font-size: 0.9em;
	border-bottom: 1px solid #ced4da;
}

.table.bigger td, table.bigger th
{
	font-size: 1em;
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-left: 1px solid #ced4da;
	border-right: 1px solid #ced4da;
}

table thead th, table tfoot th
{
	font-weight: bold;
}

th.left, td.left
{
	text-align: left !important;
}

th.right, td.right
{
	text-align: right !important;
}

th.center, td.center
{
	text-align: center !important;
}

th.bold, td.bold
{
	font-weight: bold !important;
}

.btn-light.disabled
{
	background-color: #e9ecef !important;
	opacity: 1;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@page
{
	size: auto;
	margin: 15mm 15mm 15mm 15mm;
}

.print-body
{
	padding: 0;
	margin: 0;
}

.print-width
{
	width: 1080px;
}

.print-font15
{
	font-size: 0.9rem !important;
}

.print-font16
{
	font-size: 1em !important;
}

.print-font17
{
	font-size: 1.1rem !important;
}

.print-font20
{
	font-size: 20px !important;
}

.print-font26
{
	font-size: 26px !important;
}

.print-font32
{
	font-size: 32px !important;
}

.print-font36
{
	font-size: 36px !important;
}

.print-font48
{
	font-size: 48px !important;
}

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

.green-row
{
	background-color: #e2ffe9 !important;
}

.blue-row
{
	background-color: #d9edff !important;
}

.brown-row
{
	background-color: #e4d4bf !important;
}

.yellow-row
{
	background-color: #f9fdc0 !important;
}

.red-row
{
	background-color: #fcd9de !important;
}

.orange-row
{
	background-color: #ffd7b2 !important;
}

.grey-row
{
	background-color: #eee !important;
}

.purple-row
{
	background-color: #fad6fe !important;
}

.cyan-row
{
	background-color: #e0f8ff !important;
}

.dropdown-item:hover
{
	background-color: #5594ae !important;
	color: #fff;
}

.autocomplete-suggestions
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #999;
	background: #fff;
	cursor: default;
	overflow: auto;
	-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion
{
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-no-suggestion
{
	padding: 2px 5px;
}

.autocomplete-selected
{
	background: #F0F0F0;
}

.autocomplete-suggestions strong
{
	font-weight: bold;
	color: #000;
}

.autocomplete-group
{
	padding: 2px 5px;
	font-weight: bold;
	font-size: 16px;
	color: #000;
	display: block;
	border-bottom: 1px solid #000;
}

.fc-event .fc-content
{
	padding: 4px;
}

.fc-content-skeleton table td, .fc-content-skeleton table th
{
	padding: 1px !important;
}

#legend ul
{
	margin: 0;
	padding: 0;
}

	#legend ul li
	{
		list-style: none;
		display: inline-block;
		margin-right: 20px;
		padding: 8px;
	}

.ol-popup
{
	position: absolute;
	background-color: #caf5ff;
	padding: 15px;
	border-radius: 10px;
	bottom: 12px;
	left: -50px;
}

	.ol-popup:after, .ol-popup:before
	{
		top: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.ol-popup:after
	{
		border-top-color: #caf5ff;
		border-width: 10px;
		left: 48px;
		margin-left: -10px;
	}

	.ol-popup:before
	{
		left: 48px;
		margin-left: -11px;
	}

.ol-popup-content
{
	position: relative;
	min-width: 350px;
	min-height: 200px;
	height: 100%;
	max-height: 250px;
	padding: 2px;
	white-space: normal;
	overflow-y: auto;
	overflow-x: hidden;
}

.ol-popup-closer
{
	position: absolute;
	top: -4px;
	right: 2px;
	font-size: 100%;
	color: #404040;
	text-decoration: none;
}

	.ol-popup-closer:hover
	{
		color: #a24449;
		text-decoration: none;
	}

	.ol-popup-closer:after
	{
		content: "✖";
	}

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

.signature-pad
{
	border: none;
}

.btn-light, .input-group-text
{
	background-color: #fff;
}

.fc-today
{
	background-color: #f8f8f8 !important;
}

@media (min-width: 992px)
{
	nav .dropdown-menu .dropdown-toggle:after
	{
		border-top: .3em solid transparent;
		border-right: 0;
		border-bottom: .3em solid transparent;
		border-left: .3em solid;
	}

	nav .dropdown-menu .dropdown-menu
	{
		margin-left: 0;
		margin-right: 0;
	}

	nav .dropdown-menu li
	{
		position: relative;
	}

	nav .nav-item .submenu
	{
		display: none;
		position: absolute;
		left: 100%;
		top: -7px;
	}

	nav .nav-item .submenu-left
	{
		right: 100%;
		left: auto;
	}

	nav .dropdown-menu > li:hover
	{
		background-color: #f1f1f1;
	}

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

.label-width
{
	width: 280px !important;
}

.w-80
{
	width: 80%;
}

.fc-content
{
	cursor: pointer;
}

.grey-info
{
	background: #2f353e;
	padding: 15px;
	text-align: center;
	margin: 0;
	color: #fff;
}

	.grey-info h3
	{
		font-family: 'Open Sans', Arial;
		color: #fff;
		font-size: 1.4rem;
		font-style: normal;
		font-weight: normal;
		line-height: 1.8rem;
		margin: 40px 0 15px 0;
	}

.progressbar
{
	height: 16px;
	margin: 0 auto 20px auto;
	padding: 0px;
	background: #ddd;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
}
	.progressbar.red
	{
		background: #cb7378;
	}

.progressbar-inner
{
	width: 100%;
	height: 100%;
	background: #ddd;
	background-size: 18px 18px;
	background-color: #5c9dcd;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	box-shadow: inset 0px 2px 8px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .2);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
}

	.progressbar-inner.gray
	{
		background: #ccc;
		background-color: #ccc;
	}

	.progressbar-inner.red
	{
		background: #cb7378;
		background-color: #cb7378;
	}