//流程提交面板
.process-panel{
    font-size: 14px;
    width: 100%;
    .nodeName{
        font-size: 12px;
        .use-tip {
            position: absolute;
            right: 10px;
            top:0;
            display: block;
            height:40px;
            line-height: 40px;
        }
        //流程选择
        .title {
            height:40px;
            line-height: 40px;
            padding-left:10px;
        }
        .free-flow {
            min-height:40px;
            line-height: 40px;
            display: flex;
            flex-direction: row;
            border-top: 1px solid #eee;
            .list-right {
                width:100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                border-bottom: 1px solid #efeffa;
                .select-peo {
                    padding-left: 10px;
                    max-width:83%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    text-align: right;
                    font-size: 12px;
                    color: #D9D9D9;
                }
                .select-peoed{
                    padding-left: 10px;
                    max-width:83%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    text-align: right;
                    font-size: 12px;
                    color: #333333;
                }
                .add {
                    margin-left:10px;
                    width:30px;
                    height:30px;
                    border:1px dashed rgba(73,123,236,1);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    right: 10px;
                    img {
                        width:80%;
                    }
                }
            }
			
        }
        .refer-radio-start {
            width: 100%;
            padding-left: 15px;
            box-sizing: border-box;
            min-height:40px;  
            .list-data{
                padding:12px 0px 12px 0px;
                border-top: 1px solid #eee;
            }
        }
        .refer-radio {
            min-height:40px;
            max-height: 130px;
            overflow: hidden;
            overflow: auto;
            line-height: 40px;
			border-top: 1px solid #efeffa;
            .list-left {
                width:38.7%; 
                //width:226px;
                .no-to-person {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
                .mint-checklist-label {
                    display: block;
                    padding: 0 0;
                }
            }
            .list-right {
                width:61.2%;
                //width: calc(100% - 226px);
                //padding-right: 10px;
                //box-sizing: border-box;
                display: flex;
                flex-direction: row;
                align-items: center;
                .select-peo {
                    width:76%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    text-align: right;
                    font-size: 12px;
                }
                .holder {
                    color:#ccc;
                }
                .add {
                    margin-left: 4%;
                    width:30px;
                    height:30px;
                    border:1px dashed rgba(73,123,236,1);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    img {
                        width:80%;
                    }
                }
            }
			
        }

        .refer-check{
            max-height:160px;
            overflow:auto;
            .list-left {
                width:38.7%; 
                .mint-checklist-label {
                    display: block;
                    padding: 0 0;
                }
            }
            .list-data{
                padding:12px 0px 12px 0px;
                border-top: 1px solid #eee;
            }
            .list-right {
                width:61.2%;
                display: flex;
                flex-direction: row;
                align-items: center;
                .select-peo {
                    width:76%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    text-align: right;
                    font-size: 12px;
                }
                .holder {
                    color:#ccc;
                }
                .add {
                    margin-left: 4%;
                    width:30px;
                    height:30px;
                    border:1px dashed rgba(73,123,236,1);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    img {
                        width:80%;
                    }
                }
            }
        }
        .list-data {
            display: flex;
            flex-direction: row;
            width:100%;
            align-items: center;
            border-bottom: 1px solid #efeffa;
            .mint-radio-core,.mint-checkbox-core{
                margin:0px 6px 0px 10px;
            }
        }
    }
    .comment-box{
        .copy-for {
            border-bottom:1px solid #efeffa;
            width:100%;
            height:40px;
            display: -webkit-box;
            display: flex;
            justify-content: center;
            .content {
                width:calc(93% + 1px);
                height:40px;
                display: -webkit-box;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                &>div {
                    height:40px;
                    line-height: 40px;
                    font-size: 12px;
                }
                .add {
                    display: -webkit-box;
                    display: flex;
                    flex-direction: row;
                    .select {
                        overflow-x: auto;
                        white-space: nowrap;
                        height:40px;
                        width: 200px;
                        text-align: right;
                    }
                    .select::-webkit-scrollbar {
                        display: none;
                    }
                    .add-pic {
                        width:32px;
                        height:40px;
                        margin-left:7px;
                        display: -webkit-box;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        &>div {
                            display: -webkit-box;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            width:32px;
                            height:32px;
                            border:1px dashed rgba(73,123,236,1);
                            img {
                                width:80%;
                                height:80%; 
                            }
                        }
                    }
                }
            }
        }
        //左边
        .wrap-left {
            // width:75%;
            width:100%;
            float:left;
            padding-top: 2px;
            .opinion{
                .mint-cell-wrapper{
                    padding: 0;
                    .mint-cell-value{
                        padding: 0;
                    }
                    textarea{
                        padding: 0 4px;
                        font-size: 14px;
                        text-align: left;
                        padding-bottom: 32px;
                        margin-bottom: 4px;
                        height: calc(100vh*0.6 - 158px);  //158=提交至和审批节点的高度+底部按钮的高度
                    }
                }
            }
        }
        //补签意见的文本框
        .wrap-left {
            //width:75%;
            width:100%;
            float:left;
            padding-top: 2px;
            .copyOpinion{
                .mint-cell-wrapper{
                    padding: 0;
                    .mint-cell-value{
                        padding: 0;
                    }
                    textarea{
                        padding: 0 4px;
                        font-size: 14px;
                        text-align: left;
                        padding-bottom: 32px;
                        margin-bottom: 4px;
                        height: calc(100vh*0.6 - 109px);
                    }
                }
            }
        }
        
        //右边
        .wrap-right {
            // width:25%;
            width:100%;
            float:left;
            display: flex;
            // flex-direction:column;
            // height: 149px;
            flex-direction:row;
            position: fixed;
            bottom: 0px;
            .sign {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                height:65%;
                line-height: 40px;
                color: #888888;
                border: 1px solid #e5e5e5;
                border-top-color: transparent;
                background-color: white;
            }
            .normal{
                height: 100%;
                background:#26a2ff;
                color:#ffffff;
                border-top: transparent;
                border-bottom: 1px solid #26a2ff;
            }
            .primary {
                background:#ffffff;
                color:#26a2ff;
                border-top: transparent;
            }
        } 
        .use-suggest {
            position:fixed;
            right:10px;
            top: 34px;
            background-color:white;
            z-index: 1000;
            // height: 130px;
            // min-width:164px;
            // max-width: 30%;
            min-width:187px;
            max-width: 60%;
            padding-left:10px;
            box-sizing: border-box;
            border-radius: 5px;
            box-shadow:0px 0px 4px #ccc;
            // .triangle {
            //     width: 0;
            //     height: 0;
            //     border-left: 10px solid transparent;
            //     border-right: 10px solid transparent;
            //     border-bottom: 10px solid #ffffff;
            //     box-sizing: border-box;
            //     position: absolute;
            //     z-index: 2003;
            //     top: -8px;
            //     right: 7px;
            // }
            .sug-data {
                display: flex;
                flex-direction: column;
                // height:60px;
                min-height: 10px;
                max-height: 150px;
                width: 100%;
                overflow: hidden;
                overflow-y:auto;
                .sug-box {
                    // height: 150px;
                    .data-row {
                        display: inline-block;
                        height:25px;
                        line-height: 25px;
                        font-size: 12px;
                        display: flex;
                        justify-content: space-between;
                        .suggest-name-one {
                            width: calc(100% - 45px);
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }
                        .suggest-name-two {
                            width: 100%;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .icon {
                            padding-right: 8px;
                            box-sizing: border-box;
                            display: inline-block;
                            display: -webkit-flex;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            .icon-two {
                                margin-left: 10px;
                            }
                            // i {
                            //     margin-left:10px;
                            // }
                        }
                    }


                }

                
            }
            .sug-btn {
                .btns {
                    display: flex;
                    flex-direction: column;
                    span {
                        height:30px;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        font-size: 13px;
                        color:#666666;
                        img {
                            height:15px;
                            margin-right:5px; 
                        }
                    }
                }
            }
            .sug-new {
                .new-input {
                    display: flex;
                    input {
                        height:30px;
                        border: 1px solid #ccc;
                        border-radius: 4px;
                        padding-left: 5px;
                        width:135px;
                        margin: 0 auto
                    }
                }
                .keep-cancel {
                    margin-top: 8px;
                    display: flex;
                    justify-content: flex-end;
                    span {
                        margin-right:10px;
                    }
                    span:nth-child(1) {
                        color:rgba(102,102,102,1);
                    }
                    span:nth-child(2) {
                        color:rgba(73,123,236,1);
                    }
                }
            }
            
        }
        .use-suggest::after {
            position: absolute;
            display: inline-block;
            top: -5px;
            right: 10px;
            width: 0;
            height: 0px;
            content: '';
            border-style: solid;
            border-width: 6px;
            border-color: #fff #fff transparent transparent;
            transform: rotate(313deg);
            box-shadow: 1px -1px 1px #ccc;
        }


    }
}
.mint-indicator {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    .mint-indicator-wrapper {
        top: 50%;
        left: 50%;
        position: fixed;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.7);
        color: white;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        z-index: 3000;
    }
    .mint-indicator-mask {
        top: 0;
        left: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: transparent;
    }
}

.reissue-process-panel {
    height: 180px;
    .comment-box {
        height: 100%;
        .wrap-left {
            // height: 100%;
            &>div {
                height: 100%;
                border-right: 1px solid #eee;
                .opinion {
                    height: 100%;
                }
            }
        }
        .wrap-right {
            height: 100%;
            .sign {
                border: none;
            }
            .sign-btn {
                border-top: 1px solid #e5e5e5;
                border-bottom: 1px solid #e5e5e5;
            }
            .rewrite {
                border-top: 1px solid #e5e5e5;
            }
        }
        //补签的右边样式
        .reissue-wrap-right {
            width:100%;
            float:left;
            display: flex;
            flex-direction:column;
            .use-tip {
                display: inline-block;
                width: 100%;
                height: 25px;
                display: flex;
                justify-content: flex-end;
                align-items: center;
                font-size: 12px;
                padding-right: 10px;
                box-sizing: border-box;
                .common-opinion-icon {
                    margin-left: 3px;
                }
            }
            .btn-wrap {
                // height: calc(100% - 25px);
                .sign {
                    height: 50%;
                }
                .sign-rewrite {
                    height: 33.33%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    line-height: 32px;
                    color: #888888;
                    border: 1px solid #e5e5e5;
                    border-top-color: transparent;
                }
                .primary {
                    background:#ffffff;
                    color:#26a2ff;
                    border-top: transparent;
                }
                .sign-btn-top {
                    border-top: 1px solid #e5e5e5;
                }
                .sign-rewrite-sup {
                    border-top: 1px solid #e5e5e5;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #26a2ff;
                    color: #fff;
                }
            }
        }
    }
    
}