
.dataTables_processing {
	position: absolute !important;
	top: 50% !important;
}

div.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	margin-top: -26px;
	text-align: center;
	padding: 2px;
}

.archive {
	position: relative;
	right: 25px;
	color: #eff2f5;
}

.form-check-input ~ .archive {
	color: var(--bs-gray-100);
}

.form-check-input:checked ~ .archive {
	color: var(--bs-primary);
}

.btn {
	border-radius: 25px !important;
}

[data-kt-indicator=on] > div > .indicator-progress {
	display: inline-block;
}

.option-comment {
	position: relative;
	bottom: 12px;
}

#map-container {
	margin-left: 360px;
}

.map-footer {
	margin-left: 340px;
}

@media (max-width: 991.98px) {
	#map-container {
		margin-left: 0;
	}

	.map-footer {
		margin-left: 0;
	}
}

.gm-style-iw-c {
	max-width: 236px !important;
}

.app-footer {
	display: none;
}

.app-footer, .map-footer {
	background: var(--bs-app-blank-bg-color) !important
}


.footer-fullscreen {
	z-index: 9999;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
}

.noUi-value-horizontal {
	top: 15px !important;
}

@media (max-width: 991.98px) {

	.logo {
		height: 30px !important;
	}
}

.w-mc {
	width: max-content !important;
}

#kt_project_targets_card_pane .menu-item .menu-link {
	width: max-content !important;
}


.task-col {
	width: 20% !important;
	padding-right: 1.25rem !important;
	padding-bottom: 40px;
}

@media (max-width: 1024px) {
	.task-col {
		width: 33% !important;
	}
}

@media (max-width: 991px) {
	.task-col {
		width: 50% !important;
	}
}

@media (max-width: 425px) {
	.task-col {
		width: 100% !important;
		padding-right: 0 !important;
	}
}

.vertical-separator-left {
	--bs-card-box-shadow: var(--bs-root-card-box-shadow);
	--bs-card-border-color: var(--bs-root-card-border-color);
	border-left: 1px dashed var(--bs-card-border-color);
}

.comment-badge {
	position: absolute;
	bottom: -4px;
	left: -4px;	
}


@media (max-width: 991.98px) {
	.app-content-form {
		padding-top: 20px;
	}
}

.back{
	background-color: rgba(255, 255, 255, .12);
}

.tree-branch {
	width: 17px;
	height: 18px;
	border-left: 1px dashed var(--bs-card-border-color);
	border-bottom: 1px dashed var(--bs-card-border-color);
	margin-right: 4px;
	border-bottom-left-radius: 10px;
}
