/* Style for the rotating image */
.overlay { position: fixed;width: 100%;height: 100%; top: 0; left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 2;}
.imagec{position:absolute; top:50%; left:50%; width:200px; height:273px;margin:-90px 0 0 -100px;}
/* .textc{position:absolute; top:50%; left:33%; width:50%; height:80px;margin:-90px 0 0 -100px;padding:10px;} */
/* .image {position: absolute;top: 50%;left: 50%;width: 207px;height: 207px;margin:-60px 0 0 -70px;-webkit-animation:spin 1.5s linear infinite;-moz-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;} */
.loading-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.image {
	width: 207px;
	height: 207px;
	-webkit-animation: spin 1.5s linear infinite;
	-moz-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}

.textc {
	margin-top: 40px;
	color: #0d6efd;
	font-weight: bold;
	font-size: 25px;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* Style for the card search input */
#cardSearch::-webkit-search-cancel-button {
	cursor: pointer;
}

/* Force background for task rows */
table.dataTable tbody tr.task-row td {
    background-color: #fff9e6 !important;
}

/* Force background for event rows */
table.dataTable tbody tr.event-row td {
    background-color: #eef6fb !important;
}

.card-event {
	background-color: #eef6fb !important;
}

.card-task {
	background-color: #fff9e6 !important;
}

/* Legend badges */
.badge-event {
    background-color: #eef6fb;
    color: #0d6efd;
    border: 1px solid #cde4f3;
}

.badge-task {
    background-color: #fff9e6;
    color: #856404;
    border: 1px solid #ffe8a1;
}

/* progress bar */
.progress-bar {
    transition: width 0.5s ease-in-out, background-color 0.5s;
}

/* Responsive xxl class */
@media (min-width: 1400px) {
	.label-col {
		flex: 0 0 auto;
		width: 16.666667%; /* equivalent to col-2 */
	}
}

.filter-badge.active {
	border: 1px solid #333;
	box-shadow: 0 0 0 1px #333;
}