.ticket-related-select{display:flex;align-items:center;height:32px;padding:0 12px;border:1px solid var(--color-input-stroke-default);border-radius:6px!important;cursor:pointer;transition:all .2s;gap:8px}.ticket-related-select:hover{border-color:var(--color-input-stroke-hover)}.ticket-related-select.is-open{border-color:var(--color-input-stroke-focus);box-shadow:0 0 0 2px var(--color-input-shadow-focus)}.ticket-related-tags{flex:1;min-width:0;display:flex;align-items:center;position:relative}.ticket-tags-measure{display:flex;align-items:center;gap:4px;height:0;overflow:hidden;pointer-events:none;position:absolute;width:100%}.ticket-tags-visible{flex:1;min-width:0;display:flex;align-items:center;gap:4px;min-height:24px}.ticket-related-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-disable);cursor:pointer;padding:2px;transition:color .2s}.ticket-related-clear:hover{color:var(--color-blue-600)}.box-modal-create-quickly.email-modal .ant-select.ant-select-underlined .ant-select-arrow{inset-inline-end:0!important;right:0!important;margin:0!important;padding-bottom:8px!important;color:#667085!important;font-weight:400!important}.box-modal-create-quickly.email-modal .ant-btn-primary:disabled{background-color:#EAECF0!important;color:#9AA5B7!important}.box-modal-create-quickly .ant-modal-content{padding:0!important}.box-modal-create-quickly .ant-modal-header{margin-bottom:0!important;height:48px;padding:0 20px!important;display:flex;align-items:center}.box-modal-create-quickly .ant-modal-footer{margin-top:0!important;height:56px;background:none!important;padding:12px 20px!important}.box-modal-create-quickly.email-modal .ant-modal-footer{height:64px;padding:16px 20px!important}.box-modal-create-quickly .ant-modal-body{padding:12px 20px 0!important;overflow:visible!important}.box-modal-create-quickly .ant-modal-close{top:8px!important}.modal-quick-create.box-modal .ant-modal-body{padding:0!important}.email-content-modal-upload-file .wrapper-file .file-item{display:flex;align-items:center;background-color:#f5f5f5;width:100%;font-weight:700;padding:4px 4px 4px 8px;position:relative}.email-content-modal-upload-file .wrapper-file .file-item .file-name{width:calc(100% - 40px)}.email-content-modal-upload-file .wrapper-file .file-item .file-name .text{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;color:#15c;margin-right:5px}.email-content-modal-upload-file .wrapper-file .file-item .file-name .size{display:inline-block}.email-content-modal-upload-file .upload-file .ant-upload-select{width:100%;padding:0 20px}.email-content-modal-upload-file .upload-file .ant-btn{border-radius:3px!important;width:100%}:root{--tox-private-z-index-sink:10002}.email-editor-wrapper{margin:0;overflow:visible!important;.tox-tinymce,.tox.tox-tinymce{border:none!important;border-radius:0!important;overflow:visible!important}.tox .tox-editor-container,.tox .tox-editor-header{overflow:visible!important}.tox .tox-editor-header{margin:0 -20px!important;padding:6px 0!important;border:none!important;box-shadow:none!important;display:flex!important;justify-content:center!important;position:relative!important;z-index:1000!important;height:32px}.tox .tox-editor-header,.tox-toolbar{background:#F2F3F5!important}.tox-toolbar__group{padding:0!important;margin:0!important}.tox .tox-toolbar__group:not(:last-of-type){position:relative!important;&:after{content:"";position:absolute;right:0;top:10%;height:80%;width:1px;background:#c7cdd7}}.tox .tox-tbtn,button.tox-tbtn{width:fit-content!important;min-width:24px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;cursor:pointer}.tox .tox-tbtn:focus:after{display:none!important;box-shadow:none!important}.tox .tox-tbtn:hover{background:#e0e3e8!important;border-radius:3px!important}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled{background:#d0d5de!important;border-radius:3px!important}.tox .tox-tbtn--active:hover,.tox .tox-tbtn--enabled:hover{background:#c5cad3!important;border-radius:3px!important}.tox .tox-tbtn svg{transform:scale(.667)}.tox .tox-split-button__chevron{display:none!important}.tox-tbtn--select.tox-tbtn--bespoke{width:fit-content!important;min-width:unset!important;max-width:100px!important}.tox .tox-tbtn[aria-label^="Font size"]{width:50px!important}.tox-tbtn--select.tox-tbtn--bespoke .tox-tbtn__select-label{width:auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.tox .tox-sidebar-wrap{padding:0!important;margin-bottom:12px!important}.tox-sidebar-wrap .tox-edit-area{border-radius:0;padding:0!important;border:none!important;&:before{display:none!important}}.tox .tox-toolbar--scrolling{overflow:hidden!important}}.email-insert-link-popup{animation:fadeIn .15s ease}.email-link-form{background:white;border-radius:8px;padding:12px;box-shadow:0 6px 20px rgba(29,31,35,.25);display:flex;flex-direction:column;gap:8px;width:240px}.email-link-field{display:flex;flex-direction:column;gap:6px}.email-link-field label{font-size:14px;font-weight:500;color:#30476a;line-height:20px}.email-link-field input{height:24px;padding:4px 8px;border:1px solid #d0d5dd;border-radius:4px;font-size:14px;color:#1e375d;outline:none;background:white}.email-link-field input::placeholder{color:#9aa5b7}.email-link-field input:focus{border-color:#1677ff}.email-link-actions{display:flex;justify-content:flex-end;margin-top:4px}.email-link-insert{background:#1677ff;color:white;border:none;border-radius:4px;padding:2px 8px;font-size:14px;line-height:20px;cursor:pointer;transition:opacity .15s}.email-link-insert:disabled{background:#69B1FF;cursor:not-allowed}.email-link-insert:not(:disabled):hover{background:#0958d9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.email-attachments-wrapper{background:white;margin:0 -20px;padding:12px 2px 12px 20px}.email-attachments-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;max-height:72px;overflow-y:auto;padding-right:14px;&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{border-radius:12px;background:#98A2B3}}.email-attachment-item{display:flex;align-items:center;justify-content:space-between;height:32px;padding:8px 12px;border:1px solid #c7cdd7;border-radius:6px;background:white;overflow:hidden;gap:8px}.box-modal-create-quickly .ant-modal-title{width:100%}.note-modal-custom-size .ant-modal-content{height:280px!important;display:flex!important;flex-direction:column!important;overflow:hidden;padding:0!important}.note-modal-custom-size .ant-modal-header{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 16px!important;margin:0!important;display:flex;align-items:center}.note-modal-custom-size .box-modal-title{height:48px!important;width:100%}.note-modal-custom-size .ant-modal-body{height:232px!important;max-height:232px!important;padding:16px!important;box-sizing:border-box!important;display:flex;flex-direction:column}.note-modal-custom-size .note-textarea-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;margin:0;height:100%}.note-modal-custom-size .note-textarea-container{flex:1;min-height:0!important;height:auto!important}.note-modal-custom-size .note-textarea{height:100%!important}.note-modal-custom-size .note-buttons-container{flex-shrink:0}.task-modal-custom-size .ant-modal-content{height:max-content!important;max-height:calc(100vh - 56px);display:flex!important;flex-direction:column!important;overflow:hidden;padding:0!important}.task-modal-custom-size .ant-modal-header{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 16px!important;margin:0!important;display:flex;align-items:center}.task-modal-custom-size .box-modal-title{height:48px!important;width:100%}.task-modal-custom-size .ant-modal-body{height:auto!important;flex:auto!important;padding:16px!important;box-sizing:border-box!important;overflow-y:auto}.task-modal-custom-size .ant-modal-footer{height:56px!important;min-height:56px!important;max-height:56px!important;padding:12px 16px!important;margin:0!important;display:flex;align-items:center;justify-content:flex-end}.task-modal-custom-size .ant-btn-primary:disabled,.ticket-modal-custom-size .ant-btn-primary:disabled{background-color:#EAECF0!important;color:#9AA5B7!important;border-color:#EAECF0!important;cursor:not-allowed}.field-type-file .ant-image .ant-image-mask{border-radius:4px;opacity:0}.field-type-file .ant-image .ant-image-mask:hover{background:#00000028;opacity:0}.field-type-file .ant-image .ant-image-mask .ant-image-mask-info{display:none}.field-type-file .ant-image{margin-right:2px}.field-type-file>span{margin-left:-22px}.field-type-file>span:first-child{margin-left:0}.field-type-file{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;cursor:pointer;font-size:0}.popup-upload-file .ant-popover-inner-content{padding:0!important}.popup-upload-file .ant-card-bordered{border:none}.popup-upload-file .title-file{display:inline-block;max-width:calc(100% - 30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.popup-upload-file .ant-card-body{padding:10px!important}.popup-upload-file .ant-card-head{padding:0 10px!important;min-height:40px!important}.popup-upload-file .ant-card-head .ant-card-extra{cursor:pointer}.popup-upload-file .ant-card-head .ant-card-head-title{font-size:14px}.on-box-drag-file>div{display:none}.on-box-drag-file{background:#E6F4FFE5;border:1px dashed #1677ff}.progress-upload-file{position:fixed;z-index:9999;right:25px;bottom:0;width:400px}.progress-upload-file .ant-collapse-content-box{padding:0!important}.progress-upload-file>div{background:#fff}.progress-upload-file-item-title{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.progress-upload-file .ant-collapse-content-box{max-height:50vh;overflow-y:auto}.crm-popup-range-picker{.ant-picker-presets{ul li:last-child{position:absolute;left:10px;bottom:10px;display:flex;align-items:center}}}.ant-select-selection-overflow-item-suffix{min-height:20px!important}.ant-table-cell .ant-tag{margin-inline-end:4px}.address-cascader-dropdown{margin-top:8px!important}.address-cascader-dropdown .ant-cascader-menu{padding:8px 0!important}.address-cascader-dropdown .ant-cascader-menu-item{padding:6px 12px!important}.address-cascader .ant-select-selection-item{display:block!important}.convert-section-item{gap:12px;width:calc(50% - 16px)}.convert-section-title{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #eaecf0}.convert-section-divider,.convert-section-field,.convert-section-item{display:flex;flex-direction:column}.convert-section-field{gap:8px;.ant-select,.section-input>*{width:100%}}.convert-section-divider{align-items:center;gap:8px;padding:0 16px;.ant-divider{height:100%}}.convert-multiple-lead-table{border:1px solid #d0d5dd!important;.ant-table-tbody .ant-table-row .ant-table-cell{padding:12px!important}.ant-table-tbody .last-row-wrap .ant-table-cell{border-bottom:1px solid #d0d5dd!important}}.row-wrap{.ant-table-selection-column{border-bottom:none!important}}.extra-info-alert .ant-alert-icon{font-size:16px!important;margin-top:4px!important}.convert-extra-form .ant-form-item{margin-bottom:12px}.convert-extra-form .ant-form-item:last-child{margin-bottom:0}.ant-form-item.extra-info-field .ant-form-item-label>label{font-weight:400!important}.notification{.ant-drawer-mask{margin-top:48px}.header{padding:12px 16px 12px 24px;border-bottom:1px solid #eaecf0;.right{.btn-mark{gap:8px;padding:0 8px;border-radius:6px;border:1px solid #d0d5dd;line-height:28px}.ant-popover-open{background-color:#dbefff}}}.ant-drawer-body{padding:0!important}}.popup-select-sound{.ant-popover-inner{padding:12px 8px!important}.ant-popover-title{padding:2px 12px!important;border-bottom:0!important;color:rgba(102,112,133,1)!important;font-weight:400!important;font-size:12px!important}.ant-popover-inner-content{width:200px;height:200px;overflow-y:auto;padding:0!important;.row{cursor:pointer;padding:8px 12px;border-radius:4px;height:36px;&:hover{color:#323338;background-color:#eaecf0}}}}.btn-icon{height:24px;width:24px;&:hover{background-color:#dbefff}}.popover-setting{.title{font-size:12px;color:#667085;padding:8px 10px}.menu-item{line-height:24px;display:flex;align-items:center;padding:4px 8px;cursor:pointer;color:#1d2939;font-weight:400;font-size:14px;letter-spacing:0;border-radius:4px;text-decoration:none;.setting-item-select{.ant-select-selection-item{display:flex;align-items:center}}.ds-icon{flex:0 0 16px;margin-right:8px;height:16px}.ds-title{flex:1;text-align:flex-start;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}&:hover{color:#323338;background-color:#eaecf0}&.active{background:#DBEFFF}}.ant-popover-inner-content{padding:8px!important}}.body-header{display:flex;flex-direction:column;padding-left:24px!important;padding-top:0;border-bottom:1px solid #eaecf0;height:52px;.kind-of{margin-bottom:-10px;.label-tab-view{display:flex;align-items:center;gap:8px;.label-view{font-size:16px}}.ant-tabs-nav-list{border-bottom:1px solid #eaecf0;height:52px;.ant-tabs-tab{margin-top:0;margin-right:0!important;&:hover{.label-tab-view{span{color:#1677FF}}}}}}.search-and-filter{display:flex;flex-direction:row;align-items:flex-end;.search-input{width:100%;margin-right:4px}.filter-button{width:fit-content;padding-top:16px}}.tab-counter{line-height:16px;font-size:12px;background:#dde1e7;border-radius:999px;height:20px;min-width:24px;padding:2px 6px}}.search-sort-notifications{height:56px;padding:12px 20px;display:flex;align-items:center;gap:10px;.input-search{height:32px;width:100%;.ant-input-affix-wrapper{height:32px}}.box-sort{display:flex;align-items:center;justify-content:center;border:1px solid #d0d5dd;border-radius:6px;width:120px;height:32px;gap:8px;cursor:pointer;span{font-size:14px;color:#1D2939}&.ant-popover-open{background:#E6F4FF;border:1px solid #1677ff;span{color:#1677FF}svg{fill:#1677FF}}&:not(.ant-popover-open):hover{background:#eaecf0;border:none}}}.body-notifications{height:calc(100vh - 211px);.list{overflow-y:auto;height:calc(100vh - 211px);.partition{display:flex;flex-direction:column;gap:4px;.partition-title{padding:8px 26px;color:#667085}}.empty-notification{height:80%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;.title{font-size:16px;color:#344054}.sub-title{width:431px;text-align:center;color:#667085;font-size:14px}}}}.empty-notification{height:80%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;.title{font-size:16px;color:#344054}.sub-title{width:431px;text-align:center;color:#667085;font-size:14px}}.popover-sort{border-radius:8px;z-index:1000!important;.ant-popover-content{border-radius:8px;margin-right:-10px;.ant-popover-arrow{display:none}.ant-popover-inner{border-radius:8px;.ant-popover-inner-content{border-radius:8px;padding:8px!important;>div{gap:2px;display:flex;flex-direction:column}.title{font-size:12px;color:#667085;padding:8px 10px}.menu-item{line-height:24px;display:flex;align-items:center;padding:4px 8px;cursor:pointer;color:#1D2939;font-weight:400;font-size:14px;letter-spacing:0;border-radius:4px;text-decoration:none;.ds-icon{flex:0 0 16px;margin-right:8px;height:16px;margin-bottom:2px}.ds-title{flex:1;text-align:flex-start;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}&:hover{color:#323338;background-color:#eaecf0}&.active{background:#DBEFFF}}}}}}.notification-item{display:flex;cursor:pointer;padding:8px 16px;border-radius:8px;margin:0 8px 2px;.creator{position:relative;width:50px;display:flex;align-items:flex-start;padding:5px 0 0;.img-author{width:40px;height:40px;border-radius:50%}>span>span{margin-left:0!important}.icon-creator{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;top:22px;right:-5px;border-radius:999px;background:#F2F4F7}}.content{padding-left:10px;width:100%;line-height:24px;.content-header{display:flex;align-items:center;justify-content:space-between;.content-title{display:flex;gap:8px;span{color:#667085;font-size:12px}.dot-space{background-color:#676879;margin-top:10px;height:3px;width:3px;border-radius:50%}}}.body{width:450px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition:max-height .3s ease;.link{font-weight:500;color:#1677ff}.des{color:#667085}a{cursor:pointer;color:#1677ff;transition:color .2s;&:hover{color:#69b1ff!important}}}.text-more{@include flex-align-gap(3px);&:hover{color:#1677FF}}.collapsed{-webkit-line-clamp:2}.expanded{-webkit-line-clamp:unset}.footer{display:flex;align-items:center;flex-direction:row-reverse;margin-top:-20px;.table,span{color:#676878}.table{flex:1}.action{width:auto;visibility:hidden;.btn-icon-action{width:32px;height:32px;display:inline-flex;align-items:center;border-radius:6px;border:none;justify-content:center;background:#FFF;cursor:pointer}}}}&:hover{background:#F2F4F7;.content .footer .action{width:auto;visibility:visible}}}.notification-item.opened{.content{.body,.content-header{color:#667085}}&:hover{background:#F2F4F7}}.ant-notification-notice.crm-notification{border-radius:8px;.ant-notification-notice-message{margin-bottom:0!important}.ant-notification-notice-content{cursor:pointer;.ant-notification-notice-message{font-weight:600;font-size:13px;margin-bottom:4px}.ant-notification-notice-description{.notification{display:flex;gap:3px;.content{padding:0 8px;display:flex;flex-direction:column;.title{margin-bottom:5px;font-size:16px}}}}}.ant-notification-notice-close{top:20px;right:20px}}.modal-closed-reason{width:480px!important;.box-modal-content{padding:0!important;margin:0!important;overflow:visible}.ant-modal-body{padding:0!important;overflow:visible!important}.closed-reason-body{display:flex;flex-direction:column;gap:20px;padding:12px 20px;background:#fff}.closed-reason-field{display:flex;flex-direction:column;gap:6px}.closed-reason-label{font-size:14px;font-weight:600;color:#182c4a;line-height:20px}.closed-reason-select{width:100%}.closed-reason-tag{display:inline-flex;align-items:center;gap:6px;height:20px;padding:2px 8px;background:#eaecf0;border-radius:4px;margin-right:4px}.closed-reason-tag-text{font-size:14px;color:#1e375d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.closed-reason-tag-close{display:flex;align-items:center;cursor:pointer;color:#667085}.closed-reason-footer{display:flex;align-items:center;justify-content:flex-end;height:56px;gap:8px;padding:16px 20px;background:#fff;border-radius:0 0 12px 12px}.ant-modal-content{border-radius:12px!important;overflow:hidden}}