html {
	overflow-x: hidden;
}

#table_id {
	width: 100% !important;
	font-size: 14px !important;
	white-space: nowrap !important;
}

#column_categories {
	overflow-x: scroll;
	-ms-overflow-style: none;
	/* Internet Explorer 10+ */
	scrollbar-width: none;
	/* Firefox */
}

#column_categories::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}

.es-filter-icons i {
	font-size: 1.5rem;
}

.es-filter-checkbox {
	display: flex;
	align-items: center;
	gap: 5px;

	input {
		accent-color: #eb9f30;
		/* changes checkmark and box color */
	}

	label {
		line-height: 1;
		padding: 0;
		margin: 0;
	}
}

#column_categories ul {
	list-style: none !important;
	margin: 0;
	width: 100%;
}


#column_categories ul li {
	display: inline-block;
	margin-right: 10px;
}

.categories_accs {
	/*	display: none;
	*/
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 15px;
}

.dt-search {
	display: none;
}

.categories_accs a {
	margin-left: 20px;
}

.es-btn {
	background: #f7f0e9;
	color: #000;
	margin: 10px 0;

	box-shadow: none;
	padding: 5px 20px;
	border: 0;
}

.es-category-btn {
	background: #f2f2f2 !important;
	color: #444 !important;
	font-size: 1rem !important;
	border-radius: 0;
	box-shadow: none !important;
	outline: 0;
}

.es-category-btn.active {
	background: #f2e5d5 !important;
	border-bottom: 2px solid #a1a1a1 !important;

}

.buttons-colvis {
	padding: 5px 10px !important;
}

.es-btn:focus {
	background: #f7f0e9;
	color: #000;
}

.es-btn:hover {
	border-bottom: 2px solid #a1a1a1 !important;

}

.es-btn.active {
	background: #FF9900;
}


.es-bold {
	font-weight: bold !important;
	text-decoration: underline !important;
	text-decoration-style: double !important;
}

/* Filter CSS */
.es-container {
	display: grid;
	grid-template-columns: 1fr;
	background: #f2f2f2;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.es-container a {
	color: #000 !important;
}

.es-column {
	padding: 10px;
	overflow: scroll;
	overflow-x: hidden;
}

.es-column1 {
	background: #f7f0e9;
	border-right: 1px solid #ccc;
}

.es-link {
	text-decoration: none;
	color: inherit;
	display: block;
	font-weight: bold;
	padding: 5px;
	font-size: 1.2rem;
	margin-top: 10px;
}

.es-link:hover{
	color: #000;
}

#filters-wrapper .es-link{
	padding: 0 !important;
}

.es-link-2 {
	text-decoration: none;
	color: inherit;
	display: block;
	padding: 5px;
}

.es-link span {
	color: #ccc;
}

.es-active-filter {
	background: #F2F2F2;
	border-radius: 15px;
}

#es-filters-box {
	display: grid;
	gap: 15px;
}

#es-filters-box select{
	height: min-content;
}

.es-active-filter-label {
	color: #000;
	padding: 5px;
	display: flex;
	gap: 10px;
	min-width: max-content;

}

.es-active-filter-label img {
	width: 15px;
	height: 15px;
}

.wpDataTablesFilter {
	display: none;
}

.dataTables_length label {
	color: #000;
}

/* Loader Styles */
#loaderWrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

#loaderDiv {
	width: 200px;
	padding: 20px;
	background-color: #f7f0e9;
	text-align: center;
	border-radius: 8px;
	margin: 16% auto;
}


.apply-filter-mobile-button {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	background: #fff8f3;
	padding: 10px;
	z-index: 999;
}



/*
 End of filter css */
.es-spl-div {
	display: grid;
	grid-template-columns: 1fr 1fr
}

/*WP Table css*/
td,
th {
	border-right: none !important;
	border-left: none !important;

}

th {
	text-align: center;
	padding: 20px;
	border-bottom: none;
}

