a {
	text-decoration: none;
}

html {
	height: 100%;
}

table.dataTable {
	border-top: 1px solid #e5e7eb;
	margin-top: 0 !important;
}

table.dataTable thead {
	font-weight: 600;
	font-size: 0.875rem; /* Equivalent to Tailwind's text-sm */
}

table.dataTable td,
table.dataTable th {
	font-size: 0.875rem;
	color: #6c757d;
	background-color: #F5F6FA;
}

table.dataTable td:first-of-type {
	color: #0d6efd; /* Bootstrap's primary color */
}

.dataTables_paginate .pagination .page-item .page-link {
	font-size: 0.875rem;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.active > .page-link,
.page-link.active {
	border-radius: 0.25rem;
}

.page-link {
	border: none;
	background: transparent;
}

.disabled > .page-link,
.page-link.disabled {
	background: transparent;
}

.dataTables_info,
.dataTables_length,
.dataTables_length select {
	font-size: 0.875rem;
	color: #6c757d; /* Bootstrap's text-muted */
}

.dataTables_length select {
	width: 5rem !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

table.dataTable > tbody > tr.tr--warning > * {
	background-color: rgba(255, 193, 7, 0.1); /* Bootstrap warning color with transparency */
}

.nav-tabs-- .nav-tabs .custom-nav-tabs .nav-link.active,
.nav-tabs .custom-nav-tabs .nav-item.show .nav-link {
	color: #535bff;
	background-color: transparent;
	border-color: transparent;
	font-size: 14px;
	font-weight: 700;
}

.select2-container--bootstrap-5 {
	width:100% !important;
}



[x-cloak] {
	display: none;
}

#ajax-modal.modal .modal-header button.close span[aria-hidden="true"] {
	display:none !important;
}


.modal-open {
	/* Custom backdrop inside Livewire components */
	#header-navbar, #sidebar {
		z-index: 1 !important;
	}
	.confirmation-modal {
		.modal-backdrop {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 1054 !important;
			width: 100vw;
			height: 100vh;
			background-color: rgba(0, 0, 0, 0.5);
			&.fade {
				opacity: 0;
			}
			&.show {
				opacity: 1;
			}
		}
		.modal-dialog {
			z-index: 1055 !important;
			min-width: 500px;
			.modal-content {
				border-radius: 0;
				border-color: transparent;
				padding: 2rem;
			}
			.modal-footer {
				border: none;
				> *:nth-child(1) {
					width: 100%;
					border-top: 1px solid #c8c8c9 !important;
					padding-top: 1.7rem;
				}
			}
		}
	}
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
	display:inline-flex;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
	display:inline-flex;
	width:auto;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	display:inline-flex;
	font-size: 0.875rem;
	margin-bottom:0;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
	background-size: 75% !important;
}

/* label.form-label:has(+ input[required])::after, label.form-label:has(+ textarea[required])::after, label.form-label:has(+ select[required])::after {
	content: ' *';
	color: red;
} */