.table {
    width: 100%;
    border-collapse: collapse;
    display: grid;
    grid-row-gap: 20px;
}

    .table th.table--heading {
        text-align: left;
        padding: 0px;
        font-size: 14px;
        font-weight: var(--fontWeightThick);
        color: var(--dark-gray);
        border: none;
        padding: 16px 0;
    }

    .table th.table--heading-first {
        padding: 16px;
    }

.table--heading-col_end {
    justify-self: start;
    grid-column: 4 / -1;
    grid-row: 1 / -1;
}

.table--heading-col_end_5 {
    justify-self: start;
    grid-column: 6 / -1;
    grid-row: 1 / -1;
}

.table--heading-end {
    justify-self: start;
    grid-column: 3 / -1;
    grid-row: 1 / -1;
}

.table--heading-end_5 {
    justify-self: start;
    grid-column: 5 / -1;
    grid-row: 1 / -1;
}

.table_row {
    background-color: var(--white);
    display: grid;
    grid-template: 1fr / .6fr 1fr 50px 50px;
    justify-items: start;
    align-items: center;
    border-radius: 5px;
    border: 1px solid var(--shadow-color-light);
    box-shadow: 0px 2px 5px 0px var(--shadow-color-light);
    min-height: 60px;
    padding-right: 16px;
    column-gap: 16px;
}

.table_row_flyer {
    background-color: var(--white);
    display: grid;
    grid-template: 1fr / .6fr 1fr 50px 200px;
    justify-items: start;
    align-items: center;
    border-radius: 5px;
    border: 1px solid var(--shadow-color-light);
    box-shadow: 0px 2px 5px 0px var(--shadow-color-light);
    min-height: 60px;
    padding-right: 16px;
    column-gap: 16px;
}

.table_row-four_columns {
    background-color: var(--white);
    display: grid;
    grid-template: 1fr / .6fr 1fr 50px 50px;
    justify-items: start;
    align-items: center;
    border-radius: 5px;
    border: 1px solid var(--shadow-color-light);
    box-shadow: 0px 2px 5px 0px var(--shadow-color-light);
    min-height: 60px;
    padding-right: 16px;
    column-gap: 16px;
}

.table_row-five_columns {
    background-color: var(--white);
    display: grid;
    grid-template: 1fr / .6fr 1fr 50px 50px 50px;
    justify-items: start;
    align-items: center;
    border-radius: 5px;
    border: 1px solid var(--shadow-color-light);
    box-shadow: 0px 2px 5px 0px var(--shadow-color-light);
    min-height: 60px;
    padding-right: 16px;
    column-gap: 16px;
}

.table_body-five_columns > tr {
    background-color: var(--white);
    display: grid;
    grid-template: 1fr / .6fr 1fr 50px 50px 50px;
    justify-items: start;
    align-items: center;
    border-radius: 5px;
    border: 1px solid var(--shadow-color-light);
    box-shadow: 0px 2px 5px 0px var(--shadow-color-light);
    min-height: 60px;
    padding: 0 16px;
    column-gap: 16px;
}

.table_double_row {
    background-color: var(--white);
    display: grid;
    grid-template: 1fr 1fr / .5fr 1fr 50px 50px;
    justify-items: start;
    align-items: center;
    border-radius: 5px;
    border: 1px solid var(--shadow-color-light);
    box-shadow: 0px 2px 5px 0px var(--shadow-color-light);
    min-height: 60px;
    padding-right: 16px;
    column-gap: 16px;
}

.table_with_image_row {
    background-color: var(--white);
    display: grid;
    grid-template: 1fr / 150px .5fr 1fr 50px;
    justify-items: start;
    align-items: center;
    border-radius: 5px;
    border: 1px solid var(--shadow-color-light);
    box-shadow: 0px 2px 5px 0px var(--shadow-color-light);
    min-height: 60px;
    padding-right: 16px;
    column-gap: 16px;
}

.table_body, .table_body-five_columns {
    display: grid;
    grid-row-gap: 16px;
}

td.table_data--cell.table_row_top {
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    font-weight: bold;
}

td.table_data--cell.table_row_bottom {
    grid-row: 2 / -1;
    grid-column: 1 / 3;
    padding-left: 16px;
}

td.table_data--cell {
    font-weight: var(--fontWeightBold);
    padding: 0;
    border: none;
}

.table_body-five_columns > tr > td {
    font-weight: var(--fontWeightBold);
    border: none;
    padding: 0;
}

.table .table_data--cell-empty {
    grid-column: 1 / -1;
    padding: 0;
    border: none;
}

.table .text_data--cell_empty_text {
    padding: 16px;
    color: var(--brand-gray);
    margin: 0;
}

td.table_data--first_cell {
    padding-left: 16px;
}

.table_data--cell-three {
    grid-row: 1 / -1;
    grid-column: 3 / 4;
}

.table_data--cell-four {
    grid-row: 1 / -1;
    grid-column: 4 / 5;
}

.table_data--cell-five {
    grid-row: 1 / -1;
    grid-column: 5 / -1;
}

.image--table_banner_preview {
    max-width: 400px;
    max-height: 100px;
    margin: 16px;
}

.image--table_category_preview {
    max-width: 100px;
    max-height: 100px;
    margin: 16px 0;
}

.link--table_button {
    color: var(--dark-gray);
}

a.link--table_button:hover {
    text-decoration: underline;
    color: var(--black);
}

div.dataTables_wrapper {
    width: 100%;
    border-collapse: collapse;
    display: grid;
    grid-row-gap: 20px;
}

.dataTables_wrapper {
    padding: 0;
}

td.dataTables_empty {
    grid-column: 1 / -1;
}