/** table.traxxus-table styles **/

.list-page:not([data-no-shade]) > .list-page-body > table > tbody > tr:not(.alt):nth-child(odd) > td {
    filter: var(--theme-table-odd-row-filter)
}

table.traxxus-table {
    position        : relative;
    width           : 100%;
    border-collapse : collapse;
}

table.traxxus-table > tr > th,
table.traxxus-table > thead > tr > th {
    position         : sticky;
    z-index          : var(--z-index-popup-bg);
    top              : 0;
    color            : var(--theme-secondary);
    background-color : var(--theme-primary);
}
table.traxxus-table > tr > th,
table.traxxus-table > thead > tr > th ,
table.traxxus-table > tr > td,
table.traxxus-table > tbody > tr > td  {
    padding: var(--std-unit-x2);
    text-align: left;
}
table.traxxus-table > tr > th,
table.traxxus-table > thead > tr > th  {
    color: var(--theme-font-on-primary);
}
body[data-device-type='Mobile'] table.traxxus-table > tr > th,
body[data-device-type='Mobile'] table.traxxus-table > thead > tr > th,
body[data-device-type='Mobile'] table.traxxus-table > tr > td,
body[data-device-type='Mobile'] table.traxxus-table > tbody > tr > td {
    padding: var(--std-unit-x3);
}

table.traxxus-table > tr,
table.traxxus-table > thead > tr,
table.traxxus-table > tbody > tr,
table.traxxus-table > tfoot > tr {
    transition : var(--standard-transition);
}

table.traxxus-table > thead > tr > th:first-of-type,
table.traxxus-table > tr > th:first-of-type,
table.traxxus-table > tbody > tr > td:first-of-type
table.traxxus-table > tr > td:first-of-type {
    border-top-left-radius    : var(--std-unit-x1);
    border-bottom-left-radius : var(--std-unit-x1);
}

table.traxxus-table > tr > th:last-of-type,
table.traxxus-table > thead > tr > th:last-of-type,
table.traxxus-table > tr > td:last-of-type
table.traxxus-table > tbody > tr > td:last-of-type {
    border-top-right-radius    : var(--std-unit-x1);
    border-bottom-right-radius : var(--std-unit-x1);
}

table.traxxus-table:not(.--inverse) > tbody > tr:not(.alt):nth-child(even) > td,
table.traxxus-table:not(.--inverse) > tr:not(.alt):nth-child(even) > td{
    background-color : var(--theme-generic-1);
}
/** inverse row colors */
table.traxxus-table.--inverse > tbody > tr:not(.alt):nth-child(odd) > td,
table.traxxus-table.--inverse > tr:not(.alt):nth-child(odd) > td{
    background-color : var(--theme-generic-1);
}
/** hide row colors */
table.traxxus-table.--no-highlight > tbody > tr:not(.alt) > td[class=''],
table.traxxus-table.--no-highlight > tr:not(.alt) > td[class='']{
    background-color: unset !important;
}

table.traxxus-table > tbody > tr:not(.details):not(.alt):not(.error):hover > td,
table.traxxus-table > tr:not(.details):not(.alt):not(.error):hover > td {
    background-color : var(--theme-translucent-2) !important;
}


table.traxxus-table > thead > tr:not(.alt) th:empty,
table.traxxus-table > tr:not(.alt) th:empty,
table.traxxus-table > tbody > tr:not(.alt) td:empty,
table.traxxus-table > tr:not(.alt) td:empty{
    width: 0;
    padding: 0;
}
table.traxxus-table > tbody > tr:not(.alt) td:empty:before,
table.traxxus-table > tr:not(.alt) td:empty:before{
    display : block;
    height  : 21px;
    content : " ";
}
table.traxxus-table > tr > td img,
table.traxxus-table > tbody > tr > td img {
    width      : auto;
    max-width  : 100%;
    max-height : 100px;
}
table.traxxus-table > tr > td img[src='data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='],
table.traxxus-table > tbody > tr > td img[src='data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=']{
    width: 0;
    height: 0;
}


table > tbody > tr > td .Field.value[data-type='checkbox'],
table > tr > td .Field.value[data-type='checkbox']{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

table > tbody > tr > td .Field[data-type='checkbox'] > span,
table > tr > td .Field[data-type='checkbox'] > span{
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
}
table[data-push] > tr > th:last-child,
table[data-push] > thead > tr > th:last-child,
table[data-push] > tr > td.record_end,
table[data-push] > tbody > tr > td.record_end{
    width: 100%;
}
table[data-push] > tr > th,
table[data-push] > thead > tr > th,
table[data-push] > tr > td,
table[data-push] tbody > tr > td {
    white-space: nowrap;
}

table.traxxus-table tr.error > td * {
    color: var(--theme-font-on-error) !important;
}
table.traxxus-table tr.error:nth-child(odd) > td {
    background-color: var(--theme-error) !important;
}
table.traxxus-table tr.error:hover td {
    filter: var(--theme-filter-hover-dark) !important;
}
table.traxxus-table tr.error:nth-child(even) > td {
    background-color: var(--theme-error-dark) !important;
}