.app-account-subjects {
    width: 100%;
    height: 100%;
    position: relative; // background: #fff;
    &-tabs {
        border-bottom: none;
        padding: 6px 10px;
        padding-bottom: 0px;
        background: #fff;
        .ant-tabs-bar {
            margin-bottom: 0px !important;
        }
        .ant-tabs-bar {
            border-bottom: none !important;
        }
        .ant-tabs-nav-container {
            margin-bottom: 0px !important;
        }
    }
    &-tabs.cborder {
        border: 1px solid #d9d9d9;
    }
    &-content {
        padding: 0px;
        flex: 1;
        overflow: hidden;       
        background: #fff;
        .mk-datagrid .public_fixedDataTable_main {
            border-left: none;
            font-size: 12px;
            .fixedDataTableLayout_rowsContainer>div:nth-child(3) div.app-account-subjects-cell-oprate {
                text-overflow: inherit;
                padding: 6px;
            }
            .fixedDataTableLayout_rowsContainer>div:nth-child(3) div.app-account-subjects-cell-oprate-optrange {
                text-overflow: inherit;
                padding: 6px;
            }
        }
        // .fixedDataTableLayout_main {           
        //      border-right: none;
        // }
    }
    &-content.cborder {      
        border: 1px solid #d9d9d9;
        border-top: none;
    }
    &-header-right {
        position: absolute;
        right: 23px;
        top: 10px;
        height: 30px;
        width: 80px;
        cursor: pointer;
        &-text {
            font-size: 12px;
            position: absolute;
            right: 0;
            top: 5px;
        }
        &-icon {
            height: 30px;
            width: 30px;
            position: absolute;
            left: 0;
        }
        &:hover {
            color: @primary-color;
        }
    }
    &-cell-left {
        padding-left: 8px;
        text-align: left;
        &-code:hover {
            text-decoration: underline;
        }
    }
    &-cell-left-coderange {
        padding-left: 8px;
        text-align: left;
        &-code:hover {
            text-decoration: underline;
        }
    }
    &-cell-right {
        padding-right: 8px;
        justify-content: flex-end;
    } // &-header {
    //     height: 50px;
    //     flex: 0 0 50px;
    //     padding: 0 10px;
    //     flex-direction: row;
    //     &-left {
    //         flex-direction: row;
    //         align-items: center;
    //         .mk-input {
    //             width: 200px;
    //             margin: 0px 10px 0px 5px;
    //         }
    //         .mk-select {
    //             width: 100px;
    //             margin: 0px 10px 0px 5px;
    //         }
    //         .ant-calendar-picker {
    //             width: 200px;
    //             margin: 0px 10px 0px 5px;
    //         }
    //     }
    //     &-right {
    //         flex-direction: row;
    //         justify-content: flex-end;
    //         align-items: center;
    //         .mkicon {
    //             font-size: 22px;
    //         }
    //         .mk-btn {
    //             margin-right: 8px !important;
    //         }
    //     }
    // }  
    .ant-tabs-tab {
        margin: 0;
        width: 70px;
        text-align: center;
    }
    &-footer {
        height: 38px;
        margin: 0 auto;
        padding-top: 7px;
        &-btn {
            min-width: 80px;
            margin-left: 8px;
        }
    }
    .footervisible {
        display: none;
    }
    .add {
        &:before {
            color: #33c2a1;
        }
        &:hover:before {
            color: #009875;
        }
    }
}