/**
 * 功能权限页面样式
 */
@import "@/styles/mixin.scss";

$border: 1px solid #d2d3d5;

.features-component {
    width: 100%;
    position: relative;
    border: $border;
    background-color: #fff;

    .tip-pack {
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #d2d3d5;
        //border-top: 1px solid #d2d3d5;
    }

    .module-method {
        margin-top: 16px;
        height: 38px;
        line-height: 38px;
        position: relative;
        border-bottom: $border;
        border-left: $border;
        border-right: $border;
        background: #f1f1f1;

        .module-lf {
            position: absolute;
            width: 200px;
            height: 100%;
            text-align: center;
            font-size: 14px;
            border-right: $border;
        }

        .method-rg {
            text-align: center;
            margin-left: 200px;
            font-size: 14px;
            height: 100%;
        }
    }

    .modules-main {
        overflow: auto;
        height: 90%;

        .features-component-main {
            position: relative;
            border-bottom: $border;
            border-right: $border;
            min-height: 38px;

            .main-lf {
                position: absolute;
                width: 200px;
                height: 100%;
                display: flex;
                padding: 4px 0;
                display: -webkit-flex;
                align-items:center;
                justify-content: flex-end;
                font-size: 14px;
                border-right: $border;
                border-left: $border;

                .el-checkbox {
                    margin: 0 15px 0 11px;
                }
            }

            .main-rg {
                margin-left: 200px;
                font-size: 14px;
                height: 100%;
                padding: 4px 0;
                align-items:center;

                .main-rg-item {
                    width: 20%;
                    float: left;
                    min-height: 30px;
                    line-height: 30px;

                    .el-checkbox {
                        margin: 0 10px 0 15px;
                    }
                }
            }
        }

        .submit {
            width: 100%;
            height: 34px;
            margin-top: 15px;
            text-align: right;

            .el-button--mini, .el-button--small {
                margin-right: 50px;
            }
        }
    }
}
