.page-id-715 h2 {
	margin-top: 0rem;
	border-bottom: 1px solid #00000017;
	padding-bottom: 1rem;
	margin-bottom: 3rem;
}
.page-id-715 .shape-divider .shape-fill,
.page-id-715 .footer-shape .shape-fill {
	fill: #ffffff!important;
}
table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	overflow: scroll;
	letter-spacing: -0.5px!important;
}

thead th {
	background-color: #016FB4!important;
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 10px!important;
	color: white;
	border-color: white!important;
	vertical-align: middle;
}

th button {
	background: transparent;
	appearance: none !important;
	border: none;
	padding: 0;
	color: white;
}

th button:hover {
	cursor: pointer;
}

tbody td {
	padding: 9px 10px!important;
	border-top: 1px solid #ddd;
	text-align: left;
	letter-spacing: -0.5px!important;
}

tbody td button {
	text-align: left;
	text-transform: capitalize;
	color: #6a8e9b !important;
	letter-spacing: -0.5px!important;
	color: black!important;
	font-weight: 700;
}

.toggle_pallets {
	cursor: pointer;
	background-color: transparent;
	border: none;
	color: #007BFF;
	text-decoration: underline;
}

.ui-slider .ui-slider-range {
    background: #016fb7 !important;
}

.filter-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	border-bottom: 1px solid #00000017;
	padding-bottom: 1rem;
	margin-bottom: 3rem;
}

.search_filters {
	width: 100%;
	box-sizing: border-box;
}

.slider-container {
	width: 23%;
	margin-bottom: 20px;
	padding: 10px;
}

.search_filters ul {
	list-style-type: none;
	padding: 0;
	margin: 0!important;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px;
}

.search_filters ul li {
	background-color: #00000008;
	padding: 3px 8px;
	border-radius: 0;
	list-style: none;
	margin: 0;
}

.search_filters ul li label {
	display: flex;
	align-items: center;
	gap: 4px;
	color: black;
	text-transform: capitalize;
}

.search_filters label {
	font-weight: 600;
	font-size: 12px;
	color: #000000;
	letter-spacing: -0.5px;
}

.search_filters>span {
	color: #ffffff;
	background-color: #006FB8;
	border-radius: 0;
	padding: 3px 10px;
	font-size: 12px;
	font-weight: 600;
}

input[type=checkbox] {
	accent-color: #d2b553;
}

.search_filters input {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
}

#thicknessRange, #grammageRange, #widthRange, #lengthRange {
	background-color: #b7d1e8 !important;
	margin: 10px 0;
}

.ui-widget.ui-widget-content {
	border: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: none !important;
	background: #016fb7 !important;
	border-radius: 0 !important;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.2em !important;
}

.ui-slider-horizontal .ui-slider-range {
	background: #016fb7 !important;
}

/* 1) Nuke the native checkbox UI */
input.filter_checkbox {
	-webkit-appearance: none !important; /* Safari */
	-moz-appearance: none !important;    /* Firefox */
	appearance: none !important;         /* Others */
	background: #f6f6f6;
	border: 2px solid #000000;
	border-radius: 1px;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
  
	/* extra belt-and-suspenders resets */
	background-image: none !important;
	box-shadow: none !important;
	outline: none;
	accent-color: initial; /* avoids themed ticks on some browsers */
  }
  
  /* 2) States */
  input.filter_checkbox:checked {
	background-color: #000000; /* your gold */
	border-color: #000000;
  }
  
  /* 3) Custom checkmark */
  input.filter_checkbox:checked::after {
	content: "";
	position: absolute;
	left:4px;
	top: 0px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
  }
  
  /* (optional) hover/focus polish */
  input.filter_checkbox:focus-visible {
	box-shadow: 0 0 0 3px rgba(205,169,75,.35);
  }