@import '../common/component.light.theme.less';
@import '../common/component.common.less';
:host-context(.theme-light) ::ng-deep {
    .ant-steps .ant-steps-head-inner{
        .cm-light-step
    }

    .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner{
        .cm-light-step-finish
    }
    .ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner{
        .cm-light-step-wait
    }
    .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner{
        .cm-light-step-progress
    }
    .ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner{
        .cm-light-step-line-error
    }
    .ant-steps .ant-steps-tail > i::after{
        .cm-light-step-line-wait
    }
    .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i::after{
        .cm-light-step-line-progress
    }
    .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-description, .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-title,.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-description, .ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-title{
        .cm-light-step-color1
    }
    
    .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon{
        .cm-light-step-color2
    }
    .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon,.ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon{
        .cm-light-step-color3
    }
    .ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-description, .ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-title{
        .cm-light-step-color4
    }
    .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot,.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot{
        background-color:@light-border-hignlight-color
    }
    .ant-progress-bg{
        .cm-light-step-line-progress
    }
    .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-title{
        .cm-light-step-color5
    }
    .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner{
        border-color: @light-border-hignlight-color;
    }
    .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner{
        background:none
    }
}