@lineBorderColor: #ECECEC;
@fontColor: #515151;
@Color: #fff;
@gridBorder: 1px solid #D9D9D9;
.ttk-gl-app-financeinit-accountrelation {
    width: 100%;
    height: 100%;
    background: @Color;
    padding: 0px;
    &-content {
        padding: 0px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        overflow: hidden; // border: @gridBorder;
        // border-top: none;
        // border-right: none;
        // border-bottom: none;
        background: #fff;
        max-width: 100%;
        flex: 1;
        &-header {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            label {
                font-size: 14px;
            }
            &-top {
                flex: 1;
                display: flex;
                flex-direction: row;
                justify-content: center;
                padding-bottom: 2px;
                align-items: center;
                color: #333333;
                border-top: @gridBorder;
            }
            &-bottom {
                flex: 1;
                display: flex;
                flex-direction: row;
                justify-content: space-around;
                border-top: @gridBorder;
                &-cell {
                    border-right: @gridBorder;
                }
            }
        }
        &-cell {
            border-right: @gridBorder;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 45px;
        }
        &-msgcell {
            white-space: pre-wrap;
            height: 45px;
        }
        &-msgcell.lineheight {
            line-height: 22px;
        }
    }
    &-footerborder {
        height: 1px;
        display: flex;
        justify-content: space-between;
        &-left {
            border-top: @gridBorder;
            width: 330px;
        }
        &-right {
            border-top: @gridBorder;
            flex: 1;
            margin-left: 19px;
        }
    }
    &-footer {
        height: 38px;
        margin: 0 auto;
        padding-top: 7px;
        &-btn {
            width: 80px;
            margin-left: 8px;
        }
    }
    .mk-datagrid-cellContent {
        flex: 1;
        display: flex;
        flex-direction: row; // justify-content: flex-start;
        padding: 0 0px;
    }
    .fixedDataTableLayout_rowsContainer>div:nth-child(3) div.mk-datagrid-cellContent {
        padding: 0px;
        display: flex;
        flex-direction: row;
        text-overflow: inherit;
        align-items: center;
    }
    .fixedDataTableLayout_main {
        border-top: none;
    }
    .mk-datagrid .public_fixedDataTable_main {
        display: flex;
        flex: 1;
        border-left: none;
        border-right: none;
        font-size: 12px;
    }
    .public_fixedDataTableCell_main {
        border-bottom: none !important;
    }
    // .mk-datagrid .public_fixedDataTable_header .public_fixedDataTableCell_main {
    //     background: #eaeaea !important;
    //     color: #333333;
    // }
    // .mk-datagrid .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_header {
    //     background: #eaeaea !important;
    // }
    // .public_fixedDataTable_scrollbarSpacer {
    //     top: 0px;
    //     background: #eaeaea;
    // }
    &-cell-left {
        padding-left: 8px;
        text-align: left;        
    }
    &-cell-right {
        padding-right: 8px;
        justify-content: flex-end;
    }
    .add {
        &:before {
            color: #33c2a1;
        }
        &:hover:before {
            color: #009875;
        }
    }
}

.auxiliary-setting {
    .ant-modal-body {
        font-size: 12px;
    }
}