.mainBG[data-v-00b8c840]{position:fixed;top:0;left:0;width:100%;height:100%;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;background-color:rgba(0,0,0,.7);z-index:1256;visibility:hidden;opacity:0;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.mainBG.open[data-v-00b8c840]{visibility:visible;opacity:1}.mainBG .mainModal[data-v-00b8c840]{max-width:310px;width:100%;background-color:#eee;border-radius:12px;padding:30px;text-align:center}.mainBG .mainModal .titleText[data-v-00b8c840]{margin-left:8px;font-size:24px;color:#424242;font-weight:600}.mainBG .mainModal .details[data-v-00b8c840]{margin-top:10px;font-size:14px}#modalMaps .ant-modal{width:50%!important}#modalMaps .btn-submit-map{border:1px solid #f9a601;background-color:#f9a601;padding:0 15px;border-radius:5px;font-weight:500;font-size:14px;color:#fff;cursor:pointer}@media only screen and (max-width:600px){#modalMaps .ant-modal{width:90%!important}}@media only screen and (max-width:1280px){#modalMaps .ant-modal{width:80%!important}}.wrapper[data-v-31626809]{text-align:left!important;padding:0 30px}.wrapper .text-annual[data-v-31626809]{font-weight:500;line-height:20px}.map-btn[data-v-31626809]{cursor:pointer;padding:0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;border-radius:4px;border:1px solid #f9a601;color:#f9a601;font-size:16px;font-weight:500;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-cancel[data-v-31626809]{border:1px solid #f9a601;background:#fff;color:#f9a601;padding:0 16px;border-radius:6px}.bottom[data-v-31626809]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:24px 30px}.ant-form-item-label>label[data-v-31626809]{font-size:16px!important;font-weight:600!important;line-height:24px!important;letter-spacing:.5px!important;text-align:left!important;color:#424242!important}.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}.deleteModal[data-v-1478b9b7]{width:530px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden;padding:34px 34px 34px 48px;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:729}.deleteModal img[data-v-1478b9b7]{position:absolute;top:51%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-28px}.deleteModal.isShow[data-v-1478b9b7]{opacity:1;visibility:visible}.deleteModal .modalHeader[data-v-1478b9b7]{font-size:24px;position:relative}.deleteModal .subText[data-v-1478b9b7]{font-size:14px}.deleteModal .footerAction[data-v-1478b9b7]{text-align:end}.deleteModal .footerAction button[data-v-1478b9b7]{padding:8px 16px;border-radius:5px;margin:24px 8px 0 0}.deleteModal .footerAction .closeBtn[data-v-1478b9b7]{background-color:#fff;border:1px solid #e0e0e0}.deleteModal .footerAction .saveBtn[data-v-1478b9b7]{color:#fff;background-color:#ff5252;border:1px solid #ff5252}.backDrop[data-v-1478b9b7]{z-index:729;-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-1478b9b7]{opacity:1;visibility:visible}.create-user-permission-wrapper .breadcrumb-wrapper[data-v-357b8706]{margin-bottom:16px;padding:16px 30px}.create-user-permission-wrapper .page-title[data-v-357b8706]{padding:16px 32px;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;border-bottom:1px solid #f5f5f5}.create-user-permission-wrapper .page-title .left[data-v-357b8706],.create-user-permission-wrapper .page-title .right[data-v-357b8706]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-user-permission-wrapper .page-title .left[data-v-357b8706]{color:#212121}.create-user-permission-wrapper .page-title .left .back-btn[data-v-357b8706]{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 16px;border-radius:8px;border:1px solid #757575;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-user-permission-wrapper .page-title .left h5[data-v-357b8706]{font-size:24px;line-height:28.13px;text-align:left}.create-user-permission-wrapper .page-title .right[data-v-357b8706]{color:#616161}.create-user-permission-wrapper .page-title .right .delete[data-v-357b8706]{cursor:pointer;color:#ff5252;font-size:16px;font-weight:700;line-height:24px}.create-user-permission-wrapper .user-detail-wrapper[data-v-357b8706]{padding:30px;color:#424242}.create-user-permission-wrapper .user-detail-wrapper .role-detail[data-v-357b8706]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.create-user-permission-wrapper .user-detail-wrapper .role-detail .assign-to[data-v-357b8706]{font-size:16px;line-height:24px;letter-spacing:.5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.create-user-permission-wrapper .user-detail-wrapper .role-detail .user-status[data-v-357b8706]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px}.create-user-permission-wrapper .user-detail-wrapper .role-detail .user-status .info[data-v-357b8706]{font-size:16px;line-height:24px;letter-spacing:.5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.create-user-permission-wrapper .user-detail-wrapper .role-detail .info-icon[data-v-357b8706]{color:#bdbdbd;font-size:16px}.create-user-permission-wrapper .user-detail-wrapper .select-role-wrapper[data-v-357b8706]{margin:16px 0}.create-user-permission-wrapper .user-detail-wrapper .input-detail-wrapper[data-v-357b8706]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px;padding:0 0 30px;border-bottom:1px solid #f5f5f5}.create-user-permission-wrapper .user-detail-wrapper .input-detail-wrapper .input-wrapper[data-v-357b8706]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.create-user-permission-wrapper .user-detail-wrapper .input-detail-wrapper .input-wrapper .title[data-v-357b8706]{font-size:16px;font-weight:600;line-height:24px;letter-spacing:.5px;text-align:left}.create-user-permission-wrapper .user-detail-wrapper .input-detail-wrapper .input-wrapper .check-wrapper[data-v-357b8706]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-user-permission-wrapper .user-detail-wrapper .input-detail-wrapper .input-wrapper .check-wrapper .check-title[data-v-357b8706]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-weight:400;line-height:20px;letter-spacing:.25px;text-align:left}.create-user-permission-wrapper .user-detail-wrapper .input-detail-wrapper .on-center[data-v-357b8706]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-column:3/5;grid-row:4/5}.create-user-permission-wrapper .user-detail-wrapper .input-detail-wrapper .warning-wrapper[data-v-357b8706]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.create-user-permission-wrapper .user-detail-wrapper .input-detail-wrapper .warning-wrapper .warning[data-v-357b8706]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#757575}.create-user-permission-wrapper .user-detail-wrapper .input-detail-wrapper .warning-wrapper .valid[data-v-357b8706]{color:#bdbdbd}.create-user-permission-wrapper .user-detail-wrapper .input-detail-wrapper .two-block[data-v-357b8706]{grid-column:3/5;grid-row:3/4}.create-user-permission-wrapper .user-detail-wrapper .input-detail-wrapper .empty-area[data-v-357b8706]{height:24px}.create-user-permission-wrapper .user-detail-wrapper .select-branch-wrapper[data-v-357b8706]{color:#424242}.create-user-permission-wrapper .user-detail-wrapper .select-branch-wrapper .head[data-v-357b8706]{margin:30px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.create-user-permission-wrapper .user-detail-wrapper .select-branch-wrapper .head .title[data-v-357b8706]{font-size:20px;font-weight:500;line-height:24px;text-align:left}.create-user-permission-wrapper .user-detail-wrapper .select-branch-wrapper .head .action[data-v-357b8706]{gap:16px}.create-user-permission-wrapper .user-detail-wrapper .select-branch-wrapper .head .action .create-new-branch-btn[data-v-357b8706],.create-user-permission-wrapper .user-detail-wrapper .select-branch-wrapper .head .action[data-v-357b8706]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-user-permission-wrapper .user-detail-wrapper .save-permission[data-v-357b8706]{margin:30px auto 0;padding:16px;text-align:center;border-top:1px solid #f5f5f5}.create-user-permission-wrapper .user-detail-wrapper .save-permission .save-btn[data-v-357b8706]{padding:8px 6%;max-width:300px;min-width:200px}.create-user-permission-wrapper .user-detail-wrapper .danger[data-v-357b8706]{color:#ff5252;font-size:12px}