@import "colours.less";

.contextMenu{
	position: absolute;
	float:left;
	background:@background;
	border:1px solid @Grey-500;
	border-radius:3px;
	padding: 3px 0;
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
	cursor:default;
	z-index:10000;

	.menuItem{
		padding: 0 5px;
		position:relative;
		white-space: nowrap;

		&:hover{
			background: @accent-200;
		}

		&:not(:last-child){
			border-bottom: 1px solid @Grey-200;
		}

		.arrow{
			text-align: right;
		}
	}
}