

//overwrite antd css
.ant-form-item {
    margin-bottom:12px;
}
// .ant-pagination-item {
//     min-width: 25px;
//     height: 25px;
// }
//


.materialTable {
    height: 100%;
    .titleAndAction {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 16px;
        // margin-top: 16px;
        margin-bottom: 16px;
        border-bottom:  1px solid #DADEE6;
        .tableTitle {
            font-size: 16px;
            font-family: SourceHanSansCN-Bold, SourceHanSansCN;
            font-weight: bold;
            color: #17181A;
        }
        .actionBtn {
            height: 32px;
        }
        .addBtn {
            margin-left:8px;
        }
    }
    .tableList {
        height:75%;
        margin-bottom: 4%;
        overflow-y: scroll;
        .tableChild {
            position: relative;
             width: 100%;
             display: flex;
             flex-direction: row;
             justify-content: flex-start;
             margin-bottom: 10px;
             .check {
                 margin-right: 2%;
             }
             .tableChildContent {
                 display: flex;
                 flex-direction: row;
                 justify-content: flex-start;
                 align-items: center;
                 width: 78%;
                 .mainText {
                    width: 100%;
                    font-size: 14px;
                    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                    font-weight: 400;
                    color: #17181A;
                    margin-bottom: 1px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                 }
                 .subText {
                    position: relative;
                    width: 100%;
                    font-size: 12px;
                    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                    font-weight: 400;
                    color: #525866;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    &>span {
                        display: inline-block;
                        white-space:nowrap;
                        
                    }

                    // &.more {
                    //     &::after {
                    //         // position: absolute;
                    //         // right: 0;
                    //         // z-index: 99;
                    //         display: inline-block;
                    //         content: '...';
                    //         background-color: #fff;

                    //     }
                    // }
                 }
             }
             .action {
                 position: absolute;
                 right: 0;
                 a {
                     white-space: nowrap;
                     font-size: 12px;
                 }
             }
        }
    }
}