.PWGx-PipelineGraph-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: auto;
  margin-bottom: 16px; }
  .PWGx-PipelineGraph-container * {
    box-sizing: border-box; }
  .PWGx-PipelineGraph-container .PWGx-PipelineGraph {
    margin-left: auto;
    margin-right: auto; }

circle.halo {
  stroke: white;
  fill: none; }

.PWGx-svgResultStatusOutline {
  stroke: #949393;
  fill: none; }

.PWGx-result-status-glyph {
  stroke: none;
  fill: #fff; }

.PWGx-svgResultStatusSolid {
  transform: translateZ(0); }
  .PWGx-svgResultStatusSolid > circle.statusColor.success {
    fill: #8cc04f; }
  .PWGx-svgResultStatusSolid > circle.statusColor.failure {
    fill: #d54c53; }
  .PWGx-svgResultStatusSolid > circle.statusColor.unstable {
    fill: #f6b44b; }
  .PWGx-svgResultStatusSolid > circle.statusColor.aborted {
    fill: #949393; }
  .PWGx-svgResultStatusSolid > circle.statusColor.paused {
    fill: #24b0d5; }
  .PWGx-svgResultStatusSolid > circle.statusColor.unknown {
    fill: #d54cc4; }
  .pipeline-node-selected .PWGx-svgResultStatusSolid > circle.statusColor {
    stroke: none; }

.PWGx-progress-spinner.running circle.statusColor {
  fill: none;
  stroke: #a7c7f2; }

.PWGx-progress-spinner.running path {
  fill: none;
  stroke: #1d7dcf; }

.PWGx-progress-spinner.pc-over-100 circle.statusColor {
  fill: none;
  stroke: #1d7dcf; }

.PWGx-progress-spinner.pc-over-100 path {
  fill: none;
  stroke: #f6b44b; }

.PWGx-progress-spinner.running.spin {
  animation: progress-spinner-rotate 4s linear;
  animation-iteration-count: infinite; }

@keyframes progress-spinner-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.PWGx-progress-spinner circle.inner,
.PWGx-progress-spinner.running.spin circle.inner {
  display: none;
  animation: progress-spinner-pulsate 1.2s ease-out;
  animation-iteration-count: infinite;
  opacity: 0; }

.PWGx-progress-spinner.running circle.inner {
  display: block;
  fill: #1d7dcf;
  stroke: #1d7dcf; }

@keyframes progress-spinner-pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0; } }

.PWGx-progress-spinner.queued circle.statusColor {
  fill: none;
  stroke: #949393; }

.PWGx-progress-spinner.queued circle.statusColor.inner {
  display: block;
  fill: #949393;
  stroke: #949393; }

.PWGx-progress-spinner.queued path {
  fill: none;
  stroke: none; }

.PWGx-pipeline-connector {
  stroke: #949393; }

.PWGx-pipeline-node-terminal {
  fill: #949393; }

.PWGx-pipeline-connector-skipped {
  stroke: #949393;
  stroke-opacity: 0.25; }

.PWGx-pipeline-small-label {
  font-size: 80%; }

.PWGx-pipeline-big-label.selected {
  font-weight: bold; }

.PWGx-pipeline-small-label.selected {
  font-weight: bold;
  margin-top: 3px; }

.PWGx-pipeline-selection-highlight circle {
  fill: none;
  stroke: #4a90e2; }