custom-contextmenu{
	position: absolute;
	font-size: 1.5em;
	cursor: not-allowed;
	background-color: green;
	background-color: var(--theme-context-menu-bg-color);
	overflow: auto;
	z-index: 100000;
}

.custom-contextmenu-item{
	background-color: green;
	cursor: pointer;
	background-color: var(--theme-context-menu-item-bg-color);
}

.custom-contextmenu-item.disabled{
	pointer-events: none;
}

.custom-contextmenu-item.selected{
	background-color: blue;
	background-color: var(--theme-context-menu-item-selected-bg-color);
}


.custom-contextmenu-item.separator{
	height: 5px;
	background-color: black;
}
.custom-contextmenu-item>.custom-contextmenu-item-title:hover{
	background-color: var(--theme-context-menu-item-hover-bg-color);
}

.custom-contextmenu-item.selected>.custom-contextmenu-item-title::after{
	content: "✔";
	right: 0px;
	position: absolute;
}
.custom-contextmenu-item>.custom-contextmenu-item-title::after{
	transition: all 0.2s ease 0s;
	width: 32px;
	height: 32px;
}
.custom-contextmenu-item.closed>.custom-contextmenu-item-title, .custom-contextmenu-item.opened>.custom-contextmenu-item-title{
	padding-right: 32px;
}
.custom-contextmenu-item.closed>.custom-contextmenu-item-title::after{
	content: "➤";
	right: 0px;
	position: absolute;
}
.custom-contextmenu-item.opened>.custom-contextmenu-item-title::after{
	content: "➤";
	right: 0px;
	position: absolute;
	/*writing-mode: vertical-rl; */
	transform: rotate(90deg);
}

.custom-contextmenu-item .submenu{
	background-color: var(--theme-context-menu-submenu-bg-color);
	padding-left: 10px;
	margin-left: 2px;
	display: none;
	overflow: hidden;
	position: relative;
	background-color: var(--theme-context-menu-submenu-fg-color);
}

.custom-contextmenu-item.opened>.submenu{
	display: block;
}