// 基于 @VIEW/实体数据多项选择视图/VIEW.scss.ftl 生成
.ibizsample0002-mpickup-view{
    position: relative;
}



.dempickupview{
    .translate-contant {
        overflow: auto;
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        height: 100%;
        .translate-buttons {
            display: flex;
            align-items: center;
            text-align: center;
            margin-right: 12px;
            button {
                margin-bottom: 5px;
            }
        }
        .left, .right {
            width: 300px;
        }
        .right {
            border: 1px solid #e9e9e9;
            .mpicker-select {
                font-size: 16px;
                text-align: justify; 
                word-spacing: -3.8pt;
                line-height: 1.6;
                font-weight: bold;
                word-spacing: 10px;
                height: 100%;
                overflow: auto;
            }
            .mpicker-select > div {
                padding: 3px 10px;
                font-size: 14px;
                color: rgba(0, 0, 0, 0.85);
                font-weight: initial;
                cursor: pointer;
                min-height: 28px;
                border: 1px solid #e9e9e9;
                margin: 4px 4px;
                transition: all .3s;
            }
            .mpicker-select > div:hover {
                background: #ecf6fd;
            }
            .mpicker-select > .select{
                color: #108ee9;
                background: #ecf6fd;
            }
        }
        .center{
            width: calc(100% - 410px);
            flex: 100%;
            .pickupviewpanel {
                width: 100%;
                height: 100%;
            }
        }
    }
    .footer{
        display: flex;
        justify-content: end;
        >.ivu-btn {
            margin-left: 10px;
        }
    }
}