.pipeline-canvas {
  height: 100%;
  min-height: 400px;
  border: 1px solid #eee;
  background-image: url(../data/grid.png);
  background-repeat: repeat;
}
.pipeline-canvas .window {
  cursor: pointer;
}
.pipeline-canvas .window.task {
  border: 1px solid #346789;
  border-radius: 0.5em;
  line-height: 1.5em;
  text-align: center;
  position: absolute;
  background-color: #888888;
  color: #fff;
  font-family: helvetica;
  padding: 5px 20px;
  font-size: 0.9em;
  border: 2px solid transparent;
  border-radius: 18px;
}
.pipeline-canvas .window.task:hover {
  border: 2px solid #2196f3;
}
.pipeline-canvas .window.task:hover .remove {
  display: block;
}
.pipeline-canvas .window.task.node-start {
  background-color: #ff8888;
  min-width: 60px;
  text-align: center;
}
.pipeline-canvas .window.task.source {
  background-color: #ff8888;
  min-width: 60px;
  text-align: center;
}
.pipeline-canvas .window.task.detector {
  background-color: #87cefa;
  min-width: 60px;
  text-align: center;
}
.pipeline-canvas .window.task.osd {
  background-color: #ffbb66;
  min-width: 60px;
  text-align: center;
}
.pipeline-canvas .window.task.vencode {
  background-color: #ffb7dd;
  min-width: 60px;
  text-align: center;
}
.pipeline-canvas .window.task.tracker {
  background-color: #66cdaa;
  min-width: 60px;
  text-align: center;
}

.pipeline-canvas .window.task .remove {
  display: none;
}
.pipeline-canvas .window.task .remove:before {
  content: 'x';
  right: -4px;
  top: -8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  position: absolute;
  color: #fff;
  background: #333;
}
.jsplumb-overlay.endpoint-label-lkiarest {
  font-size: 12px;
  color: #222;
}
.jsplumb-endpoint.jsplumb-endpoint-anchor {
  cursor: pointer;
}
.jsplumb-endpoint.jsplumb-endpoint-anchor.jsplumb-hover,
.jsplumb-endpoint.jsplumb-endpoint-anchor.jsplumb-drag-hover {
  background: #f55;
}
.input_txt {
  width: 80px;
  font-size: 14px;
}
