/*Activate horizontal scroll overflow */
.datatable-wrap,
.my-3 {
    overflow-x: scroll !important;
    overflow-scrolling: touch !important;
    -webkit-overflow-scrolling: touch !important;
}

#parcels_table_cstmr {
    min-width: 100% !important;
}

 /*Style the scrollbar - Target the table wrapper directly */
div.dataTables_wrapper::-webkit-scrollbar,
.datatable-wrap::-webkit-scrollbar,
.my-3::-webkit-scrollbar {
    width: 12px !important;
    height: 12px !important;
}

div.dataTables_wrapper::-webkit-scrollbar-track,
.datatable-wrap::-webkit-scrollbar-track,
.my-3::-webkit-scrollbar-track {
    background: #f8f9fa !important;
    border-radius: 6px !important;
}

div.dataTables_wrapper::-webkit-scrollbar-thumb,
.datatable-wrap::-webkit-scrollbar-thumb,
.my-3::-webkit-scrollbar-thumb {
    background: #b7c2d0 !important;
    border-radius: 6px !important;
}

div.dataTables_wrapper::-webkit-scrollbar-thumb:hover,
.datatable-wrap::-webkit-scrollbar-thumb:hover,
.my-3::-webkit-scrollbar-thumb:hover {
    background: #9fb3c8 !important;
}
#parcels_table_cstmr th:nth-child(7),
#parcels_table_cstmr td:nth-child(7) {
    display: none !important;
}
 /*Force scrollbar to show on mobile */
@media screen and (max-width: 768px) {
    .datatable-wrap,
    .my-3 {
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: auto !important;
    }
    /* Hide all columns except Destinataire (3rd) and Actions (10th) */
        #parcels_table_cstmr th:not(:nth-child(3)):not(:nth-child(10)),
        #parcels_table_cstmr td:not(:nth-child(3)):not(:nth-child(10)) {
            display: none !important;
        }
    
    .datatable-wrap::-webkit-scrollbar,
    .my-3::-webkit-scrollbar {
        -webkit-appearance: none !important;
        width: 14px !important;
        height: 14px !important;
        display: block !important;
    }
    
    .datatable-wrap::-webkit-scrollbar-thumb,
    .my-3::-webkit-scrollbar-thumb {
        background: #b7c2d0 !important;
        border-radius: 7px !important;
        border: 2px solid transparent !important;
        background-clip: content-box !important;
    }
}

 /*Firefox scrollbar */
div.dataTables_wrapper,
.datatable-wrap,
.my-3 {
    scrollbar-width: thick !important;
    scrollbar-color: #b7c2d0 #f8f9fa !important;
}

/*.d-md-none {*/
/*    display: none !important;*/
/*}*/
/*@media screen and (max-width: 768px) {*/
/*.tracking {*/
/*    display: none;*/
/*}*/
/*}*/