.wc-table
{
overflow: hidden;
border: 1px solid var(--table-border);
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
background-color: var(--table-header-background);
}
.wc-table-header-area
{
position: relative;
height: 2.5em;
overflow: hidden;
border: 0px solid var(--table-border);
}
.wc-table-header-area-with-filter { height: 5em; }
.wc-table-client-area
{
position: relative;
width: 100%;
height: calc(100% - 2.5em - 4px);
overflow: auto;
border-top: 1px solid var(--table-border);
}
.wc-table-client-area-with-filter { height: calc(100% - 5em - 4px); }
.wc-table-header-lastcol:last-child
{
}
.wc-table-frame
{
background-color: var(--table-background);
padding: 0px;
overflow: auto;
display: table;
width: 100%;
table-layout: fixed;
}
.wc-table-header
{
background-color: var(--table-header-background);
padding: 0px;
height: 2.5em;
display: table-row;
font-weight: 600;
color: var(--table-header-color);
}
.wc-table-filter
{
background-color: var(--table-filter-background);
padding: 0px;
display: table-row;
}
.wc-table-listitem
{
padding: 0px;
display: table-row;
}
.wc-table-listitem:hover
{
background-color: var(--table-row-background-hover)
}
.wc-table-listitem-selected { background-color: var(--table-row-background-selected);  }
.wc-table-listitem-selected:hover { background-color: var(--table-row-background-selected-hover);  }
.wc-table-cell
{
display: table-cell;
vertical-align: center;
line-height: 2.5em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-right: 1px solid var(--table-border);
border-bottom: 1px solid var(--table-border);
}
.wc-table-cell:last-child
{
border-right: 0px;
}
.wc-table-header-blind
{
display: table-cell;
white-space: nowrap;
overflow: hidden;
border-right: 1px solid var(--table-border);
}
.wc-table-cell-text
{
line-height: 2.5em;
text-overflow: ellipsis;
}
.wc-table-cell-int
{
text-align: right;
}
.wc-table-cell-float
{
text-align: right;
}
.wc-table-cell-bool
{
text-align: center;
}
.wc-table-cell-icon
{
}
.wc-table-cell-fonticon
{
text-align: center;
padding-left: 6px;
}