/* ------------------------- CONTEXT MENU STRUCTURE ------------------------- */

.edge-context-menu {
	transition: all .5s ease;
}
.edge-context-menu a {
	font-family: 'Open Sans', sans-serif;
}


.edge-context-menu {
	max-width: 240px;
	min-width: 200px;
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	color: #555;
	box-sizing: border-box;
	/* border: 1px solid #D6D6D6; */
	border-radius: 2px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.edge-context-menu > .edge-context-menu-header {
	font-variant: small-caps;
	font-size: 120%;
	color: #2C3E50;
	border-bottom: 1px solid #2C3E50;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	background-color: #CBD0D3;	
}

.edge-context-menu > .edge-context-menu-body {
	padding: 0px;	
	font-size: 95%;
}

.edge-context-menu > .edge-context-menu-footer {
	padding: 10px;
	border-top: 1px solid #2C3E50;
	background-color: #CBD0D3;
}

.edge-context-menu > .arrow {
	border-width: 10px;
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.edge-context-menu.top {
	margin-top: -12px;
}
.edge-context-menu.top > .arrow {
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
	border-top-color: #FFF;
	border-bottom-width: 0;
}

.edge-context-menu.bottom {
	margin-top: 12px;
}
.edge-context-menu.bottom > .arrow {
	left: 50%;
	top: -10px;
	margin-left: -10px;
	border-bottom-color: #FFF;
	border-top-width: 0;
}

.edge-context-menu.left {
	margin-left: -12px;
}
.edge-context-menu.left > .arrow {
	top: 50%;
	right: -10px;
	margin-top: -10px;
	border-left-color: #FFF;
	border-right-width: 0;
}

.edge-context-menu.right {
 	margin-left: 12px;
}

.edge-context-menu.right > .arrow {
	top: 50%;
	left: -10px;
	margin-top: -10px;
	border-right-color: #FFF;
	border-left-width: 0;
}

/* ----------------------- END CONTEXT MENU STRUCTURE ----------------------- */

/* ----------------------------- GEOFFREY STUFF ----------------------------- */

.edge-context-menu .separator {	
	width: 100%;
    margin: 3px auto;
    height: 1px;
    background-color: #D6D6D6;
}


.row-edge-context-menu-title {
	border         		: 0px solid red;
	margin         		: 0px;
	padding        		: 0px;
	display        		: flex;
	vertical-align 		: center;  
	overflow      		: hidden;  
	-webkit-align-items	: center;
	flex-align			: center;
}

	.edge-context-menu-header .icon-column {
		border       : 0px solid red;
		display      : inline;
		float        : left;
		font-size    : 28px;
		color        : #ff0000;
		text-align   : center;
	}

	.row-edge-context-menu-title .row-edge-id {
	  clear         : both;
	  display       : block;
	  margin-bottom : 5px;
	  
	}

		.row-edge-context-menu-title .row-edge-id .edge-id {
		  font-size : 12px;
		  color     : #7F8C8D;
		}

	.row-edge-context-menu-title .edge-name-column {
	  border         : 0px solid purple; 
	  float          : left;
	  display        : inline;
	  margin-top     : 0px;
	  margin-left    : 10px;
	  padding        : 0px;  
	}

	.edge-context-menu-title {
	  margin : 0px;
	  padding: 0px;
	  font-weight : 600;
	 
	}

		.edge-context-menu-title .edge-label {
			color         : #7f8c8d;
			font-size     : 16px;
		}

		.edge-context-menu-header .type-content {
			font-size     : 14px;	  
		}		

.edge-context-menu-body .menu-item {
	margin-left : 10px;
}

.edge-context-menu-body .icon-container {
	width         : 18px;
	border        : 0px solid red; 
	display       : inline-block;
}

/* --------------------------- END GEOFFREY STUFF --------------------------- */