td:first-child,
th:first-child {
	border-left: 1px solid #ccc !important;
}

td:last-child,
td:last-child {
	border-right: 1px solid #ccc !important;
}

#savedFilters {
	width: 100%;
}

.label {
	color: #000 !important;
}

.apply-filter-btn {
	color: #FFFFFF !important;
	border: 1px solid #FFFFFF;
	background: #DC143C;
	font-weight: 500;
	text-transform: uppercase;

}

@media (min-width: 800px) {
	.mobile-only {
		display: none;
	}

	#es-filters-box {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}


}

.add-filter-desktop {
	width: 100%;
	border-radius: 7px;
	background: #fff;
	margin-top: 10px;
	border: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.es-column.es-column1 {
	display: block;
	position: fixed;
	left: 5%;
	right: 5%;
	top: 20%;
	bottom: 0;
	z-index: 999;
	background: #fff;
}


.filters-top-nav {
	display: flex;
	place-self: flex-end;
	align-items: center;
	gap: 10px;
}

.dt-length-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dt-length-wrapper .dt-buttons{
	order: 1;
}

@media (max-width: 800px) {	
	.filters-top-nav {
		display: grid;
		grid-template-columns: 50% 50%;
		width: 100%;
		place-self: unset;
		overflow: hidden;
	}

	.dt-parent {
		flex-direction: column;
	}

	#column_categories ul {
		width: 1100px;
	}

	.es-container.show_categories {
		grid-template-columns: 1fr;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #f7f0e9;
		z-index: 999;
	}



	.es-active-filter {
		grid-template-columns: 1fr !important;
		background: #f2f2f2 !important;
	}

	.es-spl-div {
		grid-template-columns: 1fr !important;
	}

	#add_filter_mobile {
		color: #FFFFFF;
		font-size: 1rem;
		display: inline-block;
		border: 1px solid #FFFFFF;
		padding: 5px 10px;
		border-radius: 5px;
		background: #DC143C;
	}

	.dt-buttons {
		order: -1;
	}
}

.es-range-slider-wrapper {
	display: grid;
	grid-template-columns: 1fr 8fr 2fr;
	align-items: center;
	gap: 10px;
	text-align: left;
}

.es-range-slider-wrapper input[type="range"] {
	display: grid;
	grid-template-columns: 1fr 8fr 2fr;
	align-items: center;
	gap: 10px;
	text-align: left;
}


.es-range-slider-wrapper input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	background: #eee;
	/* Background color of the track */
	height: 6px;
	border-radius: 5px;
	outline: none;
	padding: 0;
}

.es-range-slider-wrapper input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 10px;
	/* Width of the thumb */
	height: 10px;
	/* Height of the thumb */
	background: grey;
	/* Color of the thumb */
	cursor: pointer;
	border-radius: 50%;
}

.es-range-slider-wrapper input[type=range]::-moz-range-thumb {
	width: 10px;
	/* Width of the thumb */
	height: 10px;
	/* Height of the thumb */
	background: grey;
	/* Color of the thumb */
	cursor: pointer;
	border-radius: 50%;
}

.es-range-slider-wrapper input[type=range]::-ms-thumb {
	width: 10px;
	/* Width of the thumb */
	height: 10px;
	/* Height of the thumb */
	background: grey;
	/* Color of the thumb */
	cursor: pointer;
	border-radius: 50%;
}

#popularFilters {
	width: auto !important;
}

.table-helpers {
	display: none;
}

#table_id_wrapper>.dt-buttons,
#table_id_wrapper>.dt-length {
	display: none;
}

.dt-buttons {
	max-width: max-content;
}

.dt-buttons button {
	padding: 0;
	background: none;
}

.dt-parent {
	display: flex;
	justify-content: space-between;
}

div.dt-container select.dt-input {
	width: 56px;
	height: 20px;
	margin: 0;
	padding: 0 5px;
}


.buttons-copy,
.buttons-csv {
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	padding-left: 32px !important;
}


