.container[data-v-dd127f94]{display:block;position:relative;margin-top:6px;padding-left:32px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.container input[data-v-dd127f94]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-dd127f94]{position:absolute;top:2px;left:0;height:20px;width:20px;background-color:#eee}.container:hover input~.checkmark[data-v-dd127f94]{background-color:#ccc}.container input:checked~.checkmark[data-v-dd127f94]{background-color:#f9a601}.checkmark[data-v-dd127f94]:after{content:"";position:absolute;display:none}.container input:checked~.checkmark[data-v-dd127f94]:after{display:block}.container .checkmark[data-v-dd127f94]:after{left:8px;top:5px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.permissionTypeModal[data-v-767a1642]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden;width:800px;max-width:90vw;min-height:256px;overflow-y:scroll;max-height:80vh;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;z-index:728;font-size:14px;font-weight:500}.permissionTypeModal.isShow[data-v-767a1642]{opacity:1;visibility:visible}.permissionTypeModal[data-v-767a1642]::-webkit-scrollbar{width:5px;height:5px}.permissionTypeModal[data-v-767a1642]::-webkit-scrollbar-track{background:#f1f1f1}.permissionTypeModal[data-v-767a1642]::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.permissionTypeModal[data-v-767a1642]::-webkit-scrollbar-thumb:hover{background:#555}.permissionTypeModal .modalHeader[data-v-767a1642]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:17px 22px;border-bottom:2px solid #f5f5f5}.permissionTypeModal .modalHeader .header[data-v-767a1642]{font-size:20px;font-weight:500;margin-top:0}.permissionTypeModal .modalHeader img[data-v-767a1642]{cursor:pointer}.permissionTypeModal .accessTo[data-v-767a1642]{height:40px;padding:10px;background-color:#f5f5f5}.permissionTypeModal .permissionList[data-v-767a1642]{height:44px;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.permissionTypeModal .permissionList img[data-v-767a1642]{margin-right:12px}.backDrop[data-v-767a1642]{z-index:4;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.backDrop.isShow[data-v-767a1642]{opacity:1;visibility:visible}.permission-type-modal{padding:22px}.permission-type-modal .ant-table-thead>tr>th{background:#e4e6ef;border:1px solid #b5b5c3;padding:10px;text-align:left!important}.permission-type-modal .ant-table .ant-table-tbody>tr>td{background:#eff2f5;border:1px solid #e4e6ef;font-size:14px;font-weight:400;padding:5px 10px;height:52px}.permission-type-modal .ant-table .ant-table-tbody>tr>td:first-child{background:#e4e6ef;border-bottom:1px solid #eff2f5}.permission-type-modal .ant-table-column-title{font-size:16px;font-weight:700}.permissionListModal[data-v-1d7d7324]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden;width:500px;max-width:90vw;min-height:256px;overflow-y:scroll;max-height:80vh;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;z-index:728;font-size:14px;font-weight:500}.permissionListModal.isShow[data-v-1d7d7324]{opacity:1;visibility:visible}.permissionListModal .modalHeader[data-v-1d7d7324]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:17px 20px;border-bottom:2px solid #e0e0e0}.permissionListModal .modalHeader .header[data-v-1d7d7324]{font-size:20px;font-weight:500}.permissionListModal .modalHeader img[data-v-1d7d7324]{cursor:pointer}.permissionListModal .accessTo[data-v-1d7d7324]{height:40px;padding:10px;background-color:#f5f5f5}.permissionListModal .permissionList[data-v-1d7d7324]{height:44px;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.permissionListModal .permissionList img[data-v-1d7d7324]{margin-right:12px}.backDrop[data-v-1d7d7324]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.backDrop.isShow[data-v-1d7d7324]{opacity:1;visibility:visible}.UserDetailModal[data-v-0b0df998]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden;width:90%;width:600px;min-height:530px;max-height:92vh;overflow-y:scroll;overflow-x:hidden;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;z-index:728}.UserDetailModal[data-v-0b0df998]::-webkit-scrollbar{width:5px}.UserDetailModal[data-v-0b0df998]::-webkit-scrollbar-track{background:#f1f1f1}.UserDetailModal[data-v-0b0df998]::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.UserDetailModal[data-v-0b0df998]::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:1200px){.UserDetailModal[data-v-0b0df998]{max-height:-webkit-fill-available}}@media(max-width:575px){.UserDetailModal[data-v-0b0df998]{width:90%;max-height:92vh}}.UserDetailModal.isShow[data-v-0b0df998]{opacity:1;visibility:visible}.UserDetailModal .box-captrue[data-v-0b0df998]{background:#fff;padding:16px 16px 0}.UserDetailModal .modalHeader[data-v-0b0df998]{display:-webkit-box;display:-ms-flexbox;display:flex}.UserDetailModal .modalHeader .header[data-v-0b0df998]{font-size:16px;color:#181c32;font-weight:700;margin-left:-8px;margin-top:3px}.UserDetailModal .modalHeader img[data-v-0b0df998]{margin-top:4px;padding:0 16px 0 0}.UserDetailModal .subText[data-v-0b0df998]{color:#616161;margin:8px 0 16px;text-align:left}.UserDetailModal .title-platform[data-v-0b0df998]{color:#181c32;font-size:16px;margin-left:8px}.UserDetailModal .hr-top[data-v-0b0df998]{margin:16px -15px;border-color:#f5f5f5}.UserDetailModal .hr-low[data-v-0b0df998]{border-color:#e4e6ef}.UserDetailModal .box-qr[data-v-0b0df998]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-top:16px}.UserDetailModal .box-qr .text[data-v-0b0df998]{margin-left:16px;margin-top:-5px}.UserDetailModal .box-qr .title[data-v-0b0df998]{font-size:16px;color:#3f4254}@media(max-width:575px){.UserDetailModal .box-qr .title[data-v-0b0df998]{width:175px}}.UserDetailModal .box-qr .detail[data-v-0b0df998]{font-size:14px;color:#5e6278}.UserDetailModal .box-qr .box-website[data-v-0b0df998]{width:350px;word-break:break-word}.UserDetailModal .box-qr .box-website .website[data-v-0b0df998]{color:#f9a601;text-decoration:underline;font-size:14px}@media(max-width:575px){.UserDetailModal .box-qr .box-website[data-v-0b0df998]{width:175px}}.UserDetailModal .box-qr .br[data-v-0b0df998]{margin:10px 0}.UserDetailModal .box-qr .qr[data-v-0b0df998]{width:80px;height:80px}.UserDetailModal .iso-icon[data-v-0b0df998]{width:40px;height:40px}.UserDetailModal .information-box[data-v-0b0df998]{padding:12px;margin-bottom:10px;background-color:#f9f9f9}.UserDetailModal .mainDetail[data-v-0b0df998]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:left;-ms-flex-align:left;align-items:left;padding:24px 30px 16px;margin:0 auto;border-radius:5px;color:#616161;border:1px solid #c9c9c9;background-color:#f5f5f5}.UserDetailModal .mainDetail .body[data-v-0b0df998]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.UserDetailModal .mainDetail .copyBtn[data-v-0b0df998]{width:40px;height:40px;border-radius:4px;border:1px solid #7d7d7d;background:#f5f5f5;position:absolute;right:50px}.UserDetailModal .footerAction[data-v-0b0df998]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 16px 16px}.UserDetailModal .footerAction .copy[data-v-0b0df998]{margin-top:32px;min-height:40px;border:none;font-size:16px;font-weight:700;color:#b5b5c3;border-radius:6px;border:1px solid #b5b5c3;background-color:#fff;padding:8px 16px;line-height:10px}.UserDetailModal .footerAction .copy img[data-v-0b0df998]{margin-right:8px}.UserDetailModal .footerAction .closeBtn[data-v-0b0df998]{margin-top:32px;width:74px;height:40px;border-radius:6px;border:none;font-size:16px;font-weight:700;color:#fff;background-color:#f9a601}.backDrop[data-v-0b0df998]{z-index:4;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.backDrop.isShow[data-v-0b0df998]{opacity:1;visibility:visible}.wrap-3rdParty{margin-bottom:40px}.wrap-3rdParty .title-header{font-size:25px;line-height:1.18;letter-spacing:.25px}.wrap-3rdParty .title-header,.wrap-3rdParty .title-partners{font-weight:400;font-stretch:normal;font-style:normal;text-align:left;color:#212121}.wrap-3rdParty .title-partners{font-size:20px;line-height:normal;letter-spacing:normal}.wrap-3rdParty .datail-partners{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.57;letter-spacing:.15px;text-align:left;margin-top:10px;color:#757575}.wrap-3rdParty .border-header{border-bottom:2.9px solid #f5f5f5}.wrap-3rdParty .partners{background-color:#f5f5f5}.wrap-3rdParty .merchants{background-color:#fff;min-height:65vh}.wrap-3rdParty .merchants .content{margin:30px 24px 60px 24px;padding:0;background-color:#fff;border-radius:4px;border:none}.wrap-3rdParty .ant-list-item{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-right:2px solid #f5f5f5}.wrap-3rdParty .active.ant-list-item,.wrap-3rdParty .ant-list-item:hover{background-color:#fff;border-right:2px solid #f9a601}.wrap-3rdParty .how-to-box{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px;padding:10px;border-radius:4px;background-color:rgba(255,243,224,.35);margin-top:10px}.wrap-3rdParty .how-to-box .title-condition{font-size:16px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:.5px;text-align:left;color:#f9a601}.wrap-3rdParty .how-to-box .body-condition{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:.25px;text-align:left;color:#f9a601}.wrap-3rdParty input.form-control{height:40px}.wrap-3rdParty input.form-control::-webkit-input-placeholder{color:#b1b1b1;opacity:1}.wrap-3rdParty input.form-control::-moz-placeholder{color:#b1b1b1;opacity:1}.wrap-3rdParty input.form-control:-ms-input-placeholder{color:#b1b1b1;opacity:1}.wrap-3rdParty input.form-control::-ms-input-placeholder{color:#b1b1b1;opacity:1}.wrap-3rdParty input.form-control::placeholder{color:#b1b1b1;opacity:1}.wrap-3rdParty .form-control:disabled,.wrap-3rdParty .form-control[readonly]{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.wrap-3rdParty .btn-default{height:50px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:16px 24px;border-radius:4px;background-color:#f9a601;border-color:#f9a601;font-size:16px}.wrap-3rdParty .btn-default.h-40{height:40px}.wrap-3rdParty .btn-default:active,.wrap-3rdParty .btn-default:hover{background-color:#f9a601;border-color:#f9a601}.wrap-3rdParty .lbl-error{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.57;letter-spacing:.6px;text-align:left;color:#ff5252;margin-left:10px;margin-right:10px}.wrap-3rdParty .ant-alert-error{background-color:#ffebee;border:initial}.wrap-3rdParty .align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrap-3rdParty .btn-outline{height:40px;font-weight:500;border-radius:4px;color:#f9a601;font-size:16px}.wrap-3rdParty .btn-outline,.wrap-3rdParty .btn-outline:active,.wrap-3rdParty .btn-outline:hover{background-color:#fff;border-color:#f9a601}.wrap-3rdParty .justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.wrap-3rdParty .justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wrap-3rdParty .btn-back{float:right;cursor:pointer}.wrap-3rdParty .btn-back .icon-back{text-align:center;width:50px;height:35px;-webkit-box-align:center;-ms-flex-align:center;border:1.5px solid #c1c1c1;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center}.wrap-3rdParty .btn-back .icon-back .anticon{color:#5e5e5e}@media only screen and (max-device-width:450px)and (orientation:portrait){.wrap-3rdParty .merchants .content{margin:0}}.ant-message{left:-7px}.ant-message .anticon{top:-3px}.bg-none{background-color:initial;-webkit-box-shadow:initial;box-shadow:none}.breadcrumb-3rdParty.ant-breadcrumb{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#fff;padding:18px 12px 18px 24px;margin-bottom:16px}.breadcrumb-3rdParty.ant-breadcrumb .ant-breadcrumb-separator{margin:0 8px;color:#bdbdbd}.breadcrumb-3rdParty.ant-breadcrumb a,.breadcrumb-3rdParty.ant-breadcrumb span:last-child,.breadcrumb-3rdParty.ant-breadcrumb span:last-child a{color:#bdbdbd}.breadcrumb-3rdParty.ant-breadcrumb .title{color:#82b1ff}.breadcrumb-3rdParty.ant-breadcrumb .parent{color:#bdbdbd}.pb-permission[data-v-babcd2a4]{padding-bottom:100px!important}.mainContainer[data-v-babcd2a4]{border-radius:5px;padding:30px;border:1px solid #fafafa;background-color:#fff}@media only screen and (max-width:460px){.mainContainer[data-v-babcd2a4]{padding:6px}}.titleContainer[data-v-babcd2a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px}.title[data-v-babcd2a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.textTitle[data-v-babcd2a4]{font-size:34px;color:#000}.chip[data-v-babcd2a4]{margin:6px 0 0 16px;width:49px;height:32px;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;border-radius:24px;border:1px solid #ffb74d;background-color:#fff3e0}.text-label[data-v-babcd2a4]{padding-right:1px;font-size:20px;font-weight:500;line-height:1.2;letter-spacing:.15px;text-align:center;color:#f57c00}.search[data-v-babcd2a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.searchContainer[data-v-babcd2a4]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:444px;position:relative}@media only screen and (max-width:570px){.searchContainer[data-v-babcd2a4]{width:auto}}.searchContainer img[data-v-babcd2a4]{cursor:pointer;position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.searchInput[data-v-babcd2a4]{width:100%;height:56px;padding:0 12px 0 16px;border-radius:4px;border:1px solid #e0e0e0}.searchInput[data-v-babcd2a4]:focus{outline:none}.searchInput[data-v-babcd2a4]::-webkit-input-placeholder{color:#e0e0e0}.searchInput[data-v-babcd2a4]::-moz-placeholder{color:#e0e0e0}.searchInput[data-v-babcd2a4]:-ms-input-placeholder{color:#e0e0e0}.searchInput[data-v-babcd2a4]::-ms-input-placeholder{color:#e0e0e0}.searchInput[data-v-babcd2a4]::placeholder{color:#e0e0e0}.searchBtn[data-v-babcd2a4]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:195px;height:56px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 24px;border-radius:4px;background-color:#f9a601;color:#fff;font-size:16px;border:none}.searchBtn img[data-v-babcd2a4]{margin:0 8px 4px 0}.subTitle[data-v-babcd2a4]{margin-top:16px;height:20px;font-size:14px;font-weight:500;line-height:1.43;letter-spacing:.1px;color:#bdbdbd}hr[data-v-babcd2a4]{margin:24px -30px}.filterContainer[data-v-babcd2a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.filterContainer .btn-permission[data-v-babcd2a4]{width:157px;height:32px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border-radius:6px;border:1px solid #f9a601;background-color:#fff;color:#f9a601}.filter[data-v-babcd2a4],.filterContainer .btn-permission[data-v-babcd2a4],.filterItem[data-v-babcd2a4]{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;font-size:16px}.filter[data-v-babcd2a4],.filterItem[data-v-babcd2a4]{height:40px;padding:8px 16px;border-radius:4px;border:1px solid #e0e0e0;cursor:pointer;color:#616161;font-weight:500}.filter img[data-v-babcd2a4],.filterItem img[data-v-babcd2a4]{margin-left:8px}.filterMain[data-v-babcd2a4]{position:relative}.filterMain.active .filterDropdown[data-v-babcd2a4]{display:-webkit-box;display:-ms-flexbox;display:flex}.filterDropdown[data-v-babcd2a4]{z-index:3;border:1px solid #e0e0e0;border-radius:5px;top:52px;position:absolute;background-color:#fff;display:none;padding:0 0 64px 0;font-size:16px}.filterDropdown .filterLeft[data-v-babcd2a4]{width:250px;border-right:1px solid #e0e0e0}@media only screen and (max-width:460px){.filterDropdown .filterLeft[data-v-babcd2a4]{width:auto}}.filterDropdown .filterRight[data-v-babcd2a4]{width:250px}@media only screen and (max-width:460px){.filterDropdown .filterRight[data-v-babcd2a4]{width:auto}}.filterDropdown .filterRight[data-v-babcd2a4]:hover{display:block}.filterDropdown .filterRight .filterList[data-v-babcd2a4]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.filterDropdown .filterRight .filterList input[data-v-babcd2a4]{cursor:pointer}.filterDropdown .filterRight .filterList.input input[data-v-babcd2a4]{border:1px solid #e0e0e0;border-radius:5px;padding:5px;cursor:auto}.filterDropdown .filterRight .filterList.input input[data-v-babcd2a4]:focus{outline:none}.filterDropdown .filterList[data-v-babcd2a4]{height:42px;width:100%;padding:0 24px;border-bottom:1px solid #e0e0e0;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.filterDropdown .filterList.active[data-v-babcd2a4],.filterDropdown .filterList[data-v-babcd2a4]:hover{background-color:#fff3e0}.btnFilter[data-v-babcd2a4]{width:100%;position:absolute;bottom:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-weight:500;color:#00f}.btnFilter div[data-v-babcd2a4]{cursor:pointer}.btnFilter button[data-v-babcd2a4]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 18px;border-radius:4px;background-color:#f9a601;color:#fff;border:none}.roleContainer[data-v-babcd2a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px;margin:24px 0 0 0}.roleContainer .roleItem[data-v-babcd2a4]{width:300px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media only screen and (max-width:550px){.roleContainer .roleItem[data-v-babcd2a4]{width:100%}}.roleContainer .roleItem .roleHeader[data-v-babcd2a4]{border:1px solid #e0e0e0;border-bottom:none;border-radius:5px 5px 0 0;padding:16px}.roleContainer .roleItem .roleHeader .headerTab[data-v-babcd2a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.roleContainer .roleItem .roleHeader .headerTab button[data-v-babcd2a4]{width:56px;height:35px;border:1px solid #e0e0e0;background-color:#fff;border-radius:5px}.roleContainer .roleItem .roleHeader .textTitle[data-v-babcd2a4]{font-size:20px}.roleContainer .roleItem .roleHeader .chip[data-v-babcd2a4]{margin:0 0 0 8px}.roleContainer .roleItem .roleHeader .roleSubHeader[data-v-babcd2a4]{margin-top:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:62px;position:relative;margin-bottom:0;min-height:44px}.roleContainer .roleItem .roleHeader .roleSubHeader.showmore[data-v-babcd2a4]{-webkit-line-clamp:unset}.roleContainer .roleItem .roleHeader .roleSubHeader span[data-v-babcd2a4]{position:absolute;bottom:0;right:0;color:#2196f3;text-decoration:underline;cursor:pointer}.roleContainer .roleItem .roleBody[data-v-babcd2a4]{height:449px;border:1px solid #e0e0e0;border-radius:0 0 5px 5px;background-color:#fafafa}.roleContainer .roleItem .roleBody .sortByContainer[data-v-babcd2a4]{height:56px;padding:16px;color:#bdbdbd;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e0e0e0}.roleContainer .roleItem .roleBody .sortByContainer .sortFilter[data-v-babcd2a4]{cursor:pointer;position:relative}.roleContainer .roleItem .roleBody .sortByContainer .sortFilter:hover .sortDropdown[data-v-babcd2a4]{display:block;color:#000}.roleContainer .roleItem .roleBody .sortByContainer .sortFilter .sortDropdown[data-v-babcd2a4]{display:none;border-radius:5px;border:1px solid #e0e0e0;width:124px;position:absolute;right:0;background-color:#fff}.roleContainer .roleItem .roleBody .sortByContainer .sortFilter .sortDropdown div[data-v-babcd2a4]:first-child{border-bottom:1px solid #e0e0e0}.roleContainer .roleItem .roleBody .sortByContainer .sortFilter .sortDropdown div[data-v-babcd2a4]{text-align:center;padding:6px;cursor:pointer}.roleContainer .roleItem .roleBody .sortByContainer .sortFilter .sortDropdown div[data-v-babcd2a4]:hover{background-color:#fff3e0}.roleContainer .roleItem .roleBody .userListContainer[data-v-babcd2a4]{overflow-y:scroll;height:calc(100% - 56px)}.roleContainer .roleItem .roleBody .userListContainer[data-v-babcd2a4]::-webkit-scrollbar{width:5px;height:5px}.roleContainer .roleItem .roleBody .userListContainer[data-v-babcd2a4]::-webkit-scrollbar-track{background:#f1f1f1}.roleContainer .roleItem .roleBody .userListContainer[data-v-babcd2a4]::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.roleContainer .roleItem .roleBody .userListContainer[data-v-babcd2a4]::-webkit-scrollbar-thumb:hover{background:#555}.roleContainer .roleItem .roleBody .userListContainer .userList[data-v-babcd2a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;gap:6px;padding:8px;border-bottom:1px solid #e0e0e0}@media only screen and (max-width:460px){.roleContainer .roleItem .roleBody .userListContainer .userList[data-v-babcd2a4]{padding:16px 4px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.roleContainer .roleItem .roleBody .userListContainer .userList .userStatus[data-v-babcd2a4]{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;width:64px;height:32px;font-size:14px;font-weight:500;border-radius:24px}.roleContainer .roleItem .roleBody .userListContainer .userList .userStatus.active[data-v-babcd2a4]{color:#4caf50;background-color:rgba(76,175,80,.2)}.roleContainer .roleItem .roleBody .userListContainer .userList .userStatus.inactive[data-v-babcd2a4]{color:#ff5252;background-color:rgba(255,82,82,.2)}.roleContainer .roleItem .roleBody .userListContainer .userList .detail[data-v-babcd2a4]{text-align:left;margin-right:auto;margin-left:auto}@media only screen and (max-width:460px){.roleContainer .roleItem .roleBody .userListContainer .userList .detail[data-v-babcd2a4]{width:100%;text-align:center}}.roleContainer .roleItem .roleBody .userListContainer .userList .detail .userEmail[data-v-babcd2a4]{color:#bdbdbd;white-space:nowrap;width:145px;margin:0 auto;overflow:hidden;text-overflow:ellipsis}.roleContainer .roleItem .roleBody .userListContainer .userList .detail .userName[data-v-babcd2a4]{font-size:16px;font-weight:600;margin:5px auto 0 auto;color:#616161;white-space:nowrap;width:145px;overflow:hidden;text-overflow:ellipsis}.roleContainer .roleItem .roleBody .userListContainer .userList .action[data-v-babcd2a4]{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}@media only screen and (max-width:460px){.roleContainer .roleItem .roleBody .userListContainer .userList .action[data-v-babcd2a4]{margin-left:0}}.roleContainer .roleItem .roleBody .userListContainer .userList .action>[data-v-babcd2a4]{width:56px;height:35px;color:#2196f3;font-size:16px;font-weight:500;text-decoration:underline;border-radius:5px;border:1px solid #e0e0e0;background-color:#fff}.roleContainer .roleItem .roleBody .userListContainer .userList .action .copy[data-v-babcd2a4]{border-color:rgba(30,136,229,.10196078431372549)}.roleContainer .roleItem .roleBody .userListContainer .userList .action .edit[data-v-babcd2a4]{border-color:#bdbdbd}