﻿.sankey{
	position:relative;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.node{
	cursor:pointer;
	position:absolute;
	overflow:hidden;
	transition: opacity 0.3s ease-in-out;
}
.node .tooltip-position{
	height: 50%;
	top: calc(50% - 5px);
	position: absolute;

}
.node > div{
	height:100%;
	position: relative;
}
.node span{
	color: #fff;
	text-align: center;
	display: block;
	position: absolute;
	width: 100%;
}
.common-node{
	position: absolute;
	display: block;
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	border-left: 2px solid rgb(56, 181, 74);
	border-bottom: 2px solid rgb(56, 181, 74);
	bottom: -4px;
	left: -4px;
}
.node.external-node > div{
	outline:2px solid;
}
.selected .common-node{
	bottom:-7px;
	left:-7px;
}

.is-highlighting .node{
	opacity:0.3;
	transition: none;
}
.is-highlighting .node.highlight, .is-highlighting .node.connected-highlight, .is-highlighting .node.linked-highlight{
	z-index:100002!important;
	opacity:1;
}
.is-highlighting .node.selected > div{
	outline:3px solid red;
}

.link{
	position:absolute;
}


.link, .link svg, .link-background, .link-background svg, .link-trigger, .link-trigger svg {
	pointer-events:none;
}
.link-trigger svg path{
	pointer-events:visible;
}
.link-background svg path {
	pointer-events: visibleStroke;
}
.link svg path{
	/*transition: opacity 0.2s ease-in-out;*/
	cursor:pointer;
	transition: opacity 0.3s ease-in-out;
}

.is-highlighting .link svg path, .is-highlighting .link-background svg path{
	opacity:0.3;
	transition: none;
}
.is-highlighting .link.highlight,
.is-highlighting .link.connected-highlight{
	z-index:100001!important;
}
.is-highlighting .link.highlight 			svg path,
.is-highlighting .link.connected-highlight 	svg path{
	opacity:1;
}
.is-highlighting .link-background.highlight,
.is-highlighting .link-background.connected-highlight{
	z-index:100000!important;
}
.is-highlighting .link-background.highlight svg path,
.is-highlighting .link-background.connected-highlight svg path{
	opacity:1;
}
