table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    border: none
}

table.zebra tbody tr:nth-child(odd) {
    background-color: var(--branded-theme-colours-fill-quaternary);
}

table tbody tr.table-group {
    background-color: var(--branded-theme-colours-fill-quaternary);
}

table th {
    font-family: FontFamilyBold, sans-serif;
    font-size: 13px;
    text-transform: uppercase;

    padding: 16px;
    text-align: left;
    color: var(--branded-theme-colours-label-primary);
}

table td {
    font-family: FontFamilyRegular, sans-serif;
    font-size: 16px;

    padding: 16px;
    text-align: left;
    color: var(--branded-theme-colours-label-primary);

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table td.can-wrap {
    white-space: wrap;
}

table td:first-child {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

table td:last-child {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

summary {
    list-style: none; /* Hide default arrow */
    cursor: pointer;
}

summary::marker {
    display: none; /* For newer browsers */
}

details .summary-plus {
    display: unset;
}

details .summary-minus {
    display: none;
}

details[open] .summary-plus {
    display: none;
}

details[open] .summary-minus {
    display: unset;
}

/*th, td {*/
/*    outline: 1px solid green;*/
/*}*/