.view-default.depickupview.view-container, .view-default.dempickupview.view-container {
    .ivu-card-body {
        .content-container {
            .el-table {
                .el-table__header-wrapper,.el-table__fixed-header-wrapper{
                    background: #F6F6F6;
                    thead>tr th {
                        background: #F6F6F6;
                    }
                }
                .el-table__body-wrapper,.el-table__fixed-body-wrapper{
                    height: calc(100% - 45px);
                    .grid-selected-row {
                        background-color: var(--ctrl-select-color);
                    }
                }
            }
        }
    }
}

.app-modal .ivu-modal .ivu-modal-content .ivu-modal-body .view-container.dempickupview.view-default {
    padding-right: 14px;
    padding-bottom: 0px;
}

.view-default.dempickupview.view-container {
    padding-right: 14px;
    .pickupviewpanel >.view-default.depickupgridview  {
        .ivu-card-body {
            .content-container.pickup-view {
                overflow: hidden;
                padding: 8px 14px;
                background-color: #f6f6f6;
            }
            .content-container {
                .el-table {
                    .el-table__header-wrapper,.el-table__fixed-header-wrapper{
                        background: #E9E9E9;
                        thead>tr th {
                            background: #E9E9E9;
                        }
                    }
                    .el-table__body-wrapper,.el-table__fixed-body-wrapper{
                        height: calc(100% - 45px);
                        .grid-selected-row {
                            background-color: var(--ctrl-select-color);
                        }
                    }
                }
                .grid-pagination {
                    background-color: #fff;
                    border-radius: 0 0 4px 4px;
                    box-shadow: 0px -1px 7px 0px rgba(225, 225, 225, 0.5);
                    padding-right: 18px;
                    .page-button button {
                        height: 32px;
                        margin-top: 5px;
                    }
                }
            }
        }
    }

    .content-container.pickup-view {
        .translate-contant {
            .translate-buttons .buttons button {
                width: 32px;
                height: 32px;
                padding: 0;
                span i {
                    line-height: 2;
                }
            }
            .translate-buttons {
                width: 56px;
                > .buttons {
                    .icon{
                        margin: 0 auto;
                    }
                }
            }
            .center {
                width: calc(100% - 354px);
            }
            .right {
                background-color: #f6f6f6;
                border: none;
                border-radius: 2px;
                margin: 6px 0px 6px 4px;
                .mpicker-select .picker-item {
                    height: 32px;
                    background: #FFFFFF;
                    border-radius: 2px;
                    color: #666666;
                    border: none;
                    line-height: 32px;
                    font-size: 12px;
                    font-weight: 400;
                    padding: 0 0 0 20px;
                    margin: 10px;
                    &.select {
                        color: var(--ctrl-font-color-bright);
                    }
                }
            }

        }
        .footer {
            height: 58px;
            .ivu-card-body {
                padding: 10px;
            }
        }
    }
}