/*********************
 ** FacetFlow view -- based on Parallel Sets by Jason Davies, http://www.jasondavies.com/parallel-sets/
 **/

.dimension { cursor: ns-resize; }
.category { cursor: ew-resize; }

.dimension tspan.name { font-size: 1.5em; fill: #333; font-weight: bold; }
.dimension tspan.name:hover { fill: #0099FF; }

.dimension tspan.sort { fill: #000; cursor: pointer; opacity: 0; }
.dimension tspan.sort:hover { fill: #0099FF; }
.dimension:hover tspan.sort { opacity: 1; }

.dimension line { stroke: #000; }
.dimension rect { stroke: none; fill-opacity: 0; }
.dimension > rect, .category-background { fill: #fff; }
.dimension > rect { display: none; }

.category:hover rect { fill-opacity: .3; }
.dimension:hover > rect { fill-opacity: .3; }

.ribbon path { stroke-opacity: 0; fill-opacity: .5; }
.ribbon path.active { fill-opacity: .9; }
.ribbon-mouse path { fill-opacity: 0; }

.category-0 { fill: #1f77b4; stroke: #1f77b4; }
.category-1 { fill: #ff7f0e; stroke: #ff7f0e; }
.category-2 { fill: #2ca02c; stroke: #2ca02c; }
.category-3 { fill: #d62728; stroke: #d62728; }
.category-4 { fill: #9467bd; stroke: #9467bd; }
.category-5 { fill: #8c564b; stroke: #8c564b; }
.category-6 { fill: #e377c2; stroke: #e377c2; }
.category-7 { fill: #7f7f7f; stroke: #7f7f7f; }
.category-8 { fill: #bcbd22; stroke: #bcbd22; }
.category-9 { fill: #17becf; stroke: #17becf; }

.facet-info {
	background-color: rgba(242, 242, 242, .8);
	color: black;
	position: absolute;
	padding: 5px;
}

#dhp-visual {
	overflow: auto;
}

#dhp-visual svg {
	margin: 6px;
}

#list-scroll {
	margin: 6px;
	height: 100px;
	overflow: auto;
	border: 1px black solid;
	font: 12px sans-serif;
	background-color: white;
	resize: both;
}

#marker-list {
	padding: 4px;
}

.marker-item:hover {
	background-color: yellow;
}