[aria-label="pagination"] {
	padding: 0px !important;
}

nav button.dt-paging-button.current {
	color: white !important;
}

div.dt-container .dt-paging .dt-paging-button:hover:not(.current) {
	color: #111 !important;
	border: 1px solid #11111141 !important;
	background-color: #f9f6f6 !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f6f6), color-stop(100%, #fff)) !important;
	background: -webkit-linear-gradient(top, #f9f6f6 0%, #fff 100%) !important;
	background: -moz-linear-gradient(top, #f9f6f6 0%, #fff 100%) !important;
	background: -ms-linear-gradient(top, #f9f6f6 0%, #fff 100%) !important;
	background: -o-linear-gradient(top, #f9f6f6 0%, #fff 100%) !important;
	background: linear-gradient(to bottom, #f9f6f6 0%, #fff 100%) !important;
}

button.dt-paging-button {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent !important;
	color: white !important;
	padding: 0px !important;
	margin: 0px !important;
	border-radius: 50% !important;
	width: 27px;
	height: 27px;
	font-size: 0.575rem;
}

button.dt-paging-button.current {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #344767 !important;
	color: white !important;
	border: 1px solid transparent !important;
	padding: 0px !important;
	margin: 0px !important;
	border-radius: 50% !important;
	width: 27px;
	height: 27px;
	font-size: 0.575rem;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
	color: white !important;
}

.dataTable thead th {
	border: none !important;
	/* Removes border */
	outline: none !important;
	/* Removes any outline */
}

/* Optional: Hover effect on DataTable header */
.dataTable thead th:hover {
	background-color: transparent !important;
	/* Slight transparent background on hover */
}