.c--page-header[data-v-21358cf1]{background-color:#fff;padding:0 16px;overflow:hidden;height:50px;border-bottom:1px solid #e1e2e5}.c--page-header.no-nav .header-content[data-v-21358cf1]{margin-top:0;height:50px}.c--page-header.view-page[data-v-21358cf1]{height:80px}.c--page-header.no-bg-color[data-v-21358cf1]{background-color:inherit}.c--page-header .nav-box[data-v-21358cf1]{margin-top:8px;line-height:22px}.c--page-header .header-content[data-v-21358cf1]{margin-top:4px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.c--page-header .header-content[data-v-21358cf1],.c--page-header .header-title[data-v-21358cf1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c--page-header h1[data-v-21358cf1]{margin:0 8px 0 0;font-size:20px;line-height:28px;font-weight:700}.c--page-header h1 .btn-back[data-v-21358cf1]{height:28px}.c--text-tooltips[data-v-7b76dc53]{width:100%;font-size:0}.text-wrapper[data-v-7b76dc53]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;display:inline-block;vertical-align:middle;font-size:14px}.c--text-tooltips.suffix[data-v-7b76dc53]{vertical-align:middle}.c--text-tooltips.suffix .text-wrapper[data-v-7b76dc53]{max-width:calc(100% - 20px);padding-right:4px}.role-tips[data-v-de7319b8]{color:#000;line-height:22px;margin-top:10px}.role-tips .icon[data-v-de7319b8]{color:#337af4;position:relative;top:-2px}.c--role-edit[data-v-6488308d]{border:1px solid #eaecf1;line-height:22px;background-color:#fafbfd}.c--role-edit .module-line .module-title[data-v-6488308d],.c--role-edit .module-line[data-v-6488308d]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.c--role-edit .module-line .module-title[data-v-6488308d]{width:220px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px}.c--role-edit .module-line .module-title[data-v-6488308d]:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#eaecf1}.c--role-edit .module-line .module-content[data-v-6488308d]{padding:16px 24px;width:calc(100% - 220px)}.c--role-edit .module-line .sub-module-title[data-v-6488308d]{color:#a7b1bf}.c--role-edit .module-line .sub-module-content[data-v-6488308d]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 12px}.c--role-edit .module-line .sub-module-content .role-checkbox[data-v-6488308d]{width:230px}.c--role-edit .module-line .sub-module-title+.sub-module-content[data-v-6488308d]{margin-top:6px}.c--role-edit .module-line .sub-module-line+.sub-module-line[data-v-6488308d]{margin-top:12px}.c--role-edit .module-line+.module-line[data-v-6488308d]:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background-color:#eaecf1}.p--permission-roles[data-v-ef25188e]{position:relative}.p--permission-roles .flex-center[data-v-ef25188e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p--permission-roles .left-box[data-v-ef25188e]{position:relative;height:100%;width:300px}.p--permission-roles .left-box[data-v-ef25188e]:after{content:"";height:100%;width:1px;position:absolute;top:0;right:0;background-color:#e1e2e5}.p--permission-roles .left-box .role-item[data-v-ef25188e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:0;height:42px;padding:0 16px;position:relative;cursor:pointer}.p--permission-roles .left-box .role-item .action-box[data-v-ef25188e]{display:none}.p--permission-roles .left-box .role-item.active[data-v-ef25188e],.p--permission-roles .left-box .role-item[data-v-ef25188e]:hover{background-color:#ebf2fe}.p--permission-roles .left-box .role-item.active .action-box[data-v-ef25188e],.p--permission-roles .left-box .role-item:hover .action-box[data-v-ef25188e]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.p--permission-roles .left-box .role-item.active[data-v-ef25188e]:after,.p--permission-roles .left-box .role-item[data-v-ef25188e]:hover:after{content:"";position:absolute;width:4px;height:100%;top:0;right:0;background-color:#337af4}.p--permission-roles .left-box .role-item .role-name[data-v-ef25188e]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0}.p--permission-roles .left-box .role-item .role-name[data-v-ef25188e] .text-wrapper{font-size:16px;color:#333}.p--permission-roles .left-box .add-role-btn[data-v-ef25188e]{width:230px}.p--permission-roles .left-box .scrollbar[data-v-ef25188e]{padding:10px 16px}.p--permission-roles .right-box[data-v-ef25188e]{width:calc(100% - 300px)}.p--permission-roles .right-box .scrollbar[data-v-ef25188e]{padding:16px 24px}.p--permission-roles .roles-content[data-v-ef25188e],.p--permission-roles .roles-footer[data-v-ef25188e]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.p--permission-roles .roles-content[data-v-ef25188e]{height:calc(100% - 108px)}.p--permission-roles .roles-footer[data-v-ef25188e]{position:relative;height:50px}.p--permission-roles .roles-footer[data-v-ef25188e]:after{content:"";height:1px;width:100%;position:absolute;top:0;left:0;background-color:#e1e2e5}.p--permission-roles .roles-footer .right-box[data-v-ef25188e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 40px}.p--permission-roles .roles-footer .right-box .all-per-switch[data-v-ef25188e]{margin-left:48px}