.buttons-copy::before {
	content: "";
	display: inline-block;
	width: 16px;
	/* Adjust icon size */
	height: 16px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M208 0L332.1 0c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9L448 336c0 26.5-21.5 48-48 48l-192 0c-26.5 0-48-21.5-48-48l0-288c0-26.5 21.5-48 48-48zM48 128l80 0 0 64-64 0 0 256 192 0 0-32 64 0 0 48c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48L0 176c0-26.5 21.5-48 48-48z"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 12px;
	/* Adjust spacing */
	top: 50%;
	transform: translateY(-50%);
}

div.dt-processing>div:last-child>div {
	background: grey !important;
}

.buttons-csv::before {
	content: "";
	display: inline-block;
	width: 16px;
	/* Adjust icon size */
	height: 16px;
	background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 144-208 0c-35.3 0-64 28.7-64 64l0 144-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM200 352l16 0c22.1 0 40 17.9 40 40l0 8c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-8c0-4.4-3.6-8-8-8l-16 0c-4.4 0-8 3.6-8 8l0 80c0 4.4 3.6 8 8 8l16 0c4.4 0 8-3.6 8-8l0-8c0-8.8 7.2-16 16-16s16 7.2 16 16l0 8c0 22.1-17.9 40-40 40l-16 0c-22.1 0-40-17.9-40-40l0-80c0-22.1 17.9-40 40-40zm133.1 0l34.9 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-34.9 0c-7.2 0-13.1 5.9-13.1 13.1c0 5.2 3 9.9 7.8 12l37.4 16.6c16.3 7.2 26.8 23.4 26.8 41.2c0 24.9-20.2 45.1-45.1 45.1L304 512c-8.8 0-16-7.2-16-16s7.2-16 16-16l42.9 0c7.2 0 13.1-5.9 13.1-13.1c0-5.2-3-9.9-7.8-12l-37.4-16.6c-16.3-7.2-26.8-23.4-26.8-41.2c0-24.9 20.2-45.1 45.1-45.1zm98.9 0c8.8 0 16 7.2 16 16l0 31.6c0 23 5.5 45.6 16 66c10.5-20.3 16-42.9 16-66l0-31.6c0-8.8 7.2-16 16-16s16 7.2 16 16l0 31.6c0 34.7-10.3 68.7-29.6 97.6l-5.1 7.7c-3 4.5-8 7.1-13.3 7.1s-10.3-2.7-13.3-7.1l-5.1-7.7c-19.3-28.9-29.6-62.9-29.6-97.6l0-31.6c0-8.8 7.2-16 16-16z"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 12px;
	/* Adjust spacing */
	top: 50%;
	transform: translateY(-50%);
}

.dt-length {
	margin-top: 20px;
	margin-bottom: 20px;
}


.dt-info {
	margin-top: 20px;
	margin-bottom: 20px;
}

.dt-paging {
	margin-bottom: 20px;
}

#checkboxList {
	accent-color: #eb9f30;
	text-align: left;
}

#columnTogglePanel {
    background: #fff8f3;
		position: absolute;
	right: 0;
	z-index: 999;
}

#columnsToggleBtn {
	padding: 5px 10px;
}

#resetColumnsBtn {
	padding: 5px 10px;
	margin: 25px 0 0 0;
	background: var(--bb-primary-button-background-regular);
}

#marketFilter {
	float: right;
	display: none;
}

#add_filter_mobile {
	display: inline-block;
}



.es-filter-select {
	display: none;
}


.select2-selection.select2-selection--multiple {
	overflow: hidden;
	background-color: #F7F0E9 !important;
	border: 2px solid #ccc !important;
}
.select2-dropdown.select2-dropdown--below{
	background-color: #F7F0E9 !important;
}

.table-helpers .dt-length label {
	font-size: 14px !important;
}

.es-white-card{
	padding: 20px;
    box-sizing: content-box;
    background: #fff;
}

.table-responsive.es-white-card {
	padding: 0;
}