svg {
  background-color: transparent; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}



/*nodes*/
g.node circle.outer-ring{
  stroke-width: 2px;
  stroke: white;
}

/*g.node.highlight circle.outer-ring{
  stroke: #66b3ff;
}*/

g.node {
    fill: white;
    cursor: pointer;
}

g.node.executing circle.inner-ring{
  fill: url(#green-radial-gradient);
  opacity: 0.4;
}

g.node.completed circle.inner-ring{
  fill: url(#green-radial-gradient);
}

g.node.failed circle.inner-ring{
  fill: #fbefef;
}

g.node.waiting circle.inner-ring{
    fill: url(#gray-radial-gradient);
}

g.node.hidden {
    opacity: 0.3;
}

g.node circle.inner-ring{
    stroke: #fff;
    stroke-width: 2px;
}

g.node circle.middle-ring{
    stroke: #ccc;
    stroke-width: 2px;
}

g.node.task.completed circle.middle-ring{
    opacity: 0.9;
    stroke: #0b610b;
}

g.node circle.middle-ring.task{
    
    stroke-width: 2px;
}

g.node.waiting circle.middle-ring{
    stroke: #888;
}

g.node.completed path{
    opacity: 0.9;
    fill: #0b610b;
}

g.node.completed.task path{
    opacity: 0;
}

g.node.executing path{
    opacity: 0.9;
    fill: #0b610b;
}

g.node.failed path{
    fill: #df0101;
    opacity: 0.9;
}

g.node path{
  opacity: 0;
}

circle.beacon{
  fill: #df0101;
}



/*end nodes*/
/*links*/

path.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 2px;
  /*opacity: 0.3;*/
  shape-rendering: crispEdges; 
}

marker.highlight {
  fill: #0080ff;
  /*stroke-width: 0px;*/
}

marker {
  fill: #ccc;
}

/*end links*/

/* text*/

/*text {*/
  /*text-anchor: start;*/
  /*font: 10px Verdana, Arial;*/
  /*pointer-events: none;*/
  /*opacity: 0.7;*/
/*}*/

/*text {*/
  /*font: 12px Verdana, Arial;*/
  /*pointer-events: none;*/
  /*opacity: 0.7;*/
/*}*/

/* end text */