open-orchestra/open-orchestra-cms-bundle

.workflow .underline-label { margin-bottom: 30px; }

.dropdown-workflow {
    & button {
        padding-right: 30px;
        border: 1px solid #ccc;
        background-color: #fff;
    }
    li a:hover {
        cursor: pointer;
    }
}

.table.transition-workflow {
    [type="checkbox"]:checked + label,
    [type="checkbox"]:not(:checked) + label{
        margin: 0 0 5px;
        padding: 0 0  0 25px;
        line-height: normal;
    }
}

.workflow-cell-parameter {
    text-align: center;
}

.workflow-turquoise {
    color: #1abc9c;
}

.workflow-green {
    color: #2ecc71;
}

.workflow-blue {
    color: #3498db;
}

.workflow-purple {
    color: #9b59b6;
}

.workflow-dark-grey {
    color: #34495e;
}

.workflow-yellow {
    color: #f1c40f;
}

.workflow-orange {
    color: #e67e22;
}

.workflow-red {
    color: #e74c3c;
}

.workflow-grey {
    color: #95a5a6;
}

.workflow-parameter,
.workflow-transition {
    .table {
        & > thead > tr > th {
            font-weight: 400;
        }
        & > tbody > tr > td:first-child {
            font-weight: 700;
        }
    }

}

/***
* Workflow preview graphic
****/

.workflow-preview {
  svg {
    width: 100%;
  }

  .node {
    white-space: nowrap;

    .label {
      fill: #eee;
    }
  }

  .edgePath path.path {
    stroke: #333;
    stroke-width: 1.5px;
    fill: none;
  }

  .node-workflow-turquoise circle {
    fill: #1abc9c;
  }

  .node-workflow-green circle {
    fill: #2ecc71;
  }

  .node-workflow-blue circle {
    fill: #3498db;
  }

  .node-workflow-purple circle {
    fill: #9b59b6;
  }

  .node-workflow-dark-grey circle {
    fill: #34495e;
  }

  .node-workflow-yellow circle {
    fill: #f1c40f;
  }

  .node-workflow-orange circle {
    fill: #e67e22;
  }

  .node-workflow-red circle {
    fill: #e74c3c;
  }

  .node-workflow-grey circle {
    fill: #95a5a6;
  }
}