.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}}.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}}}}&: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}}.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}