@media only screen and (max-width: 767px)
{
    .dataTables_wrapper {
        .dataTables_length {
            width: 100%;

            label {
                width: 100%;
                text-align: left;
                margin: 0;
            }
        }

        .dataTables_filter {
            width: 100%;

            label {
                width: 100%;
                text-align: left;

                input {
                    width: calc(100% - 80px);
                }
            }
        }

        table.table-bordered :not(caption) {
            border: none;
        }

        table.dataTable.no-footer {
            border-bottom: none;
        }

        table.dtr-none {

            thead {
                display: none;
            }

            tbody {

                tr.child {
                    display: block;
                    width: 100%;
                    margin-bottom: 15px;
                    border: 1px solid var(--bs-border-color);
                    border-bottom-left-radius: .5rem;
                    border-bottom-right-radius: .5rem;

                    td.child {
                        width: calc(100% - 20px);
                        display: block;
                        border: none !important;

                        ul.dtr-details {
                            width: 100%;

                            li {
                                display: flex;

                                .dtr-title {
                                    font-weight: 500;
                                }

                                .dtr-data {
                                    word-break: break-word;
                                }
                            }

                            li:last-of-type {
                                display: flex;
                                justify-content: center;
                                margin-top: 10px;

                                .dtr-title {
                                    display: none;
                                }
                            }
                        }
                    }
                }
            }

            tfoot {
                display: none;
            }
        }

        .dataTables_info {
            width: 100%;
        }

        .dataTables_paginate {
            display: flex;
            flex-direction: column;
        }
    }
}