site.css

@import "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css";
@import "https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap5.min.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css";

.dataTable  thead{
    display:none;
}

#mainDataTable {
    width: 100%!important;
    border: grey 1px solid;
    border-radius: 5px;
}

.dataTableChild div {
    margin: 0.25rem;   
}

.dataTables_paginate a {
    text-decoration: none!important;
    font-family: "Verlag";
}

.dataTablesCustom_sort {
    width: 220px;
    float: right;
    box-sizing: border-box;
    min-height: calc(1.5em + (.5rem + 2px));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
    border: 1px solid #ced4da;
    margin: 0 0.25em 0 0.5em;
}

.dataTablesCustom_sort option[value=""] {
    color: #6c757d;
}

.dataTablesCustom_order {
    float: right;
    height: 40px;
    width: 30px;
    color: #dddddd;
}

.dataTablesCustom_order:hover {
    color: #c5050c;
}

.dataTables_filter {
    float: right;
}

.dataTables_filter input {
    width: 250px!important;
}

.dataTables_filter input{
    margin-bottom: 0.5em;
}

.page-link {
    margin: 0;
}

.page-item.active .page-link {
    background-color: #c5050c;
    border-color: #c5050c;
}

.paginate_button.previous, 
.paginate_button.next, 
.pagination .disabled{
    padding: 0;
}

.row-title {
    font-size: 1.75em;
}

.expandButton {
    width: 1.5em;
    background-color: gray;
    border-radius: 100%;
    height: 1.5em;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    cursor: pointer;
}

.dataTablesRow a {
    color: grey;
}

.rightCol {
    display: flex;
    justify-content: flex-end;
}

.rightCol .fileLink {
    align-self: flex-end;
}

.rightCol .expandButton {
    align-self: flex-end;
    font-size: x-large;
    margin-right: 1rem;
    margin-bottom: -0.1rem;
}