.datatable-wrap,
.my-3 {
    overflow-x: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

#parcels_table_cstmr {
    width: 100% !important;
    min-width: 0 !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;
}
@media screen and (max-width: 768px) {
    .nk-content,
    .nk-content-wrap,
    .nk-block,
    .card,
    .card-inner,
    .dataTables_wrapper,
    #parcels_table_cstmr_wrapper,
    #parcels_table_cstmr_wrapper .my-3,
    #parcels_table_cstmr_wrapper .datatable-wrap,
    .table-responsive {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }

    #parcels_table_cstmr.nowrap th,
    #parcels_table_cstmr.nowrap td,
    table.dataTable.nowrap th,
    table.dataTable.nowrap td {
        white-space: normal !important;
    }

    #parcels_table_cstmr,
    #parcels_table_cstmr thead,
    #parcels_table_cstmr tbody,
    #parcels_table_cstmr tfoot {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #parcels_table_cstmr thead {
        display: none !important;
    }

    #parcels_table_cstmr tr.nk-tb-item,
    #parcels_table_cstmr tbody tr {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 1px 3px rgba(54, 74, 99, 0.08);
        overflow: hidden;
        box-sizing: border-box;
    }

    #parcels_table_cstmr th,
    #parcels_table_cstmr td {
        display: none !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        white-space: normal !important;
        word-break: break-word;
        overflow-wrap: anywhere;
    }

    #parcels_table_cstmr td:nth-child(3),
    #parcels_table_cstmr td:nth-child(10),
    #parcels_table_cstmr td:last-child {
        display: block !important;
        padding: 12px 14px !important;
    }

    #parcels_table_cstmr td:nth-child(3) {
        padding-bottom: 4px !important;
    }

    #parcels_table_cstmr td:nth-child(10),
    #parcels_table_cstmr td:last-child {
        padding-top: 0 !important;
        text-align: left !important;
    }

    #parcels_table_cstmr .user-card,
    #parcels_table_cstmr .user-info {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #parcels_table_cstmr .user-info > span,
    #parcels_table_cstmr .tb-lead,
    #parcels_table_cstmr .bl-phone-wrap {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        max-width: 100%;
        white-space: normal !important;
    }

    #parcels_table_cstmr .badge,
    #parcels_table_cstmr .bl-badge {
        white-space: nowrap;
        max-width: 100%;
    }

    #parcels_table_cstmr .nk-tb-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 4px;
        width: 100%;
    }
}

 /*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;*/
/*}*/
/*}*/