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

.dataTables_wrapper {
    max-width: 100%;
    width: 100vw;
}

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    display: flex;
}

table.dataTable {
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    font-size: 0.9em;
    background-color: white;
}

table.dataTable td,
table.dataTable th,
table.dataTable caption {
    margin: 0;
    padding: 0;
}

.data-container {
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
}

.chart-container {
    width: 90%;
    flex-wrap: wrap;
    flew-grow: 1;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 24px;
}

.chart-container > div {
    flex: 1;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
}