.context-menu{
	display: none;
	position: absolute;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left; /*для шиирины равной ширине содержания*/
	width:150px;
	z-index: 1;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background: rgba(167, 175, 208, 0.56);
}
.context-menu li{
	cursor: pointer;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.context-menu-has-submenu{
	padding-right: 20px;
}
.context-menu-has-submenu>.arrow {
	position: absolute;
	font-size: 12px;
	right: 0;
}
.context-menu-has-submenu > ul {
	position: absolute;
	left: 100%;
	margin-top: -16px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
/*ul {
	outline: 1px solid blue;
}*/
.context-menu li:hover {
    background: rgba(70, 121, 189, 0.3);
}