#sf-outer-view *:focus {
  outline: none;
}
.sf-flow-node {
  stroke: #999;
  cursor: move;
  stroke-width: 1;
}
.sf-flow-node.sf-flow-node-selected .sf-flow-node-main-rect {
  stroke-width: 2;
  stroke: #ff7f0e;
}
.sf-flow-node-icon-shade {
  stroke: none;
  fill: #000;
  fill-opacity: 0.05;
}
.sf-flow-node-icon-shade-border {
  stroke-opacity: 0.1;
  stroke: #000;
  stroke-width: 1;
}
.sf-flow-node-label {
  stroke-width: 0;
  fill: #333;
  font-size: 14px;
  pointer-events: none;
  user-select: none;
}
.sf-flow-node-label.sf-flow-node-label-right .sf-flow-node-label-text {
  text-anchor: end;
}
.sf-flow-node-port {
  stroke: #999;
  stroke-width: 1;
  fill: #d9d9d9;
  cursor: crosshair;
}
.sf-flow-node-port:hover {
  stroke: #ff7f0e;
  fill: #ff7f0e;
}
.sf-flow-link-line {
  stroke: #999;
  stroke-width: 3;
  fill: none;
}
.sf-flow-link-line.sf-flow-link-selected {
  stroke: #ff7f0e;
}
.sf-flow-drag-line {
  stroke: #ff7f0e;
  stroke-width: 3;
  fill: none;
  pointer-events: none;
}