@layer site {
.content-table {
    --text-color: #111;
    --head-text-color: var(--text-color);
    --head-bg-color: #d9edf7;
    --odd-text-color: var(--text-color);
    --odd-bg-color: #fff;
    --even-text-color: var(--text-color);
    --even-bg-color: #f9f9f9;
    --hover-text-color: var(--text-color);
    --hover-bg-color: #f3f3f3;
    --border-color: #ddd;
    --padding: 0.5rem;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: 0 auto 1rem;
    table-layout: auto;
    width: 100%;
}
.content-table>:not(caption)>*>* {
    background: none;
    border: none;
    box-sizing: border-box;
    float: none!important;
    padding: var(--padding);
    text-align: left;
    vertical-align: top;
}
.content-table>:where(thead)+tbody>:where(:not(.child))>*, .content-table>tbody>*~:where(:not(.child))>*, .content-table>tfoot>:where(:first-child)>* {
    border-top: 1px solid var(--border-color);
}
.content-table>:where(thead,tfoot)>tr>* {
    background-color: var(--head-bg-color);
    color: var(--head-text-color);
    font-weight: 700;
    vertical-align: middle;
    word-break: normal;
}
.content-table>:where(tbody)>tr>* {
    color: var(--text-color);
}
.content-table>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*, .content-table>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>* {
    background-color: var(--odd-bg-color);
    color: var(--odd-text-color);
}
.content-table>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*, .content-table>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>* {
    background-color: var(--even-bg-color);
    color: var(--even-text-color);
}
.content-table>.row-hover>tr {
    content-visibility: auto;
}
.content-table>.row-hover>tr:has(+.child:hover)>*, .content-table>.row-hover>tr:hover+:where(.child)>*, .content-table>.row-hover>tr:where(:not(.dtrg-group)):hover>* {
    background-color: var(--hover-bg-color);
    color: var(--hover-text-color);
}
.content-table img {
    border: none;
    margin: 0;
    max-width: none;
    padding: 0;
}
.content-table {
    --head-active-bg-color: #049cdb;
    --head-active-text-color: var(--head-text-color);
    --head-sort-arrow-color: var(--head-active-text-color);
}
.content-table thead th:active {
    outline: none;
}
@media screen and (max-width:767px) {
}
.content-table thead th {
    background-color: #e8002a!important;
    color: #fff!important;
}
.content-table thead th:hover {
    background-color: #e8002a!important;
    color: #fff!important;
}
}