web-common-design/Common.Design/wwwroot/css/Workflow.css

This package provides basic style sheet files, which may be useful for all projects and may help to publish a consistent design.

.WorkflowContainer {
    width: 100%;
    border-bottom: dotted 1px rgb(51, 51, 51);
}

.WorkflowContainer {
    font-size: 0;
}

.circleBase {
    display: inline-block;
    margin: 5px 0 20px 0;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    vertical-align: middle;
}

.ProcessStepInProcess {
    color: rgb(102, 102, 102);
    background: rgb(255, 255, 255);
    border: 1px solid rgb(102, 102, 102);
}

.ProcessStepFinished {
    color: rgb(255, 255, 255);
    background: rgb(102, 102, 102);
    border: 1px solid rgb(102, 102, 102);
}

.ConnectionBar {
    display: inline-block;
    margin-bottom: 5px;
    height: 5px;
    width: 200px;
    background: rgb(102, 102, 102);
}

.ProcessNumber {
    font-size: 30px;
    font-family: Verdana;
    position: relative;
    top: 7px;
    left: 0;
}

.ProcessDescription {
    color: rgb(102, 102, 102);
    font-size: 10px;
    font-family: Verdana;
    white-space: nowrap;
    text-align: center;
    position: relative;
    top: 15px;
    left: -50px;
    width: 150px;
}

.subProcessBase {
    font-size: 18px;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 0;
    border: 1px solid rgb(102, 102, 102);
}

.SubprocessStepFinished {
    background: rgb(102, 102, 102);
}

.SubprocessStepInProcess {
    background: rgb(255, 255, 255);
}

div.workflow {
    color: rgb(212, 212, 201);
    padding-bottom: 5px;
    border-bottom: dotted 1px rgb(51, 51, 51);
    margin-bottom: 10px;
}

    div.workflow > div.wfElement {
        display: inline-block;
        padding: 2px 7px 2px 4px;
        margin: 0;
        word-break: normal;
        word-wrap: break-word;
        border-right: 1px solid rgb(227, 194, 76);
        vertical-align: top;
    }

        div.workflow > div.wfElement.active {
            color: rgb(51, 51, 51);
        }

    div.workflow > div:first-child {
        padding-left: 0;
    }

    div.workflow > div:last-child {
        border-right: none;
        padding-right: 0;
    }