.menu-notif-popover .notif-item{border-bottom:1px solid var(--bg-light);padding:1em;color:var(--main-color)}.menu-notif-popover .notif-item:last-child{border-bottom:none}.menu-notif-popover .reply-text{background-color:var(--bg-light);border-radius:.2em;padding:.5em}.menu-notif-popover .ant-input{padding:.5em .85em !important;min-height:calc(2.5em) !important}.ant-tooltip{z-index:9999999999}.notes-notif>div:not(:nth-of-type(1)) .note-notification-item{border-top:0px solid;border-color:var(--bg-light)}.antd-pro-ellipsis-ellipsis{word-break:break-word}.note-notification-item{min-height:7em;position:relative;padding-right:2.5em;border-radius:5px}.note-notification-item .divider{height:2px;background-image:linear-gradient(to right, transparent 80%, var(--main-llighter) 12%);background-position:right;background-size:8px 2px;background-repeat:repeat-x}.note-notification-item .item-structure{display:flex;margin:10 0;color:var(--main-color)}.note-notification-item .item-structure .item-content{display:flex;flex:8;justify-content:flex-start;margin:0 0;padding:11px 15px;margin-right:8px;-ms-word-break:break-all;-ms-word-wrap:break-all;-webkit-word-break:break-word;-webkit-word-wrap:break-word;word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.note-notification-item .item-structure .item-content>div{width:100%}.note-notification-item .item-structure .item-content .ant-comment-inner{padding:0}.note-notification-item .item-structure .item-content .ant-comment-content-author{display:none}.note-notification-item .item-structure .item-content .ant-comment-avatar{margin-right:0}.note-notification-item .item-structure .item-content .ant-comment-content-detail{margin-right:1em;display:inline-block !important}.note-notification-item .item-structure .item-content .comment-content .ant-comment-content-detail,.note-notification-item .item-structure .item-content .reply-content .ant-comment-content-detail{background:var(--bg-light);padding:8px 15px;margin-top:-1px;border-radius:.3em;max-width:100%}.note-notification-item .item-structure .item-content .comment-content .ant-comment-content-detail p,.note-notification-item .item-structure .item-content .reply-content .ant-comment-content-detail p{margin:0}.note-notification-item .item-structure .item-content .comment-content .ant-comment-content-detail img,.note-notification-item .item-structure .item-content .reply-content .ant-comment-content-detail img{max-width:100%}.note-notification-item .item-structure .item-content .main-content .ant-comment-content-detail>span:first-child{font-size:1.1em;font-weight:700}.note-notification-item .item-structure .item-content .main-content .note-content .ant-comment-inner{justify-content:center;align-items:center}.note-notification-item .item-structure .item-content .main-content .description{margin-top:8px;font-family:var(--main-font-Medium);color:var(--main-bg-color);font-size:14px}.note-notification-item .item-structure .item-content .main-content .description .ant-comment-inner{justify-content:center;align-items:center}.note-notification-item .item-structure .item-content .more{color:var(--yellow-color)}.note-notification-item .ant-comment-content-detail{position:relative}.sakok-notification .item-structure.hover-date .leading .item-date{position:absolute;right:0;bottom:3px !important;z-index:9;background-color:transparent}.sakok-notification .item-structure.hover-date .leading .item-date .date{padding:6px;background-color:var(--container-bg-color);box-shadow:-1px -1px 5px var(--main-llighter);border-radius:4px;opacity:0;display:none}.sakok-notification .item-structure.hover-date.is-hover-on-content .leading .item-date .date{opacity:1;display:block}.sakok-notification .item-structure .item-content .ant-comment.task-mode .ant-comment-content,.sakok-notification .item-structure .item-content .ant-comment.task-mode .ant-comment-content-detail{margin-right:0}.sakok-notification .item-structure .item-content .ant-comment.task-mode .ant-comment-content-detail{display:block !important}.sakok-notification .item-structure .item-content .ant-comment.task-mode .ant-comment-content-detail .avatar{flex:initial}.sakok-notification .item-structure .item-content .ant-comment.task-mode .ant-comment-content-detail .contact-name{margin-right:10px;margin-left:45px}.sakok-notification .item-structure .item-content .ant-comment.task-mode .ant-comment-content-detail .task-data{padding:15px 0 5px}.sakok-notification .item-structure .item-content .ant-comment.task-mode .ant-comment-content-detail .task-data .avatar-wrapper{width:124px;padding:0 5px;display:flex;justify-content:space-around;align-items:center}.sakok-notification .item-structure .item-content .ant-comment.task-mode .ant-comment-content-detail .task-data .task-title{margin-bottom:0;font-size:16px !important;font-family:var(--main-font-Bold);color:var(--main-bg-color);line-height:34px}.notif-info-wrapper{flex-wrap:wrap}.notif-info-wrapper>span{width:50%;min-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .display-none{display:none !important}.note-notification-item .item-structure .item-content .ant-comment-content-detail{margin-right:0 !important}.header-link-notification .notes .note-type{width:17%;text-align:center !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-link-notification .notes .note-to{width:39%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-link-notification .notes .note-about{width:44%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-link-notification .notes .note-content .ant-comment .ant-comment-content{margin-right:0 !important}.header-link-notification .notes .note-about,.note-to{color:var(--yellow-color)}.header-link-notification .notes .noteee-title{color:var(--main-color) !important}.header-link-notification .notes .comment-box{justify-content:space-around !important}.notifs-wrapper .notif-item-wrpr.has-show-more.show-less{max-height:400px;overflow:hidden}.notifs-wrapper .notif-item-wrpr.has-show-more.show-less .notification-show-more .show-less-text{display:none}.notifs-wrapper .notif-item-wrpr.has-show-more.show-more .notification-show-more .show-more-text{display:none}.notifs-wrapper .notif-item-wrpr{position:relative;overflow:hidden}.notifs-wrapper .notif-item-wrpr.has-show-more .notification-show-more{position:absolute;left:0;right:10px;top:375px}.notifs-wrapper .notif-item-wrpr.has-show-more.show-more .notification-show-more{top:initial;bottom:7px;line-height:31px}.notifs-wrapper .notif-item-wrpr.has-show-more.show-more .notification-show-more .notification-show-more-wrapper{box-shadow:none}.notifs-wrapper .notif-item-wrpr.has-show-more.show-more .item-structure-wrapper>div:last-child .item-structure .item-content{padding-bottom:30px}.notifs-wrapper .notif-item-wrpr.has-show-more .notification-show-more .item-content{position:relative}.notifs-wrapper .notif-item-wrpr.has-show-more .notification-show-more .notification-show-more-wrapper{position:absolute;height:25px;left:0;top:0;width:100%;background-color:#fff;text-align:center;z-index:999;box-shadow:0 -10px 15px #fff;cursor:pointer}.notif-item-wrpr .notification-tag{cursor:pointer;width:34px;top:0px;position:absolute}.notif-item-wrpr .notification-tag::after{display:none !important}.no-touch .notif-item-wrpr .notification-tag.seen{margin-top:-23px}.notif-item-wrpr:hover .notification-tag.seen{margin-top:0px;opacity:.6}.notif-tooltip-divider{border-top:1px solid rgba(255,255,255,0.2);padding-bottom:3px;margin-top:3px}.notif-icon-circle-number{display:inline-block;text-align:center;width:25px;height:25px;line-height:28px;border-radius:35px;background-color:var(--main-llighter);margin-bottom:10px}.notification-icon-item-tt .ant-list-item-meta-description span{display:block !important}.notification-icon-item-tt:not(.notif-two-line-tooltip) .first-line{padding:0 !important}
:root{--main-bg-color:#1e4f73;--main-color:#1f4f73;--main-light:rgba(31,79,115,0.7);--main-lighter:rgba(31,79,115,0.5);--main-llighter:rgba(31,79,115,0.3);--pink-color:#e38a8a;--yellow-color:#e6a530;--green-color:#8cc34b;--green-color-lighter:rgba(140,195,75,0.7);--purple-color:#9370aa;--red-color:#d7555a;--pink-color:#f7ddde;--container-bg-color:#e0e6f1;--white:#fff;--bg-light:#ebeef6;--bg-light-70:#ebeef6b3;--grey-color:#e8e8e8;--border-color:#cddce7;--input-box-shadow:rgba(232,235,240,0.6) 0 3px 6px 0 inset;--select-box-shadow:0 10px 20px rgba(31,79,115,0.5);--hover-box-shadow:0 10px 20px rgba(31,79,115,0.4);--shadow-box-shadow:0 10px 20px rgba(31,79,115,0.2);--shadow-box-shadow-reverse:0 -7px 20px rgba(31,79,115,0.2);--low-box-shadow:0 10px 20px rgba(31,79,115,0.05);--upshadow-box-shadow:0 -10px 20px rgba(31,79,115,0.2);--updark-box-shadow:0 -18px 21.1px 1.9px rgba(41,87,122,0.19),
    0px 14px 17.1px 0.9px rgba(41, 87, 122, 0.31);--uplow-box-shadow:0 -10px 20px rgba(31,79,115,0.05);--dark-box-shadow:0 49px 36.1px 1.9px rgba(41,87,122,0.19),
    0px 14px 17.1px 0.9px rgba(41, 87, 122, 0.31)}.main-color{color:var(--main-color)}.main-lighter{color:var(--main-lighter)}.main-light{color:var(--main-light)}.main-bg-color{background-color:var(--main-bg-color)}.color-yellow{color:var(--yellow-color)}.bg-yellow{background-color:var(--yellow-color)}.color-pink{color:#f9c8ca}.color-red{color:#ff0a129c}.bg-pink{background-color:var(--pink-color)}.color-purple{color:var(--purple-color)}.bg-purple{background-color:var(--purple-color)}.color-green{color:var(--green-color)}.bg-green{background-color:var(--green-color)}.color-red{color:var(--red-color)}.color-main{color:var(--main-color)}.bg-red{background-color:var(--red-color)}.color-white{color:var(--white)}.bg-light{background-color:var(--bg-light)}.bg-light-70{background-color:var(--bg-light-70)}.bg-white{background-color:var(--white)}.task-notification-item .main-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 1em 0 0}.task-notification-item .main-content.active .ant-comment-content-detail{border:1px solid}.task-notification-item .subject{font-size:1.2em;margin-right:2em}.task-notification-item .leading{color:rgba(31,79,115,0.7)}.task-notification-item .leading.delay{color:rgba(215,85,90,0.8)}.task-notification-item .leading.delay svg{stroke:rgba(215,85,90,0.8) !important;color:rgba(215,85,90,0.8) !important}.task-notification-item .leading.done{color:#8cc34b}.task-notification-item .leading.done svg{stroke:#8cc34b !important;color:#8cc34b !important}.task-notification-item .leading.onTime{color:#9370aa}.task-notification-item .leading.onTime svg{stroke:#9370aa !important;color:#9370aa !important}
.follow-icon{position:relative;top:-0.5em}.sakok-notification .ant-comment-avatar img{width:36px;height:36px}.note-notification-item .item-structure .item-content .note-content .ant-comment-content-detail{display:flex !important}.note-notification-item .item-structure .item-content .note-content .ant-comment-content-detail>span:nth-child(3){text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1}.note-notification-item .item-structure .item-content .main-content .description span{display:inline !important}.notification-footer{font-size:1rem;margin:0 0;height:48px;padding:0 10px !important}.notification-footer div .item{display:flex;justify-content:center;align-items:center}.notification-footer div .item.disabled{opacity:.8}.notification-footer div .item.length{margin-left:16px !important}.notification-footer div .item.length span{padding:0 3px}.notification-footer div .item:not(:first-child){margin-right:11px}.notification-footer div .item svg{transition:ease-out .2s;border-radius:50px;width:auto !important;height:23px !important;fill:var(--main-bg-color) !important}.notification-footer div .item svg.search{fill:none !important;stroke:var(--main-bg-color) !important}.notification-footer div .item svg.sort{height:18px !important}.notification-footer div .item.active svg,.notification-footer div .item:not(.active):hover svg{background-color:var(--bg-light);box-shadow:0 0 0 7px var(--bg-light)}.notification-footer .search-input{padding:5px 10px !important;font-size:14px !important;font-family:var(--main-font-Medium);min-height:38px !important;min-width:170px;background-color:#fff !important}.notification-footer .search-input.ant-input-disabled{opacity:.7}.transaction-notification-item{min-height:7.5em}.transaction-notification-item .deleted-transaction{opacity:.3}.task-notification-item{min-height:9em}.task-notifications p{margin-bottom:0 !important;font-size:.95em !important;line-height:2;text-align:justify}.task-notifications .deleted-task{opacity:.3}.menu-notif-popover .notif-item{border-bottom:1px solid var(--bg-light);padding:1em;color:var(--main-color)}.menu-notif-popover .notif-item:last-child{border-bottom:none}.menu-notif-popover .reply-text{background-color:var(--bg-light);border-radius:.2em;padding:.5em}.menu-notif-popover .ant-input{padding:.5em .85em !important;min-height:calc(2.5em) !important}.ant-tooltip{z-index:9999999999}.ant-tooltip .ant-tooltip-inner{margin-left:4px !important}.note-notifications p{margin-bottom:0 !important;font-size:.95em !important;line-height:2;text-align:justify}.note-notification-item{min-height:7em}.note-notification-item .deleted-note{opacity:.3}.sakok-notification{min-height:6.5em;padding-bottom:10px;position:relative;padding-right:10px;border-radius:.3em;user-select:none}.sakok-notification .structure__content.main-item{padding:1em 0}.sakok-notification .structure__content.reply-item .ant-comment{padding-right:3.5em;padding-top:10px;width:100%}.sakok-notification .structure__content.reply-item .ant-comment .ant-comment-content-author{display:none}.sakok-notification .structure__content.reply-item .ant-comment .ant-comment-content:before{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--bg-light);top:-5px;position:absolute;right:35px}.sakok-notification:not(:nth-child(1)){border-top:0px solid;border-color:var(--bg-light)}.sakok-notification .new-item{left:5.5em}.sakok-notification .leading{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex:1;font-size:13px;position:relative;max-width:44px}.sakok-notification .leading:before{content:'';width:2px;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;margin:0 auto;background-image:linear-gradient(to bottom, transparent 80%, var(--main-llighter) 12%);background-position:top;background-size:10px 8px;background-repeat:repeat-y}.sakok-notification .leading .item-icon{margin-left:3px}.sakok-notification .leading .item-icon .arrow-overlay{position:absolute;top:-8px;left:7px}.sakok-notification .leading .item-icon .clock-overlay{position:absolute;top:-5px;left:11px;fill:var(--white) !important}.sakok-notification .leading .item-date .date{font-size:12px !important;font-family:var(--main-font-Medium)}.sakok-notification .leading .item-date .date div:nth-child(1) span{font-size:17px !important}.sakok-notification .leading .item-date .date div:nth-child(2) span{font-size:12px !important}.sakok-notification .leading .item-date .date div:nth-child(3) span{font-size:12px !important}.sakok-notification .leading .item-date,.sakok-notification .leading .item-icon{background-color:var(--container-bg-color);position:relative}.sakok-notification .avatar{display:flex;justify-content:center;flex:1}.sakok-notification .main-content{flex:7}.sakok-notification .trailing{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.sakok-notification .trailing .add-comment.active,.sakok-notification .trailing .add-comment:active{border:2px solid var(--main-bg-color);opacity:.8;box-shadow:none;border-radius:50%}.sakok-notification .divider{height:2px;background-image:linear-gradient(to right, transparent 80%, var(--main-llighter) 12%);background-position:right;background-size:8px 2px;background-repeat:repeat-x}.sakok-notification .comment-input{width:100%}.sakok-notification .comment-input .ant-comment-content-detail .send{position:absolute;left:-38px;bottom:5px;transform:rotate(225deg)}.sakok-notification .comment-input .ant-comment-content-detail .send svg{fill:var(--green-color)}.sakok-notification .comment-input .ant-comment-content-detail .send svg:hover{fill:var(--white);background:var(--green-color);border-radius:50%}.sakok-notification .comment-input .ant-comment-content-detail .text-editor .toolbar{margin:0;bottom:5px;left:5px}.sakok-notification .comment-input .ant-comment-content-detail .text-editor .toolbar svg{width:.9em;height:.9em}.sakok-notification .comment-input .ant-comment-content-detail .ql-container{margin:0}.sakok-notification .comment-input .ant-comment-content-detail .sakok-editor.rtl .ql-editor{min-height:1em;line-height:1.8;padding:6px !important}.sakok-notification .comment-input .ant-comment-content-detail .ql-container{padding:0}.sakok-notification .comment-input .ant-comment-avatar{display:flex;align-items:center}.sakok-notification .comment-input .comment-textarea>div{padding:0 !important}.sakok-notification .ant-comment .ant-comment-avatar{margin-right:0}.sakok-notification .ant-comment .ant-comment-inner{padding:0}.sakok-notification .ant-comment .ant-comment-content{font-size:14px;font-family:var(--main-font-Medium);margin-right:10px}.sakok-notification .ant-comment.comment-container .ant-comment-content-detail,.sakok-notification .ant-comment.reply-container .ant-comment-content-detail{background:var(--bg-light-70);padding:15px;border-radius:.3em}.sakok-notification .ant-comment.comment-container .ant-comment-content-detail p,.sakok-notification .ant-comment.reply-container .ant-comment-content-detail p{margin:0}.sakok-notification.seen{opacity:.7}.sakok-notification.seen:hover{opacity:1}.sakok-notification:not(.seen) .item-content{transition:box-shadow .2s}.sakok-notification:not(.seen) .item-structure-wrapper:before{content:'';opacity:0;transition:opacity .2s;position:absolute;left:10px;right:64px;bottom:0;top:0;box-shadow:0 49px 36.1px 1.9px rgba(41,87,122,0.19),0 14px 17.1px .9px rgba(41,87,122,0.31);border-radius:5px;z-index:-1}.sakok-notification:not(.seen):hover .item-structure-wrapper:before{opacity:1}.sakok-notification.type-reply .item-structure-wrapper>div:nth-child(1) .leading .item-date{display:block}.sakok-notification.type-reply .item-structure-wrapper>div:nth-child(3) .leading .item-date{display:none}.sakok-notification.type-reply .item-structure-wrapper>div:nth-child(4) .leading{justify-content:flex-end}.sakok-notification.type-reply .item-structure-wrapper>div:nth-child(4) .leading .item-date{position:absolute;left:0;right:0;bottom:1px}.sakok-notification.type-comment .item-structure-wrapper>div:nth-child(1) .leading .item-date{display:block}.sakok-notification.type-comment .item-structure-wrapper>div:nth-child(3) .leading{justify-content:flex-end}.sakok-notification.type-comment .item-structure-wrapper>div:nth-child(3) .leading .item-date{position:absolute;left:0;right:0;bottom:1px}.sakok-notification.type-reply .item-structure-wrapper>div:nth-child(3) .item-content,.sakok-notification.type-comment .item-structure-wrapper>div:nth-child(3) .item-content{min-height:58px}.sakok-notification .item-structure-wrapper .divider.leading:before{left:initial;right:-31px;top:2px}.sakok-notification .item-structure-wrapper{position:relative}.sakok-notification .item-structure-wrapper>div:first-child:last-child .item-content{border-radius:5px}.sakok-notification .item-structure-wrapper>div:first-child:not(:last-child){color:inherit}.sakok-notification .item-structure-wrapper>div:first-child:not(:last-child) .item-content{border-radius:5px 5px 0 0}.sakok-notification .item-structure-wrapper>div:last-child:not(:first-child){color:inherit}.sakok-notification .item-structure-wrapper>div:last-child:not(:first-child) .item-content{border-radius:0 0 5px 5px}.sakok-notification .item-structure-wrapper>div .item-content.divider{margin-right:52px;max-width:none;box-shadow:0 0 0 5px inset #fff}.sakok-notification .item-structure-wrapper>div:nth-child(3) .item-content:not(.divider){padding-top:5px;padding-bottom:5px}.notification-tooltip{max-width:500px}