.header-button a, .ht-button a{
    height: 29px;
    word-spacing: 120px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    line-height: 29px;
    display: inline-block;
    padding: 0px 8px 0 26px;
    font-size: 14px;
    border-radius: 4px;
    margin: 0 2px;
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 14px;
}

.detail-header-left .header-status .header-stat{
    padding: 2px 8px;
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 14px;
    border-radius: 100px 0px 0px 100px;
}

/**** 中止样式 *****/
.header-button .finish-btn{
    background-color: rgba(250,84,28,0.1);;
    background-image: url("../../images/cooperative/icon/finish.png");
    color: #FA541C;
}

.detail-header-left .header-status .finish-status {
    background-color: rgba(250,84,28,0.1);;
    color: #FA541C;
}

.progress-finish-line{
    border-color: #FA541C;
}

.finish-status-color{
    color: #FA541C;
}


/**** 退回样式 *****/
.header-button .back-btn{
    background-color: rgba(146,84,222,0.1);
    background-image: url("../../images/cooperative/icon/back.png");
    color: #9254DE;
}
.detail-header-left .header-status .back-status {
    background-color: rgba(146,84,222,0.1);
    color: #9254DE;
}
.progress-back-line{
    border-color: #9254DE;
}
.back-status-color{
    color: #9254DE;
}

/**** 流程样式 *****/
.header-button .chart-btn{
    background-color: rgba(19,194,194,0.1);
    background-image: url("../../images/cooperative/icon/flow.png");
    color: #13C2C2;
}

/**** 完成样式 *****/
.header-button .success-btn{
    background-color: rgba(160,217,17,0.1);
    background-image: url("../../images/cooperative/icon/success.png");
    color: #A0D911;
}
.detail-header-left .header-status .success-status{
    background-color: rgba(160,217,17,0.1);
    color: #A0D911;
}
.progress-success-line{
    border-color: #A0D911;
}

/**** 通过样式 *****/
.header-button .pass-btn{
    background-color: rgba(33,169,122,0.1);
    background-image: url("../../images/cooperative/icon/submit.png");
    color: #21A97A;
}
.detail-header-left .header-status .pass-status{
    background-color: rgba(33,169,122,0.1);
    color: #21A97A;
}
.progress-pass-line{
    border-color: #21A97A;
}

.end-status-color{
    color: #21A97A;
}
/**** 暂缓样式 *****/
.header-button .temporary-btn{
    background-color: rgba(255,169,64,0.1);
    background-image: url("../../images/cooperative/icon/temporary.png");
    color: #FFA940;
}
.detail-header-left .header-status .temporary-status{
    background-color: rgba(255,169,64,0.1);
    color: #FFA940;
}
.progress-temporary-line{
    border-color: #FFA940;
}
.temporary-status-color{
    color: #FFA940;
}


.header-button .shuffle-btn{
    background-color: rgba(255,197,61,0.1);
    background-image: url("../../images/cooperative/icon/shuffle.png");
    color: #FFC53D;
}
.detail-header-left .header-status .shuffle-status{
    background-color: rgba(255,197,61,0.1);
    color: #FFC53D;
}
.progress-shuffle-line{
    border-color: #FFC53D;
}

/**** 已阅样式 *****/
.header-button .read-btn{
    background-color: rgba(90,90,90,0.1);
    background-image: url("../../images/cooperative/icon/read.png");
    color: #5A5A5A;
}
.detail-header-left .header-status .read-status{
    background-color: rgba(90,90,90,0.1);
    color: #5A5A5A;
}
.progress-read-line{
    border-color: #5A5A5A;
}

.header-button a[class*="-btn"]:hover{
    filter: opacity(0.8);
}

/**** 删除样式 *****/
.header-button .remove-btn {
    background-color: #FFEEF1;
    background-image: url("../../images/cooperative/icon/remove.png");
    color: #B23B34;
}

/**** 完成样式 *****/
.header-button .complete-btn{
    background-color: rgba(160,217,17,0.1);
    background-image: url("../../images/cooperative/icon/complete.png");
    color: #A0D911;
}
.detail-header-left .header-status .complete-status{
    background-color: rgba(160,217,17,0.1);
    color: #A0D911;
}
.progress-complete-line{
    border-color: #A0D911;
}

.complete-status-color{
    color: #A0D911;
}

/**** 取回、撤回样式 *****/
.detail-header-left .header-status .take-status{
    background-color: rgba(40,147,235,0.1);
    /*background-image: url("../../images/cooperative/icon/take.png");*/
    color: #2893EB;;
}
.progress-take-line{
    border-color: #2893EB;
}

.take-status-color{
    color: #2893EB;
}

.header-button .blue-btn {
    padding: 0 8px;
    background: #EAF3FF;
    border: 1px solid #CBE1FF;
    color: #2A5BC9;
}

.ht-button .attach-btn {
    background-image: url("../../images/cooperative/icon-cooper-handle-attach.png");
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    color: rgba(0,0,0,0.85);
}

.ht-button .edit-btn {
    background-image: url("../../images/cooperative/icon-cooper-handle-hw.png");
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    color: rgba(0,0,0,0.85);
}

.ht-button .edit-btn-text {
    background-image: url("../../images/cooperative/icon/edit.png");
    color: #1677FF;
}

.ht-divider{
    display: inline-block;
    width: 1px;
    height: 100%;
    margin: 0 8px;
    vertical-align: middle;
    background-color: #dcdfe6
}
.inst-status{
    margin: 0 18px;
    font-size: 16px;
}
.header-starter .user-img{
    width: 18px;
    height: 18px;
}

.new-ui-container .ht-select .mini-buttonedit-icon{
    background: url(../../images/cooperative/icon/arrow-down.png) no-repeat center
}

.new-ui-container .ht-select .mini-buttonedit-button{
    border: none;
    background: #FFFFFF;
}

.new-ui-container .mini-popup{
    border: none;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.08), 0px 4px 8px 0px rgba(25,15,15,0.07), 0px 8px 16px 0px rgba(0,0,0,0.03);
    border-radius: 4px;
}

.new-ui-container .mini-popup .mini-listbox-view{
    padding: 8px;
    box-sizing: border-box;
}
.new-ui-container .mini-shadow{
    box-shadow: none;
}