/*
div.dataTables_wrapper div.dataTables_length {width:50%; display:block; float:left; text-align:left;}
div.dataTables_wrapper div.dataTables_filter {width:50%; display:block; float: right; text-align: right;}
.dropdown-toggle::after {
    display: none;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: inherit!important; color: #242424;
}
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper select.form-control.form-control-sm {
    margin: 0 10px;
    padding: 5px !important;
    height: 2rem;
    min-height: 2rem;
}
.dataTables_info {width:50%;float: left; clear: both;}
.dataTables_paginate {width:50%; float: right;}
table.dataTable td a {text-decoration: underline;}


#alp_products_wrapper {padding: 0!important;}
table.dataTable {
    border-collapse: collapse !important;
}
table.dataTable tr:last-child{
    border-bottom: 1px solid #dee2e6 !important;
}


table.dataTable.table-sm > thead > tr > th , .dataTables_length, .dataTables_filter,.dataTables_info, .dataTables_paginate {padding:.85rem;}
table.dataTable.table-sm .sorting::before, table.dataTable.table-sm .sorting_asc::before, table.dataTable.table-sm .sorting_desc::before { top:0; right: 0.85em;}
table.dataTable.table-sm .sorting::after, table.dataTable.table-sm .sorting_asc::after, table.dataTable.table-sm .sorting_desc::after { top: 0;}

thead.table-secondary >tr > th {background-color:#424242; color:#fefefe;}
*/
a.paginate_button {padding: 6px 9px; text-decoration: none;}
a.paginate_button.previous  {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}

a.paginate_button.next  {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #eaeaea;}

.dataTables_paginate {margin: 0!important}


a.paginate_button { background-color: #424242;  color: #fefefe!important;}
a.paginate_button:hover, a.paginate_button.current { background-color: #E21B23; cursor: pointer;}
a.paginate_button.next,a.paginate_button.previous  {background-color: #eaeaea; color: #424242!important;}
a.paginate_button.disabled {background-color: #e8e8e8; color: #E21B23; cursor: not-allowed;}


/***********NEW*************/
/**DATATABLES**/
 
.page-link {border:none;}
 .page-link {color: #E51F28;text-shadow: 1px 0  1px transparent;}
 .page-link:hover {background-color: transparent;color: #E51F28;text-shadow: 1px 0  1px #242424;}
 .page-link:focus {box-shadow: none;background-color: transparent;}
 
 .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: transparent;
    border-color: #E51F28;text-shadow: 1px 0  1px #242424;
}
.dataTables_info{margin-left:.5rem!important;}
.dataTables_paginate {margin-right:.5rem !important;}

table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}

table.dataTable td, table.dataTable th {-webkit-box-sizing:content-box;box-sizing:content-box; padding: .75rem 1.5rem; font-size: 90%; line-height: 1.6;}

table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}

table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}

div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap; margin-left:1rem;}

div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}

div.dataTables_wrapper div.dataTables_filter{ margin-bottom:1rem; float: right;}

div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}

div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}

div.dataTables_wrapper div.dataTables_info{padding:.85em; margin-top: 1.5rem; font-size: 11px; display: inline-block;}

div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right; margin-bottom: 1rem;padding-top: 1.5rem; display: inline-block; float: right;}

div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 1rem;;white-space:nowrap;justify-content:flex-end}

div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}

table.dataTable>thead>tr>th:active,table.dataTable>thead>tr>td:active{outline:none}

table.dataTable>thead>tr>th:not(.sorting_disabled),table.dataTable>thead>tr>td:not(.sorting_disabled){padding-right:30px; line-height:.25; font-size: 12px; border-bottom:1px solid #d0d0d0!important;}
.table > :not(caption) > * > * {
  padding: .5rem .5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px solid #D0d0d0;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
table.dataTable>thead .sorting,table.dataTable>thead .sorting_asc,table.dataTable>thead .sorting_desc,table.dataTable>thead .sorting_asc_disabled,table.dataTable>thead .sorting_desc_disabled{cursor:pointer;position:relative}

table.dataTable>thead .sorting:before,table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after{position:absolute;bottom:.9em;display:block;opacity:.3}

table.dataTable>thead .sorting:before,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:before{right:.9em; content:"↑"; }

table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:after{right:.25em;content:"↓";}

table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:after{opacity:1}

table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after{opacity:0}

div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}

div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}

div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:before,div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}

div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}

div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}

div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}


.table-responsive table.dataTable td { font-size: 11px; font-weight: 400;}

.small-table > div.dataTables_wrapper > div.dataTables_filter{margin-bottom:0!important;}
.small-table > div.dataTables_wrapper > div.dataTables_info{display: inline-block; font-size: .75em; padding:0;margin-top:0!important;}

.small-table table.dataTable td{font-size:.75rem;}


.small-table thead { background-color: transparent!important; border:none;}
.small-table thead tr td{ background-color: #F0F0F0!important; border: none;}
.small-table {box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;}
.small-table .dataTables_filter {display:block; text-align: left; margin-right: inherit; float:none;}
.small-table .dataTables_filter label { display: block;}

.dataTables_filter input.form-control {
	position: relative; /* Needed for absolute positioning of the pseudo-element */
    border: none;
    border-bottom: 1px solid #d8d8d8; /* Default static border */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	margin: 0;
    height: 32px;
    font-size: 14px;
    background-image:url(https://www.carpetguys.com/assets/images/search.png);
    background-repeat: no-repeat;
    padding-left: 8px!important;
    background-color: #fff;
    box-shadow: none;
    -webkit-appearance: none;
    background-position: right 10px center; /* Adjust as necessary */
    padding-right: 30px; /* Make room for the background image */
    outline: none; /* Removes the focus outline */
	min-width: 290px;
}
.small-table .dataTables_filter input.form-control {
	border: none;
	border-bottom:1px solid #d8d8d8;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0; 
}

.dataTables_filter input.form-control:focus {
    background-image:url(https://www.carpetguys.com/assets/images/search-active.png);
	border-color:rgba(0,123,37,1.00)!important;
}

.dataTables_filter input.form-control::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0; /* Start with no width */
    height: 1px; /* Same as your border-bottom */
    background-color: rgba(0,123,37,1.00); /* Your focus border color */
    transition: all 0.3s ease-out;
    transform: translateX(-50%); /* Center the element */
}

.dataTables_filter input.form-control:focus::after {
    width: 100%; /* Expand to full width */
}
.dataTables_scroll {
    scrollbar-width: thin; /* 'auto', 'thin', 'none' */
    scrollbar-color: #093961 #ffffff; /* thumb and track color */
	scroll-behavior: smooth;
	scrollbar-gutter: stable;
	margin-bottom: 1em;
	border-right:3px solid #E71E27;
	border:none!important;
}