@media screen and (min-width: 576px) and (max-width : 768.98px) {
    tfoot {
        display: table-header-group;
    }

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

    .dataTable {
        border: none;
        border-collapse: separate !important;
        border-spacing: 0 .5em !important;
    }

        .dataTable thead {
            text-transform: uppercase;
            font-weight: bold;
        }

        .dataTable tbody {
            border: none;
        }

        .dataTable tr td {
            border: none;
            height: 40px;
            font-size: 16px;
            font-weight: normal;
            background-color: #EFEFEF;
        }

        .dataTable tr {
            border: none;
            height: 40px;
        }

    thead {
        color: #A100FF;
        background-color: white;
    }

        thead th {
            text-align: center;
            font-size: .9rem;
        }

            table, thead th:first-child {
                border-top-left-radius: 10px;
            }

            table, thead th:last-child {
                border-radius: 10px;
            }

    table, tbody td {
        padding: 10px 10px 20px 10px;
        line-height: 15px;
    }

        table, tbody td:first-child {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        table, tbody td:last-child {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }
    /*.table-bordered th, .table-bordered td {
    border: 0;
}*/

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #EFEFEF;
        padding: 10px;
    }

    .table-striped tbody tr:nth-of-type(even) {
        background-color: #EFEFEF;
        padding: 10px;
    }

    bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
        border-width: 0px !important;
    }

    table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
        border-width: 0px;
    }

    .dataTables_empty {
        line-height: 50px;
        font-weight: 500;
    }

    table.table-bordered.dataTable th, table.table-bordered.dataTable td {
        border-width: 0;
    }

    table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
        border-width: 0;
        padding: 10px;
    }

    table.dataTable thead th.sorting,
    table.dataTable thead th.sorting_asc,
    table.dataTable thead th.sorting_desc {
        background: none;
        padding: 4px 5px;
    }

    .btn-datat-table {
        font-size: 24px;
        color: black;
        padding: 10px;
    }

    .pagination {
        display: inline-flex;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
        padding: 10px;
    }

    .page-item.disabled .page-link {
        color: darkgrey;
        pointer-events: none;
        cursor: auto;
        background-color: white;
        border-radius: 5px;
        font-weight: 500;
    }

    .page-link {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        line-height: 1.25;
        color: white;
        background-color: #A100FF;
        margin: 10px;
        width: 100px;
        border-radius: 5px;
        font-weight: 500;
        font-size: 14px;
    }

        .page-link:hover {
            color: white;
            background-color: #A100FF;
            transform: scale(1.1);
        }

    .data-table-search {
        border: 3px solid #A100FF !important;
        border-radius: 20px !important;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
        padding: 10px;
        position: relative;
        top: 0px;
    }

    .table th {
        padding: .65rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    .table td {
        padding: .65rem;
        vertical-align: top;
        border-top: none;
    }

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

    table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
        display: flex;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 769px) and (max-width : 992.98px) {
    tfoot {
        display: table-header-group;
    }

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

    .dataTable {
        border: none;
        border-collapse: separate !important;
        border-spacing: 0 .5em !important;
    }

        .dataTable thead {
            text-transform: uppercase;
            font-weight: bold;
        }

        .dataTable tbody {
            border: none;
        }

        .dataTable tr td {
            border: none;
            height: 40px;
            font-size: 16px;
            font-weight: normal;
            background-color: #EFEFEF;
        }

        .dataTable tr {
            border: none;
            height: 40px;
        }

    thead {
        color: #A100FF;
        background-color: white;
    }

        thead th {
            text-align: center;
            font-size: .9rem;
        }

            table, thead th:first-child {
                border-top-left-radius: 10px;
            }

            table, thead th:last-child {
                border-radius: 10px;
            }

    table, tbody td {
        padding: 0px;
        line-height: 15px;
    }

        table, tbody td:first-child {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        table, tbody td:last-child {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }
    /*.table-bordered th, .table-bordered td {
    border: 0;
}*/

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #EFEFEF;
        padding: 10px;
    }

    .table-striped tbody tr:nth-of-type(even) {
        background-color: #EFEFEF;
        padding: 10px;
    }

    bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
        border-width: 0px !important;
    }

    table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
        border-width: 0px;
    }

    .dataTables_empty {
        line-height: 50px;
        font-weight: 500;
    }

    table.table-bordered.dataTable th, table.table-bordered.dataTable td {
        border-width: 0;
    }

    table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
        border-width: 0;
        padding: 10px;
    }

    table.dataTable thead th.sorting,
    table.dataTable thead th.sorting_asc,
    table.dataTable thead th.sorting_desc {
        background: none;
        padding: 4px 5px;
    }

    .btn-datat-table {
        font-size: 24px;
        color: black;
        padding: 10px;
    }

    .pagination {
        display: inline-flex;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
        padding: 10px;
    }

    .page-item.disabled .page-link {
        color: darkgrey;
        pointer-events: none;
        cursor: auto;
        background-color: white;
        border-radius: 5px;
        font-weight: 500;
    }

    .page-link {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        line-height: 1.25;
        color: white;
        background-color: #A100FF;
        margin: 10px;
        width: 100px;
        border-radius: 5px;
        font-weight: 500;
        font-size: 14px;
    }

        .page-link:hover {
            color: white;
            background-color: #A100FF;
            transform: scale(1.1);
        }

    .data-table-search {
        border: 3px solid #A100FF !important;
        border-radius: 20px !important;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
        padding: 10px;
        position: relative;
        top: 0px;
    }

    .table th {
        padding: .65rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    .table td {
        padding: .65rem;
        vertical-align: top;
        border-top: none;
    }

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

    table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
        border-bottom: none;
        display: flex;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 993px) and (max-width : 1199.98px) {
    tfoot {
        display: table-header-group;
    }

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

    .dataTable {
        border: none;
        border-collapse: separate !important;
        border-spacing: 0 .5em !important;
    }

        .dataTable thead {
            text-transform: uppercase;
            font-weight: bold;
        }

        .dataTable tbody {
            border: none;
        }

        .dataTable tr td {
            border: none;
            height: 40px;
            font-size: 16px;
            font-weight: normal;
            background-color: #EFEFEF;
        }

        .dataTable tr {
            border: none;
            height: 40px;
        }

    thead {
        color: #A100FF;
        background-color: white;
    }

        thead th {
            text-align: center;
            font-size: .9rem;
        }

            table, thead th:first-child {
                border-top-left-radius: 10px;
            }

            table, thead th:last-child {
                border-radius: 10px;
            }

    table, tbody td {
        padding: 10px 10px 20px 10px;
        line-height: 15px;
    }

        table, tbody td:first-child {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        table, tbody td:last-child {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }
    /*.table-bordered th, .table-bordered td {
    border: 0;
}*/

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #EFEFEF;
        padding: 10px;
    }

    .table-striped tbody tr:nth-of-type(even) {
        background-color: #EFEFEF;
        padding: 10px;
    }

    bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
        border-width: 0px !important;
    }

    table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
        border-width: 0px;
    }

    .dataTables_empty {
        line-height: 50px;
        font-weight: 500;
    }

    table.table-bordered.dataTable th, table.table-bordered.dataTable td {
        border-width: 0;
    }

    table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
        border-width: 0;
        padding: 10px;
    }

    table.dataTable thead th.sorting,
    table.dataTable thead th.sorting_asc,
    table.dataTable thead th.sorting_desc {
        background: none;
        padding: 4px 5px;
    }

    .btn-datat-table {
        font-size: 24px;
        color: black;
        padding: 10px;
    }

    .pagination {
        display: inline-flex;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
        padding: 10px;
    }

    .page-item.disabled .page-link {
        color: darkgrey;
        pointer-events: none;
        cursor: auto;
        background-color: white;
        border-radius: 5px;
        font-weight: 500;
    }

    .page-link {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        line-height: 1.25;
        color: white;
        background-color: #A100FF;
        margin: 10px;
        width: 100px;
        border-radius: 5px;
        font-weight: 500;
        font-size: 14px;
    }

        .page-link:hover {
            color: white;
            background-color: #A100FF;
            transform: scale(1.1);
        }

    .data-table-search {
        border: 3px solid #A100FF !important;
        border-radius: 20px !important;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
        padding: 10px;
        position: relative;
        top: 0px;
    }

    .table th {
        padding: .65rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    .table td {
        padding: .65rem;
        vertical-align: top;
        border-top: none;
    }

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

    table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
        border-bottom: none;
        display: flex;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 1200px) {
    tfoot {
        display: table-header-group;
    }

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

    .dataTable {
        border: none;
        border-collapse: separate !important;
        border-spacing: 0 .5em !important;
    }

        .dataTable thead {
            text-transform: uppercase;
            font-weight: bold;
        }

        .dataTable tbody {
            border: none;
        }

        .dataTable tr td {
            border: none;
            height: 40px;
            font-size: 16px;
            font-weight: normal;
            background-color: #EFEFEF;
        }

        .dataTable tr {
            border: none;
            height: 40px;
        }

    thead {
        color: #A100FF;
        background-color: white;
    }

        thead th {
            text-align: center;
            font-size: .9rem;
        }

            table, thead th:first-child {
                border-top-left-radius: 10px;
            }

            table, thead th:last-child {
                border-radius: 10px;
            }

    table, tbody td {
        padding: 10px 10px 20px 10px;
        line-height: 40px;
    }

        table, tbody td:first-child {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        table, tbody td:last-child {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }
    /*.table-bordered th, .table-bordered td {
    border: 0;
}*/

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #EFEFEF;
        padding: 10px;
    }

    .table-striped tbody tr:nth-of-type(even) {
        background-color: #EFEFEF;
        padding: 10px;
    }

    bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
        border-width: 0px !important;
    }

    table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
        border-width: 0px;
    }

    .dataTables_empty {
        line-height: 50px;
        font-weight: 500;
    }

    table.table-bordered.dataTable th, table.table-bordered.dataTable td {
        border-width: 0;
    }

    table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
        border-width: 0;
        padding: 10px;
    }

    table.dataTable thead th.sorting,
    table.dataTable thead th.sorting_asc,
    table.dataTable thead th.sorting_desc {
        background: none;
        padding: 4px 5px;
    }

    .btn-datat-table {
        font-size: 24px;
        color: black;
        padding: 10px;
    }

    .pagination {
        display: inline-flex;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
        padding: 10px;
    }

    .page-item.disabled .page-link {
        color: darkgrey;
        pointer-events: none;
        cursor: auto;
        background-color: white;
        border-radius: 5px;
        font-weight: 500;
    }

    .page-link {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        line-height: 1.25;
        color: white;
        background-color: #A100FF;
        margin: 10px;
        width: 100px;
        border-radius: 5px;
        font-weight: 500;
        font-size: 14px;
    }

        .page-link:hover {
            color: white;
            background-color: #A100FF;
            transform: scale(1.1);
        }

    .data-table-search {
        border: 3px solid #A100FF !important;
        border-radius: 20px !important;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
        padding: 10px;
        position: relative;
        top: 0px;
    }

    .table th {
        padding: .65rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    .table td {
        padding: .65rem;
        vertical-align: top;
        border-top: none;
    }

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