.process-run-status-todo-color {
    background-color: #00A3E0;
    color: white;
}

.process-run-status-running-color {
    background-color: #0366D6;
    color: white;
}

.process-run-status-success-color {
    background-color: #28A745;
    color: white;
}

.process-run-status-failed-color {
    background-color: #DC3545;
    color: white;
}

.ant-input-group-addon:has(.copy-to-clipboard) {
    padding: 0px 2px;
}
.copy-to-clipboard {
    width: 24px;
    height: 24px;
    margin-top: 2px;
    padding: 0px 2px;
    cursor: pointer;
}
    .copy-to-clipboard svg {
        width: 24px;
        height: 24px;
    }

.ant-drawer-body:has(.add-activity) {
    overflow-y: auto;
}

.parameters {
    overflow-y: auto;
}

.variable-container .ant-input-number,
.variable-container .ant-picker {
    width: 100%;
}

.empty-page-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.node-type {
    width: 41px;
    height: 24px;
    display: flex;
    justify-content: center;
}

.node-logs-nodes {
    width: 350px;
    padding-right: 8px;
    overflow-y: auto;
}
    .node-logs-nodes .node-logs-node {
        cursor: pointer;
    }
    .node-logs-nodes .anticon {
        margin-top: 2px;
    }
    .node-logs-nodes .display-name {
        margin-left: 8px;
        flex: 1;
        line-height: 30px;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 8px;
    }
    .node-logs-nodes .duration {
        margin-top: 4px;
    }
    .node-logs-nodes .attempts {
        padding-left: 64px;
    }

.node-logs-logs {
    flex: 1;
    padding: 8px;
    background-color: rgb(32, 31, 30);
    font-family: Consolas, Courier New, monospace;
    overflow: auto;
}
    .node-logs-logs .node-logs-log {
        white-space-collapse: preserve;
        display: flex;
        width: max-content;
        min-width: 100%;
    }
        .node-logs-logs .node-logs-log .title {
            width: 100%;
            line-height: 28px;
            font-size: 16px;
            color: #fff;
        }
            .node-logs-logs .node-logs-log .title > div > span {
                margin-right: 10px;
            }
            .node-logs-logs .node-logs-log .title > div > span:first-child {
                padding-left: 40px;
            }
            .node-logs-logs .node-logs-log .title button {
                padding: 2px 10px 1px 10px;
                height: 26px;
            }
        .node-logs-logs .node-logs-log .row-nr {
            color: rgb(161, 159, 157);
            width: 40px;
            text-align: right;
        }
        .node-logs-logs .node-logs-log .message {
            margin-left: 8px;
        }
            .node-logs-logs .node-logs-log .message.Started {
                color: #52C41A;
            }
            .node-logs-logs .node-logs-log .message.Finished {
                color: #52C41A;
            }
            .node-logs-logs .node-logs-log .message.Error {
                color: #F5222D;
            }
            .node-logs-logs .node-logs-log .message.Warning {
                color: #FA8C16;
            }
            .node-logs-logs .node-logs-log .message.Information {
                color: #E1DFDD;
            }
            .node-logs-logs .node-logs-log .message.Verbose {
                color: #A7DAEE;
            }

.gateway-conditions li {
    padding: 8px 0;
    border-bottom: 1px solid lightgrey;
}
    .gateway-conditions li:first-child {
        border-top: 1px solid lightgrey;
    }
    .gateway-conditions li .drag-handle {
        /*margin-top: -122px;*/
    }
    .gateway-conditions li .node-display-name {
        font-weight: bolder;
    }

.diagram-canvas {
    border: 1px solid darkgray;
}

.diagram-link div.default-link-label {
    font-size: 20px !important;
    padding: 6px 12px !important;
}

.trigger-types li {
    cursor: pointer;
}

.expression-description {
    font-size: 13px;
    margin: 4px 0 0 4px;
}

td.cron-description {
    min-width: 100px;
    width: 100px;
    text-wrap-mode: nowrap;
}

.ant-form-item-required::before {
    content: "" !important;
    margin-right: 0 !important;
}
.ant-form-item-required::after {
    content: "*" !important;
    display: inline-block !important;
    margin-left: 4px !important;
    color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
}

.errors .ant-list-item,
.warnings .ant-list-item {
    padding: 1px 4px;
}
.errors .ant-list-item-meta-title,
.warnings .ant-list-item-meta-title {
    margin: 0;
    line-height: 28px;
}
.errors .ant-list-item-meta-avatar,
.warnings .ant-list-item-meta-avatar {
    height: 28px;
}

.trigger-run-payload,
.trigger-run-payload .ant-form-spin-wrapper,
.trigger-run-payload .ant-form-spin-wrapper > div,
.trigger-run-payload .ant-spin-container,
.trigger-run-payload .trigger-run-payload-content,
.trigger-run-payload .trigger-run-payload-content .ant-form-item-row,
.trigger-run-payload .trigger-run-payload-content .ant-form-item-control-input,
.trigger-run-payload .trigger-run-payload-content .ant-form-item-control-input-content {
    height: 100%;
}
    .trigger-run-payload form {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .trigger-run-payload .trigger-run-payload-content .ant-form-item-control-input-content {
        display: flex;
    }
    .trigger-run-payload .trigger-run-payload-content textarea {
        height: 100% !important;
        flex: 1 1 auto;
        resize: none;

        font-family: Consolas, "Fira Code", "Courier New", monospace;
        font-size: 13px;
        line-height: 1.5;
        tab-size: 2;
    }