.has-error > .help-block {
    color: red;
    margin-top: 5px;
}

.input-mr-5 {
	margin-right: 5px !important;
}

.input-ml-5 {
	margin-left: 5px !important;
}

.input-m-5 {
	margin: 5px !important;
}

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

.w-135px {
	width: 135px !important;
}

.remove {
	position: absolute;
	left: 90%;
	top: 90%;
}

.centered-justify {
	justify-content: center !important;
}

.public {
	color: forestgreen;
}

.ck-editor__editable_inline {
	min-height: 400px !important;
}

/* Special coloring for Aquarist */
[data-kt-app-layout=dark-sidebar] .app-sidebar {
	background-color: var( --color-primary) !important;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
	color: var(--color-mild) !important;
	border-bottom: 2px solid var(--color-mild) !important;
}

.btn.btn-primary {
	color: var(--color-secondary) !important;
	background-color: transparent !important;
	border: 1px solid var(--color-secondary) !important;
	transition: all 0.5s;
}

.btn.btn-secondary {
	color: darkgreen !important;
	background-color: transparent !important;
	border: 1px solid darkgreen !important;
	transition: all 0.5s;
}

.btn.btn-primary > .ki-duotone, .btn.btn-primary > i {
	color: var(--color-secondary) !important;
	transition: all 0.5s;
}

.reset-filter, .btn-delete {
	background: var(--color-reset) !important;
	color: white !important;
}

.reset-filter:hover, .btn-delete:hover {
	background: var(--color-reset-hover) !important;
	background-color: var(--color-reset-hover) !important;
}

.datagrid table tfoot td.row-grid-bottom {
	padding: 10px 0 !important;
}

.btn-check:active+.btn.btn-primary, .btn-check:checked+.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary {
	color: var(--color-highlight) !important;
	background-color: var( --color-primary) !important;
	transition: all 0.5s;
}

.btn-check:active+.btn.btn-secondary, .btn-check:checked+.btn.btn-secondary, .btn.btn-secondary.active, .btn.btn-secondary.show, .btn.btn-secondary:active:not(.btn-active), .btn.btn-secondary:focus:not(.btn-active), .btn.btn-secondary:hover:not(.btn-active), .show>.btn.btn-secondary {
	color: var(--color-highlight) !important;
	background-color: darkgreen !important;
	transition: all 0.5s;
}

.bg-dark {
	background-color: var( --color-primary) !important;
}

.table>:not(caption)>*>*, .nav-tabs > .nav-item > .nav-link {
	color: var( --color-primary) !important;
}

.dashboard-table > thead > tr > th {
	color: var( --color-primary) !important;
}

.menu-dropdown > .menu-link > .menu-title {
	color: var( --color-primary) !important;
}

.btn.btn-primary:hover > .ki-duotone, .btn.btn-primary:hover > i {
	color: var(--color-highlight) !important;
	transition: all 0.5s;
}

.btn-check:active+.btn.btn-active-color-primary, .btn-check:checked+.btn.btn-active-color-primary, .btn.btn-active-color-primary.active, .btn.btn-active-color-primary.show, .btn.btn-active-color-primary:active:not(.btn-active), .btn.btn-active-color-primary:focus:not(.btn-active), .btn.btn-active-color-primary:hover:not(.btn-active), .show>.btn.btn-active-color-primary {
	color: var(--color-mild) !important;
	transition: all 0.5s;
}

#kt_header_user_menu_toggle > div.menu.menu-sub.menu-sub-dropdown.menu-column.menu-rounded.menu-gray-800.menu-state-bg.menu-state-color.fw-semibold.py-4.fs-6.w-275px > div > a:hover {
	color: var(--color-secondary) !important;
}

#kt_header_user_menu_toggle > div.menu.menu-sub.menu-sub-dropdown.menu-column.menu-rounded.menu-gray-800.menu-state-bg.menu-state-color.fw-semibold.py-4.fs-6.w-275px > div > a > span:hover {
	color: var(--color-secondary) !important;
}

#kt_header_user_menu_toggle > div.menu.menu-sub.menu-sub-dropdown.menu-column.menu-rounded.menu-gray-800.menu-state-bg.menu-state-color.fw-semibold.py-4.fs-6.w-275px > div:nth-child(5) > div > div > .active {
	color: var(--color-secondary) !important;
}

#kt_header_user_menu_toggle > div.menu.menu-sub.menu-sub-dropdown.menu-column.menu-rounded.menu-gray-800.menu-state-bg.menu-state-color.fw-semibold.py-4.fs-6.w-275px.show > div.menu-item.px-5.show.menu-dropdown > div > div > a:hover {
	color: var(--color-secondary) !important;
}

thead a, thead th {
	color: var(--color-secondary) !important;
}

.col-action > a > .fa {
	color: var(--color-secondary) !important;
}

.text-hover-primary:hover {
	color: var(--color-mild) !important;
}

.form-check-input:checked {
	background-color: var(--color-mild) !important;
}

a.active {
	background-color: transparent !important;
}

select[name="perPage"] {
	width: 50px !important;
	text-align: center;
}

.col-per-page {
	float: right;
	width: auto !important;
}

.fa {
	padding: 0 !important;
}

.app-sidebar-toggle > i > span {
	color: var(--color-mild) !important;
}

.display-flex {
	display: flex;
}

.config-action {
	padding: 10px;
	margin-top: 5px;
}

.dark-green {
	color: var(--color-secondary) !important;
}

.orange-link {
	color: var(--color-orange) !important;
}

.active > .menu-title {
	color: var(--color-highlight) !important;
}

#kt_app_sidebar_menu_scroll > .menu > .show > .menu-link > .menu-title, .show > .menu-link > .menu-icon > i {
	color: var(--color-highlight) !important;
}

.active > .menu-bullet > span {
	background-color: var(--color-highlight) !important;
}

.btn-check:active+.btn.btn-secondary .svg-icon, .btn-check:active+.btn.btn-secondary i, .btn-check:checked+.btn.btn-secondary .svg-icon, .btn-check:checked+.btn.btn-secondary i, .btn.btn-secondary.active .svg-icon, .btn.btn-secondary.active i, .btn.btn-secondary.show .svg-icon, .btn.btn-secondary.show i, .btn.btn-secondary:active:not(.btn-active) .svg-icon, .btn.btn-secondary:active:not(.btn-active) i, .btn.btn-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-secondary:focus:not(.btn-active) i, .btn.btn-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-secondary:hover:not(.btn-active) i, .show>.btn.btn-secondary .svg-icon, .show>.btn.btn-secondary i {
	color: var(--color-mild) !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-heading {
	color: var(--color-mild) !important;
}

.toastr-success {
	color: var(--color-highlight) !important;
	background-color: var( --color-primary) !important;
}

.toastr-success > .toastr-progress {
	background-color: var(--color-highlight) !important;
}

.toastr-warning {
	background-color: black !important;
}

.toastr-warning > .toastr-progress {
	background-color: white !important;
}

.toastr-info {
	background-color: var(--color-highlight) !important;
	color: var( --color-primary) !important;
}

.toastr-info > .toastr-progress, .toastr-info > button {
	background-color: var( --color-primary) !important;
}

.alert-info {
	background-color: var(--color-alert) !important;
	color: var(--color-mild) !important;
	border: 1px solid var(--color-mild) !important;
}

/*CSS for ublaboo/datagrid*/
.datagrid {
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: -30px;
	padding-top: 0;
	overflow-x: auto;
}
.datagrid table {
	min-width: 100%;
}

.datagrid-col-filter-date-range {
	display: flex;
	min-width: 250px;
	align-items: center;
}

.datagrid table thead tr th input, .datagrid table thead tr th select, .datagrid table thead tr th textarea  {
	min-width: 60px;
}

.datagrid table thead tr {
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
	background-color: #ffffff !important;
	border-bottom: 1px solid #e0e0e0;
}
.datagrid table thead tr th {
	border: none;
	white-space: nowrap;
}
.datagrid table thead tr th:first-child {
	padding-left: 15px;
}
.datagrid table thead tr th:last-child {
	padding-right: 15px;
}
.datagrid table thead tr th a {
	font-weight: inherit !important;
}
.datagrid table thead tr th a:hover {
	text-decoration: none;
}
.datagrid table tbody tr {
	height: 65px;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	background-color: rgba(1, 94, 19, 0.06) !important;
	border-bottom: 1px solid #e0e0e0;
}
.datagrid table tbody tr td {
	vertical-align: middle;
	border: none;
}
.datagrid table tbody tr td:first-child {
	padding-left: 45px;
}
.datagrid table tbody tr td:last-child {
	padding-right: 45px;
}
.datagrid table tbody tr td.col-action, .datagrid table tbody tr td.action {
	font-size: 21px;
	white-space: nowrap !important;
}
.datagrid table tbody tr td.col-action .btn.btn-outline,
.datagrid table tbody tr td.col-action .btn.btn-outline-success,
.datagrid table tbody tr td.col-action .btn.btn-outline-danger,
.datagrid table tbody tr td.col-action .btn.btn-outline-warning,
.datagrid table tbody tr td.col-action .btn.btn-outline-info,
.datagrid table tbody tr td.col-action .btn.btn-default,
.datagrid table tbody tr td.col-action .handle-sort, .datagrid table tbody tr td.action .btn.btn-outline,
.datagrid table tbody tr td.action .btn.btn-outline-success,
.datagrid table tbody tr td.action .btn.btn-outline-danger,
.datagrid table tbody tr td.action .btn.btn-outline-warning,
.datagrid table tbody tr td.action .btn.btn-outline-info,
.datagrid table tbody tr td.action .btn.btn-default,
.datagrid table tbody tr td.action .handle-sort{
	font-size: 21px;
	border: none;
	padding: 1px 5px;
	min-height: unset !important;
	background-color: transparent;
}
.datagrid table tbody tr td.col-action .btn.btn-outline:hover, .datagrid table tbody tr td.col-action .btn.btn-outline:active, .datagrid table tbody tr td.col-action .btn.btn-outline:focus,
.datagrid table tbody tr td.col-action .btn.btn-outline-success:hover,
.datagrid table tbody tr td.col-action .btn.btn-outline-success:active,
.datagrid table tbody tr td.col-action .btn.btn-outline-success:focus,
.datagrid table tbody tr td.col-action .btn.btn-outline-danger:hover,
.datagrid table tbody tr td.col-action .btn.btn-outline-danger:active,
.datagrid table tbody tr td.col-action .btn.btn-outline-danger:focus,
.datagrid table tbody tr td.col-action .btn.btn-outline-warning:hover,
.datagrid table tbody tr td.col-action .btn.btn-outline-warning:active,
.datagrid table tbody tr td.col-action .btn.btn-outline-warning:focus,
.datagrid table tbody tr td.col-action .btn.btn-outline-info:hover,
.datagrid table tbody tr td.col-action .btn.btn-outline-info:active,
.datagrid table tbody tr td.col-action .btn.btn-outline-info:focus,
.datagrid table tbody tr td.col-action .btn.btn-default:hover,
.datagrid table tbody tr td.col-action .btn.btn-default:active,
.datagrid table tbody tr td.col-action .btn.btn-default:focus,
.datagrid table tbody tr td.col-action .handle-sort:hover,
.datagrid table tbody tr td.col-action .handle-sort:active,
.datagrid table tbody tr td.col-action .handle-sort:focus, .datagrid table tbody tr td.action .btn.btn-outline:hover, .datagrid table tbody tr td.action .btn.btn-outline:active, .datagrid table tbody tr td.action .btn.btn-outline:focus,
.datagrid table tbody tr td.action .btn.btn-outline-success:hover,
.datagrid table tbody tr td.action .btn.btn-outline-success:active,
.datagrid table tbody tr td.action .btn.btn-outline-success:focus,
.datagrid table tbody tr td.action .btn.btn-outline-danger:hover,
.datagrid table tbody tr td.action .btn.btn-outline-danger:active,
.datagrid table tbody tr td.action .btn.btn-outline-danger:focus,
.datagrid table tbody tr td.action .btn.btn-outline-warning:hover,
.datagrid table tbody tr td.action .btn.btn-outline-warning:active,
.datagrid table tbody tr td.action .btn.btn-outline-warning:focus,
.datagrid table tbody tr td.action .btn.btn-outline-info:hover,
.datagrid table tbody tr td.action .btn.btn-outline-info:active,
.datagrid table tbody tr td.action .btn.btn-outline-info:focus,
.datagrid table tbody tr td.action .btn.btn-default:hover,
.datagrid table tbody tr td.action .btn.btn-default:active,
.datagrid table tbody tr td.action .btn.btn-default:focus,
.datagrid table tbody tr td.action .handle-sort:hover,
.datagrid table tbody tr td.action .handle-sort:active,
.datagrid table tbody tr td.action .handle-sort:focus {
	background-color: transparent !important;
}

.datagrid table tbody tr td.col-action .btn.btn-outline.blue,
.datagrid table tbody tr td.col-action .btn.btn-outline.green,
.datagrid table tbody tr td.col-action .btn.btn-outline.yellow.red,
.datagrid table tbody tr td.col-action .handle-sort,
.datagrid table tbody tr td.col-action .btn.btn-default, .datagrid table tbody tr td.action .btn.btn-outline.blue,
.datagrid table tbody tr td.action .btn.btn-outline.green,
.datagrid table tbody tr td.action .btn.btn-outline.yellow.red,
.datagrid table tbody tr td.action .handle-sort,
.datagrid table tbody tr td.action .btn.btn-default {
	color: var(--color-secondary) !important;
}
.datagrid table tbody tr td.col-action .btn.btn-outline.blue:hover,
.datagrid table tbody tr td.col-action .btn.btn-outline.green:hover,
.datagrid table tbody tr td.col-action .btn.btn-outline.yellow.red:hover,
.datagrid table tbody tr td.col-action .handle-sort:hover,
.datagrid table tbody tr td.col-action .btn.btn-default:hover, .datagrid table tbody tr td.action .btn.btn-outline.blue:hover,
.datagrid table tbody tr td.action .btn.btn-outline.green:hover,
.datagrid table tbody tr td.action .btn.btn-outline.yellow.red:hover,
.datagrid table tbody tr td.action .handle-sort:hover,
.datagrid table tbody tr td.action .btn.btn-default:hover {
	color: var(--color-table-hover) !important;
}
.datagrid table tbody tr td.col-action .btn.btn-outline.red,
.datagrid table tbody tr td.col-action .btn.btn-outline-danger, .datagrid table tbody tr td.action .btn.btn-outline.red,
.datagrid table tbody tr td.action .btn.btn-outline-danger {
	color: red;
}
.datagrid table tbody tr td.col-action .btn.btn-outline.red:hover,
.datagrid table tbody tr td.col-action .btn.btn-outline-danger:hover, .datagrid table tbody tr td.action .btn.btn-outline.red:hover,
.datagrid table tbody tr td.action .btn.btn-outline-danger:hover {
	color: var(--color-tr-action);
	background-color: transparent;
}
.datagrid table tbody tr td.col-action .btn.btn-outline.disabled, .datagrid table tbody tr td.action .btn.btn-outline.disabled {
	color: #e0e0e0;
	background-color: transparent;
}
.datagrid table tbody tr td.col-action .btn.btn-outline.disabled:hover, .datagrid table tbody tr td.action .btn.btn-outline.disabled:hover {
	color: transparent;
}
.datagrid table tbody tr td.col-action {
	text-align: center;
}
.datagrid table tbody tr .action-centered-icon {
	text-align: center;
}
.datagrid table tbody tr:hover td {
	background-color: var(--color-tr-hover) !important;
}
.datagrid table tfoot td.row-grid-bottom {
	padding-left: 45px;
	padding-right: 45px;
	background-color: #ffffff;
	border: none;
}
.datagrid table tfoot td.row-grid-bottom tr:hover td {
	background-color: white !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
	background: var( --color-primary) !important;
	border-color: var( --color-primary) !important;
}

td.file-preview > label > .form-check.form-check-solid .form-check-input:not(:checked) {
	background-color: #e7e7e7 !important;
}

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

.progress {
	--bs-progress-bar-bg: var(--color-mild) !important;
}

.rounded-image {
	width: 100px !important;
	height: 100px !important;
	margin: 15px;
	border-radius: 50%;
	border: 2px solid var(--color-mild);

}

.selected-image {
	border: 4px solid var(--color-highlight) !important;
}

.dashboard-table-map {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
.dashboard-table-map th, .dashboard-table-map td {
	border: 1px solid var(--color-mild);
	padding: 15px;
	text-align: center !important;
}
.dashboard-table-map th {
	background-color: var(--color-secondary);
	color: white !important;
	text-align: center !important;
}
.dashboard-table-map tr:nth-child(even) {
	background-color: rgba(1, 94, 19, 0.06) !important;
}

#map, #map2, #map3 {
	height: 400px;
	width: 100%;
}

.orange-background {
	background-color: var(--color-orange) !important;
}

.datagrid .table tbody tr td a {
	color: var(--color-orange) !important;
	font-weight: 400;
}

#kt_app_content_container.app-container.container-xxl {
	min-width: 97% !important;
}

.i-info-label {
	color:gray;
	font-size: 12px;
	font-weight: normal;
}

.width-header {
	min-width: 96% !important;
}

.pie-chart {
	display: flex;
	justify-content: center;
	align-items: center;
}

.ck-editor__editable .ck-list-bogus-paragraph {
	display: unset !important;
}

.ck-list-bogus-paragraph {
	display: unset !important;
}

.daterangepicker .ranges li {
	font-weight: unset;
}

.italic {
	font-style: italic;
}

.loader {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 2147483647;
	padding: 14px 18px;
	border-radius: 12px;
	background: #cce4ff;
	color: #000;
	font: 600 16px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
	align-items: center;
	gap: 12px;
	user-select: none;
}

.loader.is-on {
	display: flex;
}

.loader svg {
	width: 28px;
	height: 28px;
	animation: spin 1.1s linear infinite;
}

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