.table-datatable {
    width: 100%;
    table-layout: fixed;
    overflow-x: auto;
    display: block;
    max-width: 100%;
    border-collapse: collapse;
}

.table-datatable th, .table-datatable td {
    padding: 10px;
    text-align: left;
    white-space: normal;
}

.table-datatable th {
    background-color: #f8f9fa;
    font-weight: bold;
}

.table-datatable td {
    font-size: 14px;
}

.table-datatable th, .table-datatable td {
    width: 1%;
}

.table-container {
    width: 100%;
    overflow-x: auto;
    margin: 0 auto;
}

table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
    padding: 5px 30px 5px 10px !important;
}