.contenttable {
    width: 100%;
}

.contenttable thead th {
    font-weight: 700;
    border-bottom: 4px solid var(--color-secondary-20);
}
.contenttable tbody th {
    font-weight: 700;
    border-right: 4px solid var(--color-secondary-20);
}
@container (max-width: 504px) {
    .contenttable td {
        padding: 10px;
    }
    .form-review .active {
        text-align: center;
    }
}

table tr td {
    padding: 0.5rem;
}

@container (max-width: 503px) {
    table:not(.event-month-table) thead tr {
        display: none;
    }
    table:not(.event-month-table) tbody th {
        padding: 0.75rem;
    }

    table:not(.event-month-table) tr td {
        padding-bottom: 0.75rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        text-indent: 0.75rem;
        position: relative;
        border-bottom: 2px solid #fff;
    }
    table:not(.event-month-table) td:last-child {
        padding-bottom: 0.75rem;
    }
    table:not(.event-month-table) td:before {
        content: attr(data-val) ': ';
        display: block;
        background-color: var(--color-secondary-15);
        padding: 0.75rem;
        width: 100%;
        font-weight: 700;
        margin-bottom: 0.75rem;
    }

    table:not(.event-month-table) tr:nth-child(even) {
        background-color: var(--color-secondary-10);
    }
}
.form-review svg {
    max-width: 24px;
    height: 24px;
}
.form-review {
    margin: auto;
}
.form-review .active,
.form-review .view {
    align-items: center;
}
.form-review a {
    color: var(--color-primary-1);
}
.form-review a:hover {
    color: var(--color-secondary);
}
.form-review .icon-actions-close svg {
    fill: #ff0000;
}
.form-review .icon-actions-check svg {
    fill: #008000;
}
.form-review .icon-actions-view:hover svg {
    fill: var(--color-primary-1);
}

@media (max-width: 1199px) {
    .news-content thead tr {
        display: none;
    }

    .news-content table td {
        padding-bottom: 0.75rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 0.75rem;
        align-items: flex-start;
        flex-direction: column;
        text-indent: 0.75rem;
        position: relative;
        border-bottom: 2px solid #fff;
    }
    .news-content table td:last-child {
        padding-bottom: 0.75rem;
    }
    .news-content table td:before {
        content: attr(data-val) ': ';
        display: block;
        background-color: var(--color-secondary-15);
        padding: 0.75rem 0 0.75rem;
        width: 100%;
        font-weight: 700;
    }

    .news-content table tr:nth-child(even) {
        background-color: var(--color-secondary-10);
    }
}