:root
{
	--item-list-color: #333333;
	--item-list-background-color: #ffffff;
	--item-list-border-color: #bbbbbb;
	--item-list-header-background-color: #f7f7f7;
	--item-list-empty-color: #d1d1d1;
	--item-list-hover-border-color: #000000;
	--item-list-hover-background-color: #efefef;
	--item-list-highlight-background-color: #efefef;
}

.item_list
{
	border-width: 1px;
	border-style: solid;
	box-sizing: border-box;
	border-color: var(--item-list-border-color);
	color: var(--item-list-color);
	background-color: var(--item-list-background-color);

}

.item_list > ul
{
	list-style-type: none;
}

.item_list:hover
{
	border-color: var(--item-list-hover-border-color);
}

.item_list > ul > :hover
{
	background: var(--item-list-hover-background-color);
}

.item_list:hover .item_list_menu .item_list_empty
{
	display: none;
}

.item_list:hover .item_list_header > ul
{
	border-bottom-color: var(--item-list-hover-border-color);
}

.item_list ul > li:not(.item_list_menu)
{
	padding: 0.15rem 0.2rem;
}
	
.item_list_header
{
	padding: 0.2em;
	border-bottom-width: 1px; border-bottom-style: solid;
	background: var(--item-list-header-background-color);
	border-bottom-color: var(--item-list-border-color);
	display: flex; flex-flow: row wrap;
	justify-content: flex-start; align-items: center;
	column-gap: 0.2em;
}

.item_list_header > a.item_list_sort
{
	display: flex; justify-content: center; align-items: center;
	font-size: 140%; width: 1.25em; height: 1.25em;
	text-decoration: none;
	border: 2px solid #aaa;
	border-radius: 3px;
}

.item_list_header > *
{
	visibility: hidden;
}

.item_list_header > button
{
	padding: 0.2em 0.5em
}

.item_list:hover .item_list_header > *, .item_list_header:focus-within > *
{
	visibility: visible
}

.item_list.item_list_full
{
	width: 100%;
	height: 100%;
	border: none;
}

li.item_list_item, li.item_list_menu
{
	position: relative; min-height: 2.2em;
	cursor: default;
  overflow: hidden;
}

li.item_list_item.item_list_item_overflow
{
  overflow: auto
}

li.item_list_empty
{
	display: flex; justify-content: center; align-items: center;
	min-height: 2.2em;
}

.item_list_empty .item_list_empty
{
	color: var(--item-list-empty-color);
}

.item_list_item_cover
{
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1500;
}

.item_list_dock_container
{
	display: flex; flex-direction: row; justify-content: center; align-items: flex-start;
}

.item_list_empty .item_list_dock_container
{
	align-items: center;
}

.item_list_empty:hover .item_list_dock_container
{
	align-items: flex-start;
}

.item_list_dock
{
	visibility: hidden;
	display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 0.25em;
	flex: 0 0 auto;
	height: 10px;
	border-width: 1px; border-style: solid;	border-top: none; border-radius: 0 0 0.8em 0.8em;
	padding: 0 1em;
	overflow: hidden;
 	border-color: var(--item-list-border-color);
 	border-top-color: var(--item-list-header-background-color);
	background: var(--item-list-background-color) url('/img/reveal-down.png') no-repeat center bottom;
}

.item_list_dock_container:hover>.item_list_dock
{
	visibility: visible;
}

.item_list_dock:hover
{
	height: auto; padding: 0.25em 1em;
	background-image: none
}

.item_list_dock>button
{
	flex: 0 0 auto; font-size: 85%; visibility: hidden;
}

.item_list_dock:hover>button
{
	visibility: visible
}

.item_list_item_content
{
	display: flex; flex-flow: row; justify-content: start; align-items: center; column-gap: 0.5rem; 
}

/*.item_list_item_content>div
{
	display: block; width: 100%;
}*/

.item_list_item_content>.item_list_item_content_icon
{
	flex: 0 0 auto; position: relative;
}

.item_list_item_content>.item_list_item_content_icon>.item_list_item_content_icon_annotation
{
	position: absolute; right: -0.5em; bottom: -0.2em; color: #000; font-size: 125%;
	text-shadow: -1px -1px #fff, -2px -2px #fff, 1px 1px #fff, 2px 2px #fff
}

.item_list_item_content>.item_list_item_content_text
{
	flex: 1 1 auto; display: flex; flex-flow: column; justify-content: center; align-items: flex-start
}

.item_list_item_content>.item_list_item_content_text>.item_list_item_content_name
{
	font-weight: bold
}

.item_list_item_content>.item_list_item_content_text>.item_list_item_content_description
{
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap
}

.item_list_item_content.item_list_item_indent_1
{
	padding-left: 0.8rem
}

.item_list_item_content.item_list_item_indent_2
{
	padding-left: 1.6rem
}

.item_list_item_content.item_list_item_indent_3
{
	padding-left: 2.4rem
}

.item_list_item_highlight
{
	background: var(--item-list-highlight-background-color);
}

.item_list_item_lowlight
{
	opacity: 0.5;
}