/* table */
div.item-table {
	width:100%;
}
div.item-table-head {
	top:0px;
	left:0px;
	background-color: var(--panel-bg-color);
	position:sticky;
	z-index: 1000;
}
div.item-table-head, div.item-table-row {
	display: flex;
	justify-content: stretch;
}
div.item-table-head > div {
	font-weight: 600;
}
div.item-table-head > div, div.item-table-row > div {
	padding:var(--item-table-padding-y) var(--item-table-padding-x);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: none;
	flex-shrink:0;
	user-select: none;
}
div.item-table-row  {
	border-top:1px dotted var(--border-color);
}
div.item-table-body.openable > div {
	cursor: pointer;
	transition:all .3s;
}
div.item-table-body.openable > div:hover {
	background-color: var(--item-list-hover-bg);
}
div.item-table-row > div {
	font-size: var(--font-size-small);
	line-height: var(--line-height-small);
}

div.item-table-head > div.item-sortable {
	pointer-events: all;
}
div.item-table-head > div.item-sortable > button {
	background-color: transparent;
	font-size: inherit;
	line-height: inherit;
	font-weight:inherit;
	cursor: pointer;
}
div.item-table-head > div.item-sortable > button:hover {
	color:var(--color1);
}
div.item-table-head > div.item-sortable > button::after {
	line-height: inherit;
}
div.item-table-head > div.item-sortable > button[icon="arrow_drop_up"]::after {
	margin-top: 2px;
}
div.item-table-head > div.item-sortable > button.active::after {
	color:var(--color1);
}