.table td, .table thead th {
    vertical-align: middle !important;
}

.table:not(.table-borderless) thead th {
    border-bottom: 1px solid #dedede !important;
}

.table {
    &.table-sm {
        tr td, tr th {
            padding: 1rem;
        }
    }
    &.table-md {
        tr td, tr th {
            padding: 1rem;
        }
    }
    &.table-lg {
        tr td, tr th {
            padding: 1.3rem;
        }
    }
}

.dataTable-table {
    @extend .table;

    thead {
        tr {
            th {
                padding: 0.5rem !important;
            }
            td {
                padding: 0.5rem !important;
            }
        }
    }
    tbody {
        tr {
            th {
                padding: 0.5rem !important;
            }
            td {
                padding: 0.5rem !important;
            }
        }
    }
    tfoot {
        tr {
            th {
                padding: 0.5rem !important;
            }
            td {
                padding: 0.5rem !important;
            }
        }
    }
}

.dataTable-container {
    overflow-x:auto
}
.dataTables_length {
    margin-bottom: .5rem;
}

html[data-bs-theme="dark"] {
    .table {
        background-color: #232323 !important;
        color: #e0e0e0 !important;
        border-color: #333 !important;
    }
    .table th, .table td {
        border-color: #333 !important;
    }
    .table thead th {
        border-bottom: 1px solid #444 !important;
    }
    .table-bordered {
        border: 1px solid #333 !important;
    }
    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #2a2a2a !important;
    }
    .table-hover tbody tr:hover {
        background-color: #3a3a3a !important;
    }
    .dataTable-table {
        background-color: #232323 !important;
        color: #e0e0e0 !important;
        border-color: #333 !important;
        thead, tbody, tfoot {
            tr {
                th, td {
                    border-color: #333 !important;
                }
            }
        }
        thead tr th {
            border-bottom: 1px solid #444 !important;
        }
    }
}