.dimension { cursor: ns-resize; }
.category { cursor: ew-resize; }
.dimension tspan.name { font-size: 1.5em; fill: black; font-weight: bold; }
.dimension tspan.sort { fill: #000; cursor: pointer; opacity: 0; }
.dimension tspan.sort:hover { fill: #333; }
/*.dimension:hover tspan.name { fill: #000; }*/
.dimension:hover tspan.sort { opacity: 1; }
.dimension line { stroke: #000; stroke-width:2;}

.dimension rect { stroke: none; fill-opacity: 0.7;}
.dimension > rect, .category-background { fill: #d9d9d9; }
.dimension > rect { display: none; }
.category:hover rect { fill-opacity: .5; }
.dimension:hover > rect { fill-opacity: .5; }
.ribbon path { stroke-opacity: 0; fill-opacity: .1; }
.ribbon path.active { fill-opacity: .9; }
.ribbon-mouse path { fill-opacity: 0; }

.category-0 { fill: #a6cee3; stroke: #a6cee3; }
.category-1 { fill: #1f78b4; stroke: #1f78b4; }
.category-2 { fill: #b2df8a; stroke: #b2df8a; }
.category-3 { fill: #33a02c; stroke: #33a02c; }
.category-4 { fill: #fb9a99; stroke: #fb9a99; }
.category-5 { fill: #e31a1c; stroke: #e31a1c; }
.category-6 { fill: #fdbf6f; stroke: #fdbf6f; }
.category-7 { fill: #ff7f00; stroke: #ff7f00; }
.category-8 { fill: #cab2d6; stroke: #cab2d6; }
.category-9 { fill: #6a3d9a; stroke: #6a3d9a; }
.category-10 { fill: #ffff99; stroke: #ffff99; }
.category-11 { fill: #b15928; stroke: #b15928; }
.category-12 { fill: #8dd3c7; stroke: #8dd3c7; }
.category-13 { fill: #bebada; stroke: #bebada; }
.category-14 { fill: #fb8072; stroke: #fb8072; }


.tooltip {
  background-color: rgba(0,0,0,.8);
  color: #fff;
  position: absolute;
  z-index: 98;
  direction: rtl;
  padding: 5px 15px;
}