/* Migrated from woodmart-child/css/affiliate.css */
.dt-container{ width:100%; }
.dt-container .dt-layout-row{ display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.dt-container .dt-layout-row + .dt-layout-row{ margin-top:.5rem; }
.dt-container .dt-layout-start,
.dt-container .dt-layout-end{ display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.dt-container .dt-layout-start{ justify-content:flex-start; }
.dt-container .dt-layout-end{ justify-content:flex-end; margin-left:auto; }
.dt-container .dt-input{ max-width:100%; }
.dt-container .dt-paging nav{ display:flex; gap:.25rem; flex-wrap:wrap; }
.dt-container table{ width:100% !important; }
.dt-container table.dataTable thead th,
.dt-container table.dataTable thead td,
.dt-container table.dataTable tbody th,
.dt-container table.dataTable tbody td,
.dt-container table.dataTable tfoot th,
.dt-container table.dataTable tfoot td{ text-align: left !important; }
.dt-container table.dataTable thead th{ position: relative; }
.dt-container table.dataTable thead th.dt-orderable{ padding-right: 1.5rem; }
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order{ position: absolute !important; right: .5rem; }
.dt-container table.dataTable .dt-type-numeric,
.dt-container table.dataTable .dt-type-date,
.dt-container table.dataTable .dt-type-date-formatted{ text-align: left !important; }
.dt-container .dt-length,
.dt-container .dt-search,
.dt-container .dt-info,
.dt-container .dt-paging{ float:none; margin:.5rem 0; }
.dt-container .dt-scroll{ clear:both; }
.dt-container .dt-length label{ display:inline-flex; align-items:center; gap:.5rem; white-space:nowrap; }
.dt-container .dt-length .dt-input{ width: 50px; height: auto; background-position: right 0px top 50%; }
.dt-container .dt-search{ display:flex; align-items:center; gap:.5rem; }
.dt-container .dt-search label{ margin:0; white-space:nowrap; }
.dt-container .dt-search .dt-input{ width:auto; }
@media (max-width: 768px){
	.dt-container .dt-layout-row{ flex-direction:column; align-items:stretch; }
	.dt-container .dt-layout-end{ justify-content:flex-start; margin-left:0; }
	.dt-container .dt-length label,
	.dt-container .dt-search label{ white-space:normal; }
}
