small{color:red;font-size:90%}.setting-page{display:flex;width:100%;height:100%}.setting-page:has(.overlay-bg){position:relative}.content-main{padding:30px 0 20px;height:100%}.setting-answer-page hr{color:#cecece;margin-bottom:20px}.setting-answer-page{width:100%;padding:15px 30px 40px 10px;overflow:hidden}.top-content-title.organize-dashboard-title h4{width:max-content;display:flex;gap:5px}.organize-dashboard-title h5 span{margin-left:10px;color:var(--text-primary-blue);padding:2px 10px;border-radius:10px;background:var(--blue-50)}.top-content-title.organize-dashboard-title h5{color:var(--text-body)}.top-content-title h4{font-size:var(--font-h4);font-weight:600}.top-content-title h5{color:var(--text-gray);margin:6px 0 16px;font-size:var(--font-primary);font-weight:400}.right-btn-answer{display:flex;align-items:center;gap:25px}.add-answer-btn{order:2}.btn-menu-box{display:flex;justify-content:space-between;align-items:center;position:relative;flex-direction:row-reverse}.btn-menu-box .user-btn-add{display:flex;gap:15px;order:2}.search-answers{gap:10px;display:flex}.show-item-box{padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.item-answer-setting{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;padding:10px;border-radius:3px;border-left:4px solid var(--white-color)}.item-answer-setting:hover{cursor:pointer;background:var(--blue-50);border-left:4px solid var(--text-primary-blue)}.content-text-image{display:flex;gap:15px;width:100%;height:100%;position:relative;align-items:center}.item-answer-setting .name-workspace{background:var(--text-primary-blue)}.item-answer-setting .show-img-answer figure{max-width:100%;width:100%;min-width:100%}.item-answer-setting figure{min-width:50px;max-width:50px;width:50px;height:50px;border-radius:10px;background:var(--nav-background);overflow:hidden;display:flex;align-items:center;justify-content:center}.item-answer-setting figcaption{color:var(--text-gray);max-width:calc(100% - 100px);display:flex;flex-direction:column}.item-answer-setting .description-answer{color:var(--text-gray);font-weight:400}.item-answer-setting figcaption span{color:var(--text-body);font-weight:600;max-width:500px}.item-answer-setting figcaption p,.item-answer-setting figcaption span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.item-answer-setting figcaption p{width:650px}.btn-item-options{display:flex;gap:10px;align-items:center}.btn-item-options .arrow-up svg{transform:rotate(180deg)}.btn-item-options .arrow-down,.btn-item-options .arrow-up{padding:20px;display:flex;align-items:center;justify-content:center;border-radius:10px;gap:10px;cursor:pointer}.btn-item-options .arrow-down,.btn-item-options .arrow-up,.remove-item-btn{background:var(--white-color);box-shadow:0 2px 4px 0 #4146611a;border:1px solid #ecf0f3}.remove-item-btn{color:var(--nav-gray)}.remove-item-btn svg path{fill:var(--nav-gray)}.btn-item-options .arrow-down:hover,.btn-item-options .arrow-up:hover,.remove-item-btn:hover{border:1px solid var(--Blue-Blue-200);background:var(--blue-50)}.btn-edit-options,.btn-remove-options{height:100%}.btn-remove-options .remove-item-btn.disabled-answer{background:var(--Blue-Blue-200)}.btn-remove-options .remove-item-btn.disabled-answer:hover{background:var(--blue-50)}.item-answer-setting:first-child .arrow-up,.item-answer-setting:last-child .arrow-down{pointer-events:none;opacity:.5}.answer-content-show{width:100%;height:100%;overflow:auto}.setting-create-channel .content-main{padding-bottom:0}.box-create-answer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--white-color);padding:30px 15px;border-radius:15px;box-shadow:0 2px 4px 0 #4146611a;width:600px;z-index:99999;max-height:80vh;overflow:auto;border:30px solid var(--white-color)}.box-no-border{border:none;padding:0 16px}.box-create-answer.active{z-index:999999}.box-width-auto{min-width:880px;width:auto}.box-formTypes-shortcut{border:none;padding:30px}.box-create-answer.delete-user-popup{border:15px solid var(--white-color)}.overlay-bg{width:100%;height:100%;position:fixed;background:#000;display:block;top:0;left:0;z-index:9999;opacity:.4}.pop-up-behide{z-index:10000}.title-box-create-answer{margin-bottom:20px}.title-box-create-answer h4{font-size:var(--font-h4);font-weight:600}.content-editor{margin-top:20px}.editor-box input,.text-content-editor textarea{padding-bottom:5px}.editor-box input::placeholder,.text-content-editor textarea::placeholder{color:#bdbdbd}.text-content-editor textarea{min-height:100px;width:100%;field-sizing:content;resize:none;overflow-wrap:anywhere;color:var(--text-body)}.show-img-answer{position:relative;width:100px;height:100px;left:0;bottom:10px;margin:0 0 10px}.show-img-answer figure{overflow:hidden;border-radius:10px;width:100%;height:100%;border:1px solid var(--light-border)}.button-create .add-new-answer,.button-create .cancel-btn{width:130px}.add-new-answer.disable{background:#f1f5f9;color:#cbd5e1;pointer-events:none}.button-create{margin-top:30px;display:flex;justify-content:center;gap:20px}.bottom-content-answer{margin-top:10px;display:flex;justify-content:space-between}.icon-editor{display:flex;gap:10px}.bottom-content-answer span{color:var(--text-gray)}.sub-path .path-top{font-weight:600}.sub-path .path-top:first-child:hover{cursor:pointer;color:var(--text-primary-blue)}.paginations .paginations-item{display:flex;padding:0 10px;margin:25px 0 0;justify-content:flex-end;color:var(--text-gray);font-weight:600}.paginations .paginations-item li{cursor:pointer;border:1px solid #ecf0f3;padding:5px 15px}.paginations .paginations-item li.active{border:1px solid var(--notification-color)}.paginations .paginations-item li.active,.paginations .paginations-item li:hover{color:var(--white-color);background:var(--notification-color)}.paginations .paginations-item li.pre-btn{border-radius:5px 0 0 5px;overflow:hidden}.paginations .paginations-item li.next-btn{border-radius:0 5px 5px 0;overflow:hidden}.setting-page-main .input-info{min-width:max-content;width:310px}.setting-page-main .input-info,.setting-page-main .input-info label{display:flex;flex-direction:column}.setting-page-main .input-info input,.setting-page-main .input-info input::placeholder{color:var(--text-body)}.setting-page-main .input-info input.btn-icon-primary{color:var(--white-color);padding-bottom:10px}.setting-profile{display:flex;gap:100px}.setting-profile figure{width:115px;height:115px;border-radius:50%;overflow:hidden}.setting-profile .upload-profile-picture{display:flex;align-items:center;flex-direction:column;gap:10px}.setting-profile .upload-profile-picture .input-file{display:none}.setting-profile .btn-upload-profile{border:1px solid #ecf0f3}.setting-profile .btn-upload-profile.disabled{color:var(--text-gray)!important;background:#f1f5f9;pointer-events:none!important;border-bottom:none!important;cursor:auto}.upload-info-user{position:relative;display:flex;flex-direction:column;gap:20px}.box-input.event-none .bar{opacity:0}.btn-bottom.user-general-btn{justify-content:flex-end;margin-top:30px}.change-password-form label{gap:1px}.setting-page-main{width:100%;position:relative;height:auto;max-height:calc(100% - 100px)}.setting-workspace-name{height:100%}.btn-save-setting{margin-left:auto;margin-top:20px}.setting-workspace-name .edit-profile-workspace-box{position:relative;padding:40px;background:var(--white-color);width:max-content;height:auto;z-index:9999;margin:0 auto;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;border-radius:15px}.setting-workspace-user{max-width:100%;height:calc(100% - 110px)}.setting-workspace-name .setting-general-workspace{display:flex;flex-direction:row;gap:50px;min-height:175px}.name-workspace-edit{padding-top:30px;position:relative}.name-workspace-edit input:first-child{width:310px}.btn-save-workspace{position:absolute;bottom:0;right:0}.logo-workspace-edit figure{width:115px;height:115px;border-radius:50%;overflow:hidden;border:3px solid #f5f5f5}.logo-workspace-edit,.logo-workspace-edit figure{display:flex;align-items:center;justify-content:center}.logo-workspace-edit{flex-direction:column;gap:20px;height:100%}.btn-item-options .time-stamp{max-width:max-content;width:max-content;color:var(--text-gray);padding-right:30px}.export-csv{display:flex;align-items:center;gap:10px;border:1px solid #ecf0f3;& span{font-weight:600}}figcaption.info-user-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.info-bottom-content,.info-top-content{display:flex;align-items:center;gap:10px}.info-top-content & span:first-child{font-weight:600px}.info-top-content .uuid-user{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:max-content}span.owner{color:var(--busy-color)!important;background:var(--busy-bg)}span.accountant,span.manager{color:var(--text-primary-blue)!important;background:var(--blue-50)}span.admin{color:var(--online-color)!important;background:var(--online-bg)}.info-bottom-content{& span.hide-content{display:none}& span:first-child{font-weight:600px;padding:2px 8px;border-radius:10px}& span:nth-child(2){font-size:var(--font-secondary);color:var(--text-gray);font-weight:400}}.item-answer-setting figure.profile-list-user{border-radius:50%}.pending .profile-list-user{background:var(--blue-50);border:1px dashed var(--text-gray)}.item-workspace-table .t-body-contact-fields .pending span{color:var(--text-gray)}.profile-list-user strong{font-size:28px;color:var(--white-color)}.item-answer-setting .info-bottom-content.description-workspace span{padding:2px 0;color:var(--text-gray)}.content-text-image .status-list-user{width:10px;height:10px;border-radius:50%;position:absolute;background:red;border:1px solid var(--white-color);left:33px;bottom:0;&.online{background:var(--online-color)}&.offline{background:var(--offline-color)}&.busy{background:var(--busy-color)}}.setting-assign-chat{margin-top:50px}.item-setting-assign{display:flex;align-items:flex-start;gap:50px;margin-bottom:20px;color:var(--text-gray)}.box-setting-assign-chat strong{font-size:14px;width:350px;display:block}.item-setting-assign span{width:350px}.item-setting-assign button{padding-left:10px;margin-top:4px}.item-setting-assign input{text-align:center;width:50px}.item-setting-assign.disabled{opacity:.5;pointer-events:none}.item-setting-assign.disabled *{cursor:not-allowed}.user-setting-pop-box{width:max-content;padding:0}.setting-auto-assign{display:flex;gap:100px;align-items:flex-start;padding-left:10px;justify-content:space-between;margin:10px 0}.text-setting-auto-assign{display:flex;flex-direction:column;align-items:flex-start}.text-setting-auto-assign p{color:var(--text-primary-blue)}.window-add-user .box-create-workspace{width:650px;max-width:650px;display:flex;flex-direction:column;align-items:flex-start;overflow-wrap:anywhere}.box-create-workspace .input-team-name{margin-bottom:1px}.box-create-workspace .email-and-role label input,.box-create-workspace .select-member{width:100%}.box-create-workspace .btn-bottom{width:100%;display:flex;align-items:center;justify-content:center}.show-item-profile{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-top:20px}.show-item-profile li{position:relative;width:calc(20% - 20px)}.show-item-profile li .selected-icon{position:absolute;bottom:0;left:50px}.show-item-profile figure{width:70px;height:70px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:700;border:3px solid var(--white-color)}.show-item-profile figure.active,.show-item-profile figure.fade:hover,.show-item-profile figure:hover{cursor:pointer;opacity:1;border:3px solid #edf4fe}.show-item-profile figure.fade{opacity:.3}.icon-close-add-user{position:absolute;filter:invert(1) brightness(1);width:25px;height:25px;bottom:calc(100%);left:calc(100%);cursor:pointer}.window-add-user{cursor:auto;position:fixed;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:9999;top:0;left:0}.box-add-user{background:var(--white-color);border-radius:10px;max-width:max-content;width:auto;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);padding:50px;z-index:9999}.photo-upload{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.photo-upload figure{width:115px;height:115px;border-radius:50%;overflow:hidden;position:relative;cursor:pointer}.photo-upload input{display:none}.photo-upload figure:hover .take-a-photo{opacity:1}.photo-upload .take-a-photo{width:100%;height:40%;position:absolute;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.title-top h4{font-size:var(--font-h4);font-weight:600}.create-new-user .email-and-role label input{width:400px}.create-new-user .email-and-role label{max-width:400px}.hidden-eye{position:absolute;top:5px;right:0;cursor:pointer;width:16px;height:16px}.hidden-eye.active svg path,.hidden-eye:hover svg path{fill:var(--text-primary-blue)}.email-and-role{display:flex;flex-direction:column;gap:21px;width:100%}.role-invite-by-email{position:absolute;bottom:0;right:0;height:100%;opacity:0;pointer-events:none;transition:all .1s}.role-invite-by-email.active{pointer-events:all;opacity:1}.show-list-role{position:relative;cursor:pointer}.show-list-role.active{& .arrow-role-list{transform:rotate(180deg)}}.email-and-role.active .list-user,.show-list-role.active .list-role{opacity:1;pointer-events:all}.email-and-role .list-user{max-height:200px;overflow:scroll}.email-user-list{display:flex;gap:20px;align-items:center}.email-user-list figure{border-radius:50%;height:30px;width:30px;overflow:hidden}.list-role{position:absolute;overflow:auto;padding:10px 0;background:var(--white-color);margin:0;box-shadow:1px 3px 6px 0 #00000026;width:100%;top:calc(100% + 5px);opacity:0;pointer-events:none;z-index:999;transition:all .15s}.list-role li{padding:10px 15px;color:var(--text-body);&:hover{color:var(--text-primary-blue);background:var(--blue-50);cursor:pointer}}.email-and-role label{display:flex;flex-direction:column;position:relative;align-items:flex-start;overflow-wrap:break-word}.email-and-role input::placeholder{color:#bdbdbd}.email-and-role label span{position:relative}.email-and-role label span:before{content:"*";color:red;position:absolute;top:0;left:calc(100% + 5px)}.email-and-role label input,.show-list-role{padding-bottom:3px;width:280px}.select-profile-workspace{text-align:left}.title-role{display:flex;align-items:center;justify-content:space-between}.title-role span.active{color:var(--text-body)}.btn-bottom{display:flex;align-items:center;justify-content:center;gap:20px}.btn-bottom input.disable{background:#f1f5f9;color:#cbd5e1;pointer-events:none}.input-team-name{margin-bottom:35px}.input-team-name.active .arrow-type-field svg{transform:rotate(180deg)}.setting-create-channel{overflow:auto}.show-item-channel{flex-direction:row;gap:30px;flex-wrap:wrap;max-height:100%;height:auto;padding-bottom:20px}.item-channel{border-radius:10px;text-align:right;position:relative;border:1px solid #ecf0f3;min-width:295px;max-width:295px;padding:20px;height:max-content;max-height:max-content;background:linear-gradient(217deg,rgba(196,215,255,.3),#fff),linear-gradient(127deg,rgba(206,168,255,.2),#fff);transition:box-shadow .3s ease,background .3s ease}.item-channel:hover{box-shadow:9px 9px 17px 0 #4146611a;cursor:pointer}.item-channel figure{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;overflow:hidden;background-color:#f5f5f5}.item-channel .content-channels{display:flex;gap:20px;justify-content:space-between;align-items:center}.show-list-channel-bar strong{display:flex;align-items:center;gap:8px}.show-list-channel-bar:hover{cursor:pointer;color:var(--text-primary-blue)}.show-list-channel-box:has(ul) .show-list-channel-bar svg{transform:rotate(180deg)}.show-list-channel-bar:hover svg path{fill:var(--text-primary-blue)}.setting-answer-page .show-list-channel-bar:hover hr{border-color:var(--Blue-Blue-200)}.item-channel .content-channels strong{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:block}.item-channel hr{margin:0 0 20px;border:none;border-top:1px solid #ecf0f3}.item-channel .content-text-channel{text-align:left;display:flex;flex-direction:column;margin-bottom:35px;height:max-content;max-height:max-content;gap:5px}.text-id-channel:hover span:nth-child(2){cursor:pointer;text-decoration:underline;color:var(--text-primary-blue)}.text-id-channel{display:flex;align-items:center;gap:10px}.text-id-channel span:nth-child(2){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-width:120px;text-overflow:ellipsis}.text-id-channel svg path{fill:var(--text-body)}.text-id-channel:hover svg path{fill:var(--text-primary-blue)}.item-channel .btn-manage{position:relative;box-shadow:0 2px 4px 0 #4146611a;border:1px solid #ecf0f3;font-weight:600;color:var(--nav-gray);padding:5px 20px;border-radius:50px;cursor:pointer;background:var(--white-color);transition:background .3s ease,color .3s ease}.item-channel .btn-manage:hover{background:var(--text-primary-blue);color:var(--white-color)}.content-text-channel .channel-url{margin-top:10px;width:200px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-secondary);color:var(--text-gray)}.create-channels-setting h5{margin-bottom:0}.setting-answer-page.create-channels-popup{position:fixed;background:rgba(0,0,0,.5);z-index:9999;height:100vh;width:100%;left:0;top:0}.top-content-title .go-back:hover{color:var(--text-primary-blue-hover);text-decoration:underline;font-weight:600}.top-content-title .go-back:hover svg path{fill:var(--text-primary-blue-hover)}.top-content-title .go-back{color:var(--text-primary-blue);cursor:pointer;display:flex;align-items:center;gap:5px;margin-bottom:10px;& svg{& path{fill:var(--text-primary-blue)}transform:rotate(90deg)}}.icon-close-popup{width:20px;height:20px;position:absolute;top:-15px;right:-20px;cursor:pointer}.icon-close-popup svg{width:100%;height:100%}.icon-close-popup svg path{fill:var(--white-color)}.popup-select-channel .top-content-title{min-height:auto}.popup-select-channel{padding:30px;background:var(--white-color);border-radius:10px;width:max-content;height:max-content;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);z-index:9999}.channel-icon-show{height:max-content;padding-bottom:0;padding-top:20px}.create-channels-setting hr{margin:20px 0;border-color:#f5f5f5}.item-all-channel{border-radius:10px;padding:30px;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;width:270px;border:1px solid #ecf0f3;max-height:166px;height:166px}.item-all-channel.line{background:linear-gradient(217deg,#e8fcee,#fff)}.item-all-channel.telegram{background:linear-gradient(217deg,#edf4fe,#fff)}.item-all-channel.facebook{background:linear-gradient(217deg,#f3edfe,#fff)}.item-all-channel:hover{box-shadow:9px 9px 17px 0 #4146611a;cursor:pointer}.item-all-channel figure{max-width:60px;max-height:60px;width:60px;height:60px}.item-all-channel figcaption span{font-weight:600;color:var(--nav-gray)}.description-add-new-channel ul{padding:5px 0 0}.Learn-more-tutorial{cursor:pointer;position:relative;top:10px;color:var(--text-primary-blue)}.Learn-more-tutorial:hover{color:var(--text-primary-blue-hover);cursor:pointer}.description-add-new-channel li{margin:5px 0}.description-add-new-channel a{text-decoration:none;color:var(--text-primary-blue)}.description-add-new-channel a:hover{text-decoration:underline;color:var(--text-primary-blue-hover)}.content-add-new-channel{padding-top:60px;display:flex;gap:30px;max-height:100%;min-height:max-content}.content-add-new-channel figure{width:100px;height:100px}.content-add-new-channel figcaption{position:relative;display:flex;flex-direction:column;gap:20px;width:550px;padding-right:20px;height:max-content}.btn-create-channel .btn-primary{padding:8px 40px}.content-add-new-channel figcaption .btn-create-channel{position:relative;margin-top:20px;display:flex;gap:50px;flex-direction:row-reverse}.content-add-new-channel .title-channel-name span{font-size:var(--font-secondary)}.content-add-new-channel .title-channel-name.url-channel span{color:var(--text-gray);word-wrap:anywhere;overflow-wrap:anywhere;text-transform:lowercase}.title-channel-name.url-channel .url-channel-copy{display:flex;gap:40px;align-items:flex-start;cursor:pointer;justify-content:space-between}.url-channel-copy span{max-width:calc(100% - 56px)}.url-channel figure{width:16px;height:16px;cursor:pointer}.url-channel figure path{fill:var(--text-gray)}.url-channel-copy:hover path{fill:var(--text-body)}.url-channel-copy:hover span{text-decoration:underline}.content-add-new-channel .add-name-channel,.content-add-new-channel .token-bot{display:flex;flex-direction:column}.content-add-new-channel label{font-size:var(--font-secondary);color:var(--text-gray)}.content-add-new-channel input{border-bottom:1px solid var(--text-gray);padding-bottom:3px}.content-main .content-manage-channel{padding-top:15px;height:auto;padding-bottom:100px}.warning-message .warning-message-text{padding:18px;background:#fffbeb;margin:20px 0}.warning-message .btn-delete-channel{background:var(--notification-color);padding:5px 20px;height:40px}.warning-message .btn-delete-channel.disabled{background:#f1f5f9;padding:5px 20px;height:40px;color:var(--text-gray);cursor:default}.warning-message .btn-delete-channel.disabled svg path{fill:var(--text-gray)}.setting-billing-page{min-height:100vh;overflow-y:auto;width:100%;position:relative;padding:0 0 15px}.billing-container{padding:15px 15px 0}.title-billing-box span{color:var(--text-gray);font-weight:600}.title-billing-box p{color:var(--text-gray);font-weight:400}.title-billing-box h2{color:var(--text-body);font-weight:600;font-size:20px}.title-billing-box span.btn-primary{color:var(--white-color)}.billing-box-item{padding:25px;border-radius:10px;border:1px solid var(--light-border)}.top-columns-content{display:flex;gap:20px;margin-bottom:20px}.next-billing{width:900px}.next-billing h2{margin-top:10px}.next-billing p{color:var(--text-primary-blue)}.next-billing p:hover{color:var(--text-primary-blue-hover);cursor:pointer}.next-billing .content{display:flex;justify-content:space-between}.next-billing-left-content strong{color:var(--text-primary-blue)}.next-billing-left-content .status-use{padding:2px 10px;border-radius:5px;margin-left:10px}.status-use.upgraded{color:var(--online-color);background:var(--online-bg)}.status-use.trial-less{color:var(--orange-400);background:var(--unread-bg)}.status-use.trial{color:var(--text-primary-blue);background:var(--blue-50)}.next-billing-right-content{margin-right:30px;text-align:center}.change-payment{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;position:relative;width:300px;padding-right:50px}.change-payment:hover{cursor:pointer;background:var(--blue-50)}.icon-payment{display:flex;align-items:center}.change-payment p{color:var(--text-primary-blue)}.change-payment .arrow-payment{position:absolute;right:20px;transform:rotate(270deg)}.bottom-columns-content h2{font-weight:400}.bottom-columns-content{display:flex;gap:20px}.bottom-columns-content .billing-box-item{width:320px;display:flex;flex-direction:column;gap:5px}.bottom-columns-content .channel-box.billing-box-item{width:240px}.bottom-columns-content .member-box.billing-box-item{width:410px;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row}.member-content-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;height:100%}.member-content-right p{color:var(--text-primary-blue)}.billing-box-item .bar-process-out{width:200px;height:8px;background:var(--light-gray);border-radius:4px}.billing-box-item .bar-process-out .bar-process-in{height:8px;background:var(--nav-gray);border-radius:4px}.cautions-section{padding:30px 0}.cautions-section .btn-delete-channel{background:var(--notification-color);padding:10px 20px}.cautions-section p{padding:10px 20px;background:#fef2f2;width:max-content;border-radius:10px;margin:15px 0}.buy-package-box{padding:10px;width:660px;display:flex;flex-direction:column;gap:15px}.buy-package-box h2{font-size:20px;font-weight:600}.buy-package-box h3{font-size:18px;font-weight:600}.buy-package-box p{color:var(--text-gray)}.package-detail,.summary-package-price{display:flex;align-items:center;justify-content:space-between}.btn-buy-package{margin-top:10px;display:flex;gap:20px;justify-content:center}.payment-history-box{height:auto;width:1024px}.payment-history-box h2{font-size:20px;font-weight:600}.title-payment-history{padding:10px;background:var(--white-color);width:100%}th span{display:flex;align-items:center;gap:5px;justify-content:center}.invoice-table{margin-top:20px;text-align:center;max-height:420px;overflow:auto;scrollbar-width:auto;position:relative}.invoice-table table{width:100%;border-collapse:collapse}.invoice-table table thead{background:var(--white-color)}.invoice-table td,.invoice-table th{text-align:center;border-bottom:1px solid #ecf0f3;color:var(--text-gray);width:max-content;padding:10px 40px}.invoice-table th{color:var(--text-body)}.invoice-table td:nth-child(5),.invoice-table td:nth-child(6){text-align:right}.invoice-table tr td:first-child,.invoice-table tr th:first-child{padding-left:0}.invoice-table a{color:var(--text-primary-blue)}.invoice-table span{color:var(--text-body)}.invoice-table td span{display:block}.sort-billing-date{cursor:pointer}.window-change-payment{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;background:rgba(0,0,0,.5);& h4{color:var(--text-body)}}.box-change-payment{background:var(--white-color);width:550px;border-radius:10px;margin:0 auto;top:50%;transform:translateY(-50%);padding:50px;gap:30px;flex-wrap:wrap;color:var(--text-gray)}.box-change-payment,.box-change-payment label{display:flex;flex-direction:column;position:relative}.box-change-payment h2{font-size:20px;font-weight:600;color:var(--text-body)}.icon-visa img{height:15px;width:auto}.icon-visa{position:absolute;right:0;display:flex;align-items:center;bottom:5px}.payment-input{width:100%;display:flex;flex-direction:column;margin-bottom:10px;padding-bottom:3px;position:relative;& ::placeholder{color:var(--text-gray)}}.payment-input label span{width:max-content;position:relative;&:before{content:"*";position:absolute;top:0;right:-15px;color:red;margin-right:3px}}.half-item{display:flex;gap:20px}.country-input figure{position:absolute;right:0;bottom:3px;cursor:pointer;padding:5px}.country-input figure.active svg{transform:rotate(180deg)}.country-input figure:hover svg path{fill:var(--text-primary-blue-hover)}.input-payment-form{display:flex;flex-direction:column;gap:5px;padding:0 15px}.icon-close-payment{position:absolute;bottom:calc(100% + 10px);left:calc(100% + 10px);width:30px;height:30px;cursor:pointer}.icon-close-payment span{position:absolute;display:block;width:100%;height:2px;background:#fff;top:50%}.icon-close-payment span:first-child{transform:rotate(45deg)}.icon-close-payment span:nth-child(2){transform:rotate(135deg)}.btn-payment{margin-top:20px;display:flex;justify-content:space-around}.remember-payment{display:flex;color:var(--text-body);align-items:center;width:100%;justify-content:space-between}.list-country{width:100%;height:200px;overflow:auto;background:var(--white-color);position:absolute;top:calc(100% + 5px);left:0;z-index:99;box-shadow:1px 3px 6px 0 #00000026;scrollbar-width:auto}.list-country li{padding:8px 16px;background:var(--white-color)}.list-country li:hover{cursor:pointer;background:var(--blue-50)}.item-workspace-table{width:100%;display:flex;height:100%}.item-workspace-table span{font-weight:600;color:var(--text-body)}.item-workspace-table .edit-box .btn-icon-primary{color:var(--white-color);font-weight:600}.item-workspace-table td,.item-workspace-table th{border-bottom:1px solid #eceef5}.item-workspace-table th{padding:10px}table th span svg:hover{cursor:pointer}table th span svg:hover path{fill:var(--text-primary-blue)}.item-workspace-table td{padding:5px 10px;text-align:center}.item-workspace-table table,.item-workspace-table thead{width:100%}.item-workspace-table .table-2{width:25%}.member-table strong{color:var(--text-primary-blue);cursor:pointer}.item-workspace-table .name-item-table{width:25%}.item-workspace-table .name-item-table span{justify-content:flex-start}.item-workspace-table .check-box-table{width:5%}.item-workspace-table .edit-table{width:20%}.item-workspace-table .menu-drop,.three-dots{position:relative}.three-dots{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:50px;gap:15px}.dot-menu-drop{min-width:35px;min-height:35px;height:35px;width:35px;border-radius:10px;border:1px solid #ecf0f3;display:flex;align-items:center!important;justify-content:center!important;gap:3px;background:var(--white-color)}.users-workspace-table .hidden{opacity:0;pointer-events:none}.item-workspace-table.users-workspace-table .edit-table{width:10%}.item-workspace-table.users-workspace-table .name-item-table{width:45%}.item-workspace-table .table-10{width:14%}.item-workspace-table .table-20{width:18%}.item-workspace-table .name-fields-table span{justify-content:flex-start;padding-left:10px}.item-workspace-table .t-body-contact-fields td{text-align:center}.name-fields-table strong{display:-webkit-box;display:block;-webkit-line-clamp:1;width:100%}.description-attribute span,.name-fields-table strong{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-attribute span{display:-webkit-box;-webkit-line-clamp:2}.item-workspace-table .t-body-contact-fields span{font-weight:400;text-align:left}.item-workspace-table .t-body-contact-fields{display:block;height:100%;overflow-y:auto;padding-bottom:5px}.btn-save-note span.btn-primary{font-weight:600}.btn-save-note span.btn-icon-primary{color:var(--white-color)}.users-workspace-table .profile-list-user{width:45px;height:45px;min-width:45px;min-height:45px;border-radius:50%;overflow:hidden}.box-role-user{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column}.role-selected-table .show-role-user-table{width:150px}.org-role,.role-selected-table .show-role-user-table{position:relative;display:flex;align-items:center;justify-content:center}.org-role{gap:5px;font-size:var(--font-secondary);cursor:pointer}.org-role:hover .info-role-org{opacity:1;pointer-events:all}.info-role-org{padding:10px;position:absolute;bottom:calc(100%);right:calc(100%);opacity:0;background:var(--nav-gray);color:var(--white-color);font-weight:600;border-radius:10px;pointer-events:none;transition:all .15s}.info-role-org p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;line-height:1.5;max-height:4.5em;width:160px}.show-role-user-table span{padding:5px 15px;border:1px solid #ecf0f3;height:35px;display:flex;align-items:center;justify-content:center;background:var(--white-color)}.show-role-user-table span:first-child{border-radius:10px 0 0 10px;flex-grow:1;color:var(--nav-gray)}.show-role-user-table span:nth-child(2){border-radius:0 10px 10px 0;border-left:none}.show-role-user-table span:nth-child(2):hover{cursor:pointer;background-color:var(--blue-50)}.show-role-user-table ul{position:absolute;width:100%;background:var(--white-color);left:0;top:calc(100% + 7px);z-index:9999;box-shadow:1px 3px 6px 0 #00000026;opacity:0;pointer-events:none;transition:all .15s;height:0}.show-role-user-table.active ul{opacity:1;pointer-events:all;height:auto}.show-role-user-table li{display:none}.show-role-user-table.active li{display:block}.role-selected-table li{padding:7px 10px}.show-role-user-table.only-show span{border-radius:10px;color:var(--text-gray)}.only-show span:nth-child(2){display:none}.role-selected-table li:hover{background-color:var(--blue-50);color:var(--text-primary-blue);cursor:pointer}.dot-menu-drop span{width:3px;height:3px;border-radius:50%;background:var(--text-body)}.dot-menu-drop:hover{cursor:pointer;background:var(--blue-50);border:1px solid var(--Blue-Blue-200)}.dot-menu-drop:hover span{background:var(--text-primary-blue)}.menu-drop.active .dot-menu-drop{background:var(--blue-50)}.menu-drop.active .dot-menu-drop span{background:var(--text-primary-blue)}.item-workspace-table .list-role-menu.up-role{bottom:calc(100% + 7px);top:auto}.item-workspace-table table{width:100%;border-collapse:collapse;height:100%;display:block}.item-workspace-table tbody tr,.item-workspace-table thead tr{display:table;width:100%;table-layout:fixed}.item-workspace-table tbody tr:has(.menu-drop.active){z-index:9999!important}.item-workspace-table tbody{display:block;width:100%}.name-workspace-item{display:flex;align-items:center;gap:10px}.name-workspace-item figure{width:45px;height:45px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.drop-menu-dots{padding:0;margin:0;position:absolute;top:calc(100% + 5px);right:5px;text-align:left;z-index:999;background:var(--white-color);box-shadow:1px 3px 6px 0 #00000026;opacity:0;pointer-events:none;transition:all .15s;height:0}.menu-drop.active .drop-menu-dots{opacity:1;pointer-events:all;height:auto}.drop-menu-dots.up-drop{bottom:calc(100% + 5px);top:auto}.menu-drop.active li{display:block}.drop-menu-dots li{display:none;padding:10px;min-width:150px;background:var(--white-color)}.drop-menu-dots li:hover{color:var(--text-primary-blue);background:var(--blue-50);cursor:pointer}.box-delete{text-align:left}.box-delete .btn-bottom{width:auto}.box-delete p{margin-top:10px;color:var(--text-gray)}.box-delete .info-user-form-workspace{gap:30px}.info-user-form-workspace{display:flex;gap:50px;align-items:flex-end;margin:30px 0;width:100%}.info-user-form-workspace.invite-user{flex-direction:column;gap:80px}.box-invite{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;height:35px;gap:30px}.box-invite label,.box-invite label input,.invite-user-email{display:block;width:100%;height:100%}.invite-form{display:flex;gap:30px;height:100%}.title-invite{position:absolute;bottom:calc(100% + 5px);left:0}.btn-invite-user{padding:0 10px;height:100%;width:160px;min-width:160px}.show-list-role.user-role-invite{width:110px;border:none;background:var(--white-color);padding:0;height:100%;border-radius:0 10px 10px 0;display:flex;align-items:center;justify-content:center}.title-role span:before{display:none!important}.user-role-invite .title-role{justify-content:center;gap:20px}.user-role-invite .title-role svg{margin-top:3px}.link-part{height:100%;padding-left:10px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-part span{overflow-x:auto;width:260px}.link-part .loading-spinner{display:flex;align-items:center;justify-content:center}.link-and-role{background:#f5f5f5;display:flex;align-items:center;flex-grow:1;height:100%;border:1px solid #f5f5f5;border-radius:10px}.invite-by-email .email-and-role{flex-grow:1;height:100%;display:flex;justify-content:center}.invite-by-email .email-and-role.invite-user-email input{height:100%}.invite-by-email .btn-invite-user.disable{color:#cbd5e1;background:#f1f5f9}.box-add-user.box-create-contact-field{width:max-content;min-width:480px;max-width:480px;gap:1px}.contact-filed-drop .toggle-post{opacity:.5}.contact-filed-drop .toggle-post.active{opacity:1}.icon-field-id{position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 15px);cursor:pointer}.icon-field-id:hover .hint-detail{left:calc(100% + 5px);opacity:1}.icon-field-id .hint-detail{pointer-events:none;position:absolute;bottom:0;left:calc(100% - 5px);padding:5px;border-radius:10px;width:250px;height:auto;opacity:0;transition:all .15s;background:var(--text-gray)}.icon-field-id .hint-detail p{text-align:center;overflow-wrap:break-word;color:var(--white-color)}.select-type-fields{position:relative;width:100%}.select-type-fields p{color:var(--text-body);text-align:left;font-weight:400;display:-webkit-box;-webkit-line-clamp:1!important;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.arrow-type-field{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center;z-index:9;cursor:pointer}.show-type-fields{position:absolute;width:100%;max-height:200px;overflow:auto;top:calc(100% + 5px);left:0;background:var(--white-color);box-shadow:1px 3px 6px 0 #00000026;pointer-events:none;opacity:0;z-index:99;height:0;transition:all .2s;padding:5px;border:1px solid var(--light-gray)}.show-type-fields.active{opacity:1;pointer-events:all;height:max-content;max-height:200px}.show-type-fields.upper,label.upper .show-type-fields.active{top:auto!important;bottom:calc(100% + 5px)!important}.item-type-fields{padding:10px;color:var(--text-body);text-align:left}.item-type-fields span{display:-webkit-box;-webkit-line-clamp:1!important;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.item-type-fields:hover{cursor:pointer;background:var(--blue-50)}.item-type-fields.active{background:var(--blue-50);pointer-events:none}.content-image-team figure{width:45px;height:45px;border-radius:50%;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center}.description-team{width:100%;max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.info-user-form-workspace.create-team-workspace{align-items:flex-start}.create-team-workspace .email-and-role label{margin-bottom:2px}.create-team-workspace figure .loading-spinner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.box-add-user.team-form-create{max-width:568px}.icon-search-member{width:16px;height:16px}.icon-search-member svg{width:100%;height:100%}.input-member-team{display:block;position:relative;width:100%}.input-member-team input{padding-left:25px}.input-member-team figure{position:absolute;top:50%;transform:translateY(-50%);right:5px}.input-member-team figure.icon-search-member{right:auto;left:5px;top:calc(50% - 3px);z-index:1}.show-member-selected span{color:var(--text-gray);margin-right:10px}.box-show-member-selected{padding:10px;border:1px solid var(--nav-background);margin:10px 0 0;display:flex;flex-direction:column;gap:5px;height:200px;max-height:200px;overflow:auto;max-width:300px;width:300px}.item-member-selected{padding:10px;border-radius:5px;background:var(--blue-50);display:flex;align-items:center;justify-content:space-between}.item-member-selected.fit-height{height:48px}.item-member-selected span{color:var(--text-body)}.item-member-selected .icon-close-member{width:13px;height:13px}.item-member-selected .icon-close-member:hover{cursor:pointer}.item-member-selected svg{width:100%;height:100%}.info-member{display:flex;align-items:center;gap:10px}.info-member figure{min-width:30px;height:30px;aspect-ratio:1/1;border-radius:50%;overflow:hidden}.show-detail-choice .more-choice-check input{width:max-content!important}.show-detail-choice .more-choice-check{display:flex;flex-direction:row;gap:10px!important;align-items:center;padding:5px 30px!important}.show-detail-choice{align-items:flex-end}.box-item-choice,.show-detail-choice{display:flex;flex-direction:column;gap:15px}.box-item-choice{margin-bottom:10px;width:100%}.show-detail-choice .box-item-choice label{flex-direction:row;gap:10px;align-items:center}.show-detail-choice .box-item-choice label input{width:100%}.box-item-choice label input{color:var(--text-body)}.check-box-choice{width:20px;height:20px;border-radius:3px;border:1px solid var(--text-gray);background:var(--white-color)}.btn-add-choice{background:var(--blue-50);border:1px solid var(--Blue-Blue-200);cursor:auto!important;border-radius:10px}.info-user-form-workspace.contact-fields-form{padding-right:0}.info-user-form-workspace.contact-fields-form .email-and-role{height:max-content;max-height:450px;padding:0}.info-user-form-workspace.contact-fields-form .email-and-role label{padding:0;gap:1px}.info-user-form-workspace.contact-fields-form .email-and-role label.choice-label{gap:10px}.contact-fields-form .email-and-role.scroll{overflow:auto}.box-toggle-post{justify-content:center}.box-toggle-post,.toggle-post{display:flex;align-items:center}.toggle-post{width:35px;height:20px;background:var(--nav-gray);border-radius:10px;box-shadow:0 2px 4px 0 #4146611a;justify-content:flex-start;padding:2px;transition:.3s linear;cursor:pointer}.toggle-post span{width:16px;height:16px;border-radius:50%;background:var(--white-color);transition:all .2s}.toggle-post.active{background:var(--text-primary-blue)}.toggle-post.active span{transform:translateX(calc(100% - 1px))}.box-delete .box-delete-btn button .btn-icon-primary{color:var(--white-color)}.box-delete-btn{justify-content:center;gap:30px;margin-top:30px}.alert-credit,.box-delete-btn{display:flex;align-items:center}.alert-credit{width:100%;gap:16px;padding:8px 32px;position:relative;top:0;left:0;background:var(--blue-50)}.alert-credit svg{width:16px;height:16px}.alert-credit svg path{fill:var(--text-primary-blue)}.alert-credit.less-credits{background:#fffbeb}.alert-credit.less-credits svg path{fill:#f59e0b}.alert-credit.none-credits{background:#fef2f2}.alert-credit.none-credits svg path{fill:#dc2626}.alert-credit strong{color:var(--text-primary-blue)}.setting-menu-closing-notes{width:max-content;min-width:385px}.item-menu-closing-notes{width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:30px}.item-menu-closing-notes strong{font-size:14px}.item-menu-closing-notes p{color:var(--text-gray);line-height:1.2}.btn-add-closing-notes .btn-primary{padding:8px 20px}.custom-view-chat{display:flex;flex-direction:column;gap:10px}.custom-view-chat strong{font-size:14px}.radio-custom-view-chat{width:270px;height:72px;display:flex;align-items:center;gap:5px;border-radius:5px;padding:16px;cursor:pointer;border:1px solid var(--border-color)}.text-custom-view-chat{display:flex;flex-direction:column;align-items:flex-start}.text-custom-view-chat strong{font-weight:500}.text-custom-view-chat p{color:var(--text-gray);font-size:12px}.radio-custom-view-chat.selected,.radio-custom-view-chat:hover{border:1px solid var(--Blue-Blue-200);background:#eff6ff}.input-radio-custom-view-chat{margin-right:.5rem;accent-color:var(--Blue-500)}.box-popup{flex-direction:column;border-radius:10px;position:relative;z-index:9999;max-width:max-content;width:auto;margin:0 auto;padding:30px 0}.box-popup,.btn-footer{display:flex;justify-content:center;align-items:center;background:var(--white-color)}.btn-footer{gap:20px;width:100%;position:sticky;bottom:0;padding-bottom:30px;padding-top:10px}.box-title-top{width:100%}.box-title-top h4{font-size:var(--font-h4);font-weight:600}.setting-menu-feedback{width:100%}.item-menu-open-feedback{width:385px;display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:30px}.item-menu-open-feedback p{color:var(--text-gray);line-height:1.2}.item-menu-feedback{width:460px;display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:30px}.item-menu-feedback strong{font-size:14px}.item-menu-feedback p{color:var(--text-gray);line-height:1.2}.btn-add-feedback .btn-primary{padding:8px 20px}.btn-all-feedback{padding:8px 35px;display:flex;align-items:center;justify-content:flex-start;width:max-content;border-radius:10px;gap:10px;cursor:pointer;font-weight:600;height:35px;min-width:250px}.btn-all-feedback-color{border:1px solid #ecf0f3}.btn-all-radio{font-weight:600;height:35px;min-width:250px;padding:8px 35px 8px 15px}.btn-delete-feedback{height:29px;min-width:10px;padding:0 5px;position:absolute;right:-45px}.btn-drag-and-drop{height:35px;min-width:35px;padding:5px 3px;cursor:move}.section-contact-page{display:flex;position:relative;width:100%;height:100%}.contact-nav p{color:var(--light-gray-text);margin-top:15px}.sub-contact ul li{display:flex;justify-content:space-between}.section-contact-page .user-table{max-width:100%;overflow-x:auto;scrollbar-width:auto;height:100%}.section-contact-page .user-table::-webkit-scrollbar{width:0}.section-contact-page table{width:100%;border-collapse:collapse;min-width:800px}.section-contact-page tr{border-bottom:1px solid #ecf0f3;position:relative}.section-contact-page tr td:first-child:before{left:0;border-radius:3px 0 0 3px;z-index:10}.section-contact-page tr td:first-child:before,.section-contact-page tr td:last-child:after{content:"";width:4px;height:100%;position:absolute;top:0;background:var(--text-primary-blue);opacity:0}.section-contact-page tr td:last-child:after{right:0;border-radius:0 3px 3px 0}.section-contact-page tbody tr:hover td:after,.section-contact-page tbody tr:hover td:before{opacity:1}.section-contact-page tbody tr:hover{background:var(--blue-50);cursor:pointer}.section-contact-page td:first-child,.section-contact-page th:first-child{text-align:left}.section-contact-page .attribute-table .title-attributes{width:100%;width:max-content;max-width:200px;overflow-wrap:anywhere;display:flex;gap:5px;align-items:center;cursor:pointer;margin:0 auto}.section-contact-page .attribute-table span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.section-contact-page .attribute-table{padding:12px 20px;max-width:max-content;min-width:165px}.section-contact-page td,.section-contact-page th{padding:7px;text-align:center}.section-contact-page td{color:var(--text-gray);position:relative;overflow-wrap:anywhere}.section-contact-page td .item-tag-contact{display:flex;gap:5px;flex-wrap:wrap;width:max-content}.section-contact-page td .item-tag-contact li{width:max-content;padding:0 10px;border-radius:5px;color:var(--text-body)}.section-contact-page .avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.section-contact-page .icon{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-and-profile{display:flex;align-items:center;gap:10px}.image-and-profile figure{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;overflow:hidden}.name-table span{justify-content:flex-start}.section-contact-page .user-table .check-box-table,.section-contact-page .user-table td.check-box-cm{width:10px;padding:0 15px}.name-table,.number-table{min-width:300px;width:300px}.channel-table{min-width:100px;width:100px}.birth-table,.message-table{min-width:190px;width:190px}.group-table{min-width:100px;width:100px}.activity-table{min-width:130px;width:130px}.section-contact-page .contact-main-container{padding-bottom:40px;height:calc(100% - 90px)}.contact-main-container table{position:relative;height:auto;width:100%}.contact-main-container thead{position:sticky;top:0;left:0;z-index:90;background:var(--white-color)}.pagination-contact{width:max-content;display:flex;gap:5px;padding:5px 0;align-items:center}.pagination-contact ul{display:flex;gap:5px;padding:0;margin:0}.number-total,.pagination-contact ul li{padding:3px 8px;border-radius:5px;background:var(--white-color);cursor:pointer}.number-total.active,.number-total:hover,.pagination-contact ul li.active,.pagination-contact ul li:hover{background:var(--blue-50);color:var(--text-primary-blue)}.pagination-next,.pagination-prev{display:flex;align-items:center;justify-content:center}.pagination-next.disabled,.pagination-prev.disabled{opacity:.5;pointer-events:none}.pagination-next svg path,.pagination-prev svg path{fill:var(--text-body)}.pagination-next:hover svg path,.pagination-prev:hover svg path{fill:var(--text-primary-blue)}.pagination-prev{transform:rotate(90deg)}.pagination-next{transform:rotate(270deg)}.advance-search-box,.info-user-contact-box{width:max-content;min-width:355px;max-width:355px;background:var(--white-color);z-index:9999;height:100%;position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:30px;border-left:1px solid #dce3f5;padding:50px 0}.info-user-contact-box{position:fixed!important;padding:0}.info-user-contact-box:hover{background:var(--white-color)}.title-advance-search{padding:0 30px 30px;display:flex;gap:10px;align-items:center;width:100%;border-bottom:1px solid #ecf0f3}.filter-to-search{padding:0 30px;display:flex;flex-direction:column;gap:16px;height:100%;overflow:auto}.filter-to-search .selector-business{padding-bottom:3px}.list-search-select{position:absolute;background:var(--white-color);z-index:999;transition:all .15s;width:100%;top:calc(100% + 5px);box-shadow:1px 3px 6px 0 #00000026;max-height:165px;overflow:auto;opacity:0;pointer-events:none;height:0}.list-search-select.active{opacity:1;pointer-events:all;height:auto}.list-search-select li{padding:10px 15px;background:var(--white-color);cursor:pointer;width:100%;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;line-height:32px}.list-search-select li:hover{background:var(--blue-50)}.filter-to-search .placeholder-text{color:var(--text-gray);width:100%;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.filter-to-search .placeholder-text.active{color:var(--text-body)}.filter-to-search label input::placeholder{color:var(--text-gray)!important}.filter-to-search .select-value-contact,.filter-to-search>label{position:relative;pointer-events:none;opacity:.5}.filter-to-search label.enable,.select-value-contact.enable,.select-value-contact.enable label{pointer-events:all;opacity:1}.filter-to-search label.active svg{transform:rotate(180deg)}.filter-to-search label.active ul{opacity:1;pointer-events:all;height:max-content}.remove-attribute-search{width:13px;height:13px;display:flex;align-items:center;justify-content:flex-end;position:relative;margin-left:auto}.remove-attribute-search svg{width:13px;height:13px;cursor:pointer}.remove-attribute-search:hover svg path{fill:var(--text-primary-blue)}.remove-attribute-search svg path{fill:var(--text-gray)}.btn-bottom-search{display:flex;justify-content:space-between;width:100%;gap:15px}.btn-bottom-search span{padding:8px;width:calc(50% - 5px)}.btn-bottom-search svg{width:16px}.advance-search-btn .searching.btn-primary{color:var(--text-primary-blue)}.advance-search-btn .searching.btn-primary svg path{fill:var(--text-primary-blue)}.advance-search-btn svg path{fill:var(--nav-gray)}.detail-contact-fields span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2rem;color:var(--text-gray)}.select-date-input .react-calendar{position:absolute;top:calc(100% + 5px);left:0;z-index:99}.react-calendar__navigation button:disabled,.react-calendar__tile:disabled{opacity:.5;background-color:var(--white-color)!important}.filter-to-search label.select-date-input.active svg{transform:none}.sub-menu-page.contact-nav{gap:0;padding-bottom:30px}.list-choice-attribute p{padding-left:10px;margin-top:5px}.list-choice-attribute label{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:3px 0;cursor:pointer;padding:3px 7px}.list-choice-attribute label:hover{cursor:pointer;color:var(--text-primary-blue)}.list-choice-attribute input{width:max-content;opacity:.8}.content-attribute-choice .text-content-attribute.tag-color span,.content-attribute-choice span,.text-content-attribute span{overflow:hidden;overflow-wrap:anywhere;line-height:18px}.content-attribute-choice .text-content-attribute.tag-color{display:flex;align-items:center;gap:5px}.content-attribute-choice{display:flex;align-items:center;gap:16px;justify-content:space-between;width:100%}.content-attribute-choice .text-content-attribute .color-dot-tag{width:13px;height:13px;min-width:13px;min-height:13px;margin:auto 0;border-radius:50%;display:inline-block;padding:0}.num-content-attribute,.number-content-attribute{margin-bottom:auto;min-width:max-content}.list-choice-attribute input[type=checkbox]:checked+.content-attribute-choice span{color:var(--text-primary-blue)}.list-choice-attribute label:has(>input[type=checkbox]:checked){background:var(--blue-50)}.search-contact.btn-menu-box{justify-content:flex-start;flex-direction:row}.search-contact .right-btn-answer{flex-direction:row-reverse}.search-contact .search-bar-answer{width:285px}.box-num-filter{padding:20px;background:var(--blue-50);margin-top:15px;display:flex;flex-direction:column;gap:10px;align-items:center}.box-num-filter .btn-clear-filter{height:30px;width:100%}.box-num-filter .btn-clear-filter:hover{background:var(--text-primary-blue);color:var(--white-color)}:root{--light-gray-text:#bdbdbd;--text-primary:#475569;--primary-gray-text:#94979f;--text-blue:#3f82f2}.sec-login{width:100%;height:100vh;position:relative;z-index:99}.bg-img-login{position:absolute;top:0;left:0;height:95%;pointer-events:none;z-index:1}.footer-login{position:absolute;bottom:30px;left:50px;z-index:99;color:var(--light-gray-text)}.footer-login a{color:var(--light-gray-text);text-decoration:none}.footer-login a:hover{color:var(--text-blue)}.box-content-login{width:450px;height:auto;padding:10px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%)}.box-content-login .logo-fav{width:100%;margin-bottom:30px}.box-content-login .logo-fav figure{width:120px;height:auto}.box-content-login .title-login{text-align:center;margin-bottom:10px}.box-content-login .title-login span{font-size:var(--font-h4);font-weight:600}.other-login{display:flex;flex-direction:column;gap:15px}.box-content-login .btn-google-login{border:1px solid #e2e8f0;color:var(--text-primary);padding:15px;display:flex;justify-content:center;gap:10px;background:transparent;border-radius:5px}.btn-google-login:hover{cursor:pointer;background:var(--blue-50)}.box-content-login .btn-google-login figure{width:25px;height:auto}.box-content-login hr{color:#f5f5f5;margin:25px 0}.box-content-login form label{padding:10px 0 0;display:flex;flex-direction:column}.box-content-login form label,form label small{position:relative;font-size:var(--font-secondary)}form label small{padding-top:3px;color:red;overflow-wrap:break-word;max-width:max-content;text-align:left;margin-bottom:1px}.box-content-login form label input{color:var(--text-body);padding-bottom:3px;margin-bottom:1px}.box-content-login form label input::placeholder{color:var(--light-gray-text)}.box-content-login input:focus{outline:none}.box-content-login form label .hidden-eye{position:absolute;top:5px;right:0;cursor:pointer}.box-content-login form label .hidden-eye:after{display:none}.box-content-login form label .hidden-eye.active path,.box-content-login form label .hidden-eye:hover path{fill:var(--text-primary-blue)}.box-content-login form .forget-password-text{display:flex;align-items:center;justify-content:flex-end;padding-top:10px}.box-content-login form .forget-password-text span{color:var(--primary-gray-text)}.box-content-login form .forget-password-text span:hover{color:var(--text-primary-blue);cursor:pointer}.forget-password-text .stay-login{display:flex;align-items:center;gap:5px}.stay-login input:hover{cursor:pointer}.box-content-login .btn-primary.logout-verify{color:var(--nav-gray);border:1px solid #ecf0f3;background:var(--white-color)}.box-content-login .btn-primary.logout-verify:hover{border:1px solid var(--Blue-Blue-200);background:var(--blue-50)}.box-content-login .register-text{text-align:center;color:var(--primary-gray-text)}.box-content-login .register-text strong{color:var(--text-blue);transition:all .1s}.box-content-login .register-text strong.disable{color:var(--text-gray)}.box-content-login .register-text strong.disable:hover{border:none;cursor:auto}.box-content-login .register-text strong:hover{cursor:pointer;border-bottom:1px solid var(--text-primary-blue)}.form-confirm-password{margin-top:50px}.form-confirm-password label,.form-welcome-page label{margin-bottom:1px}.form-confirm-password p{color:var(--text-gray)}.create-organization-btn{display:flex;justify-content:space-around;margin:20px auto;gap:20px}.box-content-login .register-btn{margin:0}.otp-inputs{display:flex;justify-content:center;margin:20px 0}.otp-field{width:40px;height:40px;margin:0 5px;font-size:20px;border:1px solid var(--light-gray-text);color:var(--text-gray);border-radius:10px}.otp-field,.reset-password p{text-align:center}.reset-password p span{color:var(--text-body)}.reset-password-btn{margin-top:20px}.form-welcome-page{display:flex;flex-direction:column;gap:10px}.form-welcome-page .necessary{position:relative;width:max-content}.form-welcome-page .necessary:before{content:"*";position:absolute;top:0;left:calc(100% + 5px);color:red}.box-content-login form label input::placeholder{font-size:var(--font-primary)}.box-content-login form label.selector-info ul,.filter-selector ul,.setting-page-main .selector-info ul{opacity:0;pointer-events:none;box-shadow:1px 3px 6px 0 #00000026;position:absolute;background:var(--white-color);width:100%;top:calc(100% + 5px);left:0;padding:0;z-index:99;max-height:105px;overflow:auto;transition:all .2s;color:var(--text-body)}.box-content-login form label.selector-info ul li,.filter-selector ul li,.setting-page-main .selector-info ul li{cursor:pointer;background:var(--white-color);padding:7px}.filter-selector ul li{max-width:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-content-login form label.selector-info ul li:hover,.filter-selector ul li.active,.filter-selector ul li:hover,.setting-page-main .selector-info ul li:hover{background:var(--blue-50)}.box-content-login form label.selector-info.active ul,.filter-selector.active ul,.setting-page-main .selector-info.active ul{opacity:1;pointer-events:all}.box-content-login form label.selector-info.active svg,.filter-selector.active svg{transform:rotate(180deg)}.selector-business{cursor:pointer;display:flex;justify-content:space-between;width:100%;align-items:center}.selector-business span{font-size:var(--font-primary);color:var(--text-body)}.alert-password-verify{width:100%;text-align:center;color:#dc2626;margin-top:15px}.type-business{display:none}.registerForm label span{position:relative;width:max-content}.registerForm label span:after{content:"*";position:absolute;color:red;top:0;left:calc(100% + 2px)}.registerForm{display:flex;flex-direction:column;gap:10px}.dashboard-page{display:flex;position:relative;width:100%;height:100%}.dropdown-menu-closeby{padding:10px;display:flex;align-items:center;justify-content:space-between;background:var(--white-color);width:max-content}.dropdown-menu-closeby .selector-info.filter-selector ul{opacity:0!important;display:none}.dropdown-menu-closeby .filter-selector ul{z-index:98!important}.dropdown-menu-closeby .select-organize-notification{display:flex;align-items:center;justify-content:space-between;gap:15px}.dropdown-menu-closeby .selector-info{position:relative;min-width:150px;max-width:300px;width:254px;padding:5px 15px;border-radius:5px;border:1px solid #f5f5f5;background:var(--white-color);height:35px}.dropdown-menu-closeby .selector-info:hover{cursor:pointer;background:var(--blue-50)}.dropdown-menu-closeby .selector-info.active ul{opacity:1!important;pointer-events:all!important;transition:all .15s;margin:0;padding:0;position:absolute;background:var(--white-color);box-shadow:1px 3px 6px 0 #00000026;width:254px;left:0;top:calc(100% + 10px);display:block;z-index:12;overflow:auto}.dropdown-menu-closeby .selector-info.active ul li{padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dropdown-menu-closeby .selector-info.active ul li:hover{cursor:pointer;background-color:var(--chat-hover);color:var(--text-primary-blue)}.dropdown-menu-closeby .filter-selector,.dropdown-menu-closeby .filter-selector.active{min-width:150px;max-width:300px;width:254px}.btn-all-q.btn-primary.btn-text-primary.active,.btn-result-q.btn-primary.btn-text-primary.active{border:1px solid var(--Blue-Blue-200);background:var(--blue-50);color:var(--text-primary-blue)}.card-box-question{border:1px solid #ecf0f3;border-radius:30px;height:310px;padding:20px;min-width:490px;max-width:1750px;cursor:pointer}.text-card{display:flex;justify-content:space-between;align-items:start}.text-card h1{display:-webkit-box;-webkit-line-clamp:2!important;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:36px;max-width:calc(70% - 10px);word-wrap:break-word;line-height:1.5}.text-card h1,.text-card h4{font-size:var(--font-primary);font-weight:600}.text-card span{color:var(--text-gray);font-size:var(--font-primary)}.btn-see-more{width:max-content;height:max-content}.btn-see-more,.btn-see-more.active,.btn-see-more:hover{color:var(--text-primary-blue)}.grid-container{display:grid;column-gap:calc(5% - 0px)}.line-name-and-ans{display:flex;gap:10px;padding-bottom:7px;border-bottom:1px solid #ecf0f3}.profile-img{width:20px;height:20px}.profile-img,.profile-img img{border-radius:50%}.line-name-and-ans .profile-name{display:flex;gap:5px}.profile-name .name-text{display:inline-block}.chart-wrapper .chartjs-legend li,.line-name-and-ans .person-ans,.profile-name .name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-wrapper .chartjs-legend li{max-width:200px}.dropdown-menu-result{padding:10px;display:flex;align-items:center;justify-content:space-between;background:var(--white-color);width:40%;max-width:450px}.dropdown-menu-result .selector-info.filter-selector ul{opacity:0!important;display:none}.dropdown-menu-result .filter-selector ul{z-index:98!important}.dropdown-menu-result .select-organize-notification{display:flex;align-items:center;justify-content:space-between;gap:15px}.dropdown-menu-result .select-organize-notification span{width:100%}.dropdown-menu-result .selector-info{position:relative;padding:5px 15px;border-radius:5px;border:1px solid #f5f5f5;background:var(--white-color);height:35px;width:100%}.dropdown-menu-result .selector-info:hover{cursor:pointer;background:var(--blue-50)}.dropdown-menu-result .selector-info.active ul{opacity:1!important;pointer-events:all!important;transition:all .15s;margin:0;padding:0;position:absolute;background:var(--white-color);box-shadow:1px 3px 6px 0 #00000026;width:100%;left:0;top:calc(100% + 10px);display:block;overflow:auto;z-index:12}.dropdown-menu-result .selector-info.active ul li{padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dropdown-menu-result .selector-info.active ul li:hover{cursor:pointer;background-color:var(--chat-hover);color:var(--text-primary-blue)}.box-result{border:1px solid #ecf0f3;border-radius:30px;height:310px;padding:20px;width:100%}.text-box{display:flex;align-items:baseline;gap:5px}.text-box span{color:var(--text-gray);font-size:var(--font-primary)}.text-box h4{font-size:14px;font-weight:600}.box-content-login form label.selector-info.active .icon-star svg,.filter-selector.active .icon-star svg{transform:none!important}.dropdown-menu-closeby .filter-selector .select-organize-notification span .profile-select-choice{display:flex}.container-result .card-box-question.active{cursor:default}