﻿table.data-table {
    border: solid 2px var(--table-border);
}

table.data-table > thead,
table.data-table > tfoot {
    background-color: var(--table-border);
    color: var(--table-text);
}

table.data-table > tfoot a:link,
table.data-table > tfoot a:visited,
table.data-table > thead a.faux,
table.data-table > tfoot a.faux {
	color: var(--table-text);
}

table.data-table > tbody:not(.subheader) > tr:nth-child(even),
table.data-table > tbody.subheader > tr:nth-child(odd) {
    background-color: var(--table-alternating);
}

table.data-table > tbody > tr:hover {
    border-left: solid 2px var(--table-selected);
	border-right: solid 2px var(--table-selected);
    outline: solid 2px var(--table-selected);
}

table.data-table > tbody > tr.selected {
    background-color: var(--table-selected) !important;
    color: var(--text-color) !important;
}

table.data-table > tbody.subheader > tr:first-child {
    font-weight: bold;
    background-color: var(--table-subheader-background);
    color: var(--table-subheader-text);
}

table.data-table th,
table.data-table td {
    padding: 4px 3px;
}

table.data-table > tbody > tr > td {
    vertical-align: top;
}

@media (min-width: 640px) {
    table.data-table th,
    table.data-table td {
        padding-left: 6px;
        padding-right: 6px;
    }
}

table.data-table > thead.sticky {
    top: -2px;
}

@media (height > 720px) {
    table.data-table > thead.sticky {
        top: 54px;
    }
}

td.table-parent-node, td.table-node, td.table-end-node, td.table-no-node {
    padding: 0 !important;
    min-width: 14px;
    width: 14px;
}

td.table-parent-node,
td.table-node,
td.table-end-node {
    background-position: right center;
}

td.table-parent-node {
    background-repeat: repeat-y;
}

td.table-node,
td.table-end-node {
    background-repeat: no-repeat;
}

td.table-parent-node {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI1MSI+PHBhdGggZD0iTSA1LjUsMCBMIDUuNSw1MSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6Izk5OTk5OTtzdHJva2Utd2lkdGg6MXB4OyIgLz48L3N2Zz4=");
}

td.table-end-node {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI1MSI+PHBhdGggZD0iTSA1LjUsMCBMIDUuNSwyNS41IEwgOS41LDI1LjUiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiM5OTk5OTk7c3Ryb2tlLXdpZHRoOjFweDsiIC8+PC9zdmc+");
}

td.table-node {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI1MSI+PHBhdGggZD0iTSA1LjUsMCBMIDUuNSw1MSBNIDUuNSwyNS41IEwgOS41LDI1LjUiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiM5OTk5OTk7c3Ryb2tlLXdpZHRoOjFweDsiIC8+PC9zdmc+");
}