/* Custom styles for the table */

.pricelist td:last-child,.pricelist th:last-child {
	width: 25%
}

@media (min-width: 768px) {
	.pricelist td:last-child,.pricelist th:last-child {
		width:13%!important;
	}
}

.pricelistSearchInput {
	display: none !important;
}

.pagination {
	margin: 20px 0;
	text-align: center;
}

.pagination > li > a,
.pagination > li > span {
	padding: 10px 15px;
	margin: 0 5px;
	border: 1px solid #ddd;
	background-color: #f2f2f2;
	cursor: pointer;
}

.pagination > .active > a,
.pagination > .active > span {
	background-color: #009cd1;
	color: white;
	border: 1px solid #009cd1;
}

.pagination > li > a:disabled {
	background-color: #ddd;
	cursor: not-allowed;
}

.pagination-wrapper {
	display: flex;               /* Use flexbox */
	justify-content: center;     /* Center items horizontally */
	margin: 20px 0;             /* Add some margin above and below */
}

.pagination {
	display: inline-block;       /* Ensures the pagination stays inline */
}
.pagination > li > a.active {
	background-color: #009cd1; /* Change background color for active page */
	color: white;              /* Change text color for active page */
	font-weight: bold;         /* Make the active page bold */
	border-color: #009cd1;    /* Match the border color with the active background */
}

.pagination > li > a:hover {
	background-color: #0056b3; /* Darker background on hover */
	color: white;              /* Change text color on hover */
}