table.dataTable th {
    padding-top: 10px;
    padding-bottom: 10px;
    background: lightgray;
        
}

.borderless-table table {
    border: none;
}

.borderless-table tr {
    border: none;
}

.borderless-table td {
    border: none;
}

.borderless-table thead {
    display: none;
}

@media (max-width: 768px) {
    table, thead, tbody, th, td, tr {
        display: block;
    }

    thead {
        display: none;
    }

    tr {
        margin-bottom: 15px;
        background: white;
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        padding: 10px;
    }

    td {
        border: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 10px;
    }

/*        td::before {
            content: attr(data-label);
            font-weight: 600;
            color: #64748b;
            flex: 1;
            text-align: start;
        }*/

        td[data-label="Actions"] {
            justify-content: flex-end;
        }

            td[data-label="Actions"] .action-group {
                justify-content: flex-end;
                width: 100%;
            }
}
/*@media screen and (max-width: 767px) {
    div.dt-container div.dt-length, div.dt-container div.dt-search, div.dt-container div.dt-info, div.dt-container div.dt-paging {
        text-align: center;
    }
}*/
.dt-length select{
    width:60px !important;
}
@media screen and (max-width: 767px) {
    div .dt-container div.dt-length {
        text-align: start !important;
    }
    div.dt-container div.dt-length label {
        display: none !important;
    }
}