table {
    -webkit-border-horizontal-spacing: 2px;
    -webkit-border-vertical-spacing: 0px;
}

/* generic web list */
table.grid,table.listform
{
    border-collapse:separate;
}

.listheader th, .listheader div {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: var(--list-header-background);
    color: var(--list-header-foreground);
    padding-left:8px;
    padding-right:8px;
    z-index: 1;
}

/* header row style*/
th.listheader, tr.listheader, div.listheader {
    white-space: normal;
    font-weight: normal;
    font-size: medium;
    color: var(--list-header-foreground);
    text-align: center;
    background-color: var(--list-header-background);
}
th.listheader span, tr.listheader span
{
    white-space:nowrap; 			
}
/* list row style */
tr.listrow, tr.listaltrow {
    color: var(--list-row-foreground);
    background-color: var(--list-row-background);
    vertical-align: middle;
}
/* alternating list row style */
tr.listaltrow {
    color: var(--list-altrow-foreground);
    background-color: var(--list-altrow-background);
}

/* cell style for each data cell */
td.listdata,td.listdataalt
{
   vertical-align:top;
   padding:1px 4px 1px 4px;
   white-space:nowrap;
}

tr.selected_row td {
    background-color:var(--list-selected-background);
    color:var(--list-selected-foreground);
    vertical-align: middle;
}

/*add classes stop show thead correct colours form Icons in a list*/
tr[data-class="listrow"] .ListIcon {
    color: var(--list-row-icon-colour);
    background-color: var(--list-row-background);
}
    tr[data-class="listrow"] .ListIcon:hover {
        color: var(--list-row-icon-hover-colour);
    }

tr[data-class="listaltrow"] .ListIcon {
    color: var(--list-altrow-icon-colour);
    background-color: var(--list-altrow-background);
}
    tr[data-class="listaltrow"] .ListIcon:hover {
        color: var(--list-altrow-icon-hover-colour);
    }

tr.selected_row .ListIcon {
    background-color: var(--list-selected-background);
    color: var(--list-selected-icon-colour);
}
tr.selected_row .ListIcon:hover {
    color: var(--list-selected-icon-hover-colour);
}

/* add classes to show svg icons in lists..  colour is set by changing the background */
tr[data-class="listrow"] .svgIcon {
    background-color: var(--list-row-foreground);
}
table.allow-hover tr[data-class="listrow"]:hover .svgIcon {
    background-color: var(--list-hover-foreground);
}

tr[data-class="listaltrow"] .svgIcon {
    background-color: var(--list-altrow-foreground);
}

table.allow-hover tr[data-class="listaltrow"]:hover .svgIcon {
    background-color: var(--list-hover-foreground);
}

/*.selected_row:hover {
    background-color:var(--list-hover-background);
    color:var(--list-hover-foreground);
}*/

/* other list header styles */
td.listheader
{
    white-space:nowrap; 
	font-weight: normal;
	font-size:medium;	
	background-color: var(--td-listheader-bg-color);
	color: var(--td-listheader-color);	
	text-align:center;
}

tr.listheader
{
    background-color: var(--list-header-background);
    color: var(--list-header-foreground);	
}
/* end other list header styles */

td.listfooter
{
    white-space:nowrap; 
	font-weight: normal;
	font-size:medium;	
	background-color:var(--td-listfooter-bg-color);
	color: var(--td-listfooter-color);	
	text-align:center;
}

tr.listfooter
{
    background-color: var(--tr-listfooter-bg-color);
	color: var(--tr-listfooter-color);		
}

/* end style for authorisations */

tr.selected_row,
tr.listaltrow,
tr.listrow {
	cursor: default;
}

tr th {
	font-weight: normal;
}

/* Override the style for td elements with the ActionCell class even when the tr is hovered */

.allow-hover tr.selected_row:hover td:not(.ActionCell),
.allow-hover tr.listrow:hover td:not(.ActionCell),
.allow-hover tr.listaltrow:hover td:not(.ActionCell) {
	color: var(--list-hover-foreground) !important;
	font-weight: normal !important;
    background-color:var(--list-hover-background);
}

/*.allow-hover tr.selected_row input,
.allow-hover tr.listaltrow:hover input,
.allow-hover tr.listrow:hover input {
	filter: invert(1) !important;
}*/

/*.list-icon {
    color:var(--list-icons);
}*/

/*.list-icon:hover {
    color:var(--list-icons-hover);
}
*/

.search-highlight {
    background-color:var(--list-selected-background);
    color:var(--list-selected-foreground);
}

.divScroll {
    overflow-y: auto;
}