.workflowManage { margin: @pageMargin; .pageTable { margin-top: @pageUpDownMargin; } &-edit { flex: 1; margin: @pageMargin; background-color: #ffffff; padding: 12px 16px; display: flex; flex-direction: column; &-titleIcon { font-size: 16px; margin-right: 8px; } &-form { flex: 1; margin-bottom: 32px; } &-detail { flex: 1; } &-divider { border-top: 1px solid @divider-color; } &-switchSubtitle { color: @text-color-secondary; margin-top: 4px; margin-bottom: 8px; } &-step { display: flex; align-items: stretch; overflow-x: auto; padding: 8px 4px; margin: -8px -4px; &-item { min-width: 260px; min-height: 320px; padding: 12px 16px; background-color: #ffffff; border-radius: 5px; box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2); margin-right: 24px; display: flex; flex-direction: column; &:last-child { margin-right: 0; } &:hover { .workflowManage-detail-step-button { visibility: visible; } } } &-header { display: flex; align-items: center; margin-bottom: 16px; } &-icon { width: 18px; height: 18px; background-color: @main-color; border-radius: 0px 5px 0px 5px; color: #ffffff; text-align: center; line-height: 18px; margin-right: 8px; } &-content { flex: 1; h5 { margin-bottom: 4px; } } &-button { visibility: hidden; text-align: center; margin-top: 16px; } } &-subtitle { color: @text-color-secondary; } &-dispute { &-flex { display: flex; justify-content: space-between; } &-checkbox { padding: 4px 12px; } &-checkboxActive { background-color: @main-color-1; .ant-checkbox + span { color: @main-color; } } } } }