.context-menu:not(.show)
{
	display: none;
}

.context-menu
{
	position: fixed;
	z-index: 10;
	box-shadow: 0px 0px 1px 1px black;
	background-color: olive;
}

.context-menu, .context-menu input, .context-menu label
{
	cursor: pointer;
	user-select: none;
}

.context-menu img
{
	background-color: black;
	width: 32px;
	height: 32px;
}

.context-menu > div
{
	display: flex;
	margin: 1px;
	padding-right: 2px;
	background-color: #444403;
	color: white;
	height: var(--desktop-line-height); /* identique avec le 'line-height' du label */
	/* pour les menus de type checkbox */
	justify-content: space-between;
	
	white-space: nowrap;
}

.context-menu > div:hover
{
	background-color: #333307;
}

.context-menu input
{
	outline: none;
}

.context-menu input[type="button"]
{
	flex-grow: 1;
	border: 0px;
	background-color: inherit;
	color: inherit;
	text-align: left;
}

.context-menu label
{
	line-height: var(--desktop-line-height);
	flex-grow: 1;
	
	/* annule les règles de l'élément LABEL dans le fichier default.css */
	background-color: inherit;
	text-align: left;
}

/* .context-menu label, input[type="button"] */
.context-menu[data-type="checkbox"] label, .context-menu[data-type="button"] input
{
	padding: 0px 5px;
	/* font-family: cursive; */
}

.context-menu input[type="checkbox"]
{
	height: 100%;
	margin: 0px;
}

/* Pour empêcher l'effet d'enfoncement quand on clique dessus */
.context-menu input[type="button"]:active
{
	position: initial;
}

@media print
{
	.context-menu
	{
		display: none !important;
	}
}