.follow-icon{position:relative;top:-.5em}.sakok-notification .ant-comment-avatar img{height:36px;width: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){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-notification-item .item-structure .item-content .main-content .description span{display:inline!important}.notification-footer{font-size:1rem;height:48px;margin:0;padding:0 10px!important}.notification-footer div .item{align-items:center;display:flex;justify-content: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{border-radius:50px;fill:var(--main-bg-color)!important;height:23px!important;transition:.2s ease-out;width:auto!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{background-color:#fff!important;font-family:var(--main-font-Medium);font-size:14px!important;min-height:38px!important;min-width:170px;padding:5px 10px!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{font-size:.95em!important;line-height:2;margin-bottom:0!important;text-align:justify}.task-notifications .deleted-task{opacity:.3}.menu-notif-popover .notif-item{border-bottom:1px solid var(--bg-light);color:var(--main-color);padding:1em}.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{min-height:2.5em!important;padding:.5em .85em!important}.ant-tooltip{z-index:9999999999}.ant-tooltip .ant-tooltip-inner{margin-left:4px!important}.note-notifications p{font-size:.95em!important;line-height:2;margin-bottom:0!important;text-align:justify}.note-notification-item{min-height:7em}.note-notification-item .deleted-note{opacity:.3}.sakok-notification{border-radius:.3em;min-height:6.5em;padding-bottom:10px;padding-right:10px;position:relative;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{border-bottom:6px solid var(--bg-light);border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;position:absolute;right:35px;top:-5px;width:0}.sakok-notification:not(:first-child){border-top:0 solid;border-color:var(--bg-light)}.sakok-notification .new-item{left:5.5em}.sakok-notification .leading{align-items:center;display:flex;flex:1;flex-direction:column;font-size:13px;justify-content:flex-start;max-width:44px;position:relative}.sakok-notification .leading:before{background-image:linear-gradient(to bottom,transparent 80%,var(--main-llighter) 12%);background-position:top;background-repeat:repeat-y;background-size:10px 8px;bottom:0;content:"";height:100%;left:0;margin:0 auto;position:absolute;right:0;top:0;width:2px}.sakok-notification .leading .item-icon{margin-left:3px}.sakok-notification .leading .item-icon .arrow-overlay{left:7px;position:absolute;top:-8px}.sakok-notification .leading .item-icon .clock-overlay{fill:var(--white)!important;left:11px;position:absolute;top:-5px}.sakok-notification .leading .item-date .date{font-family:var(--main-font-Medium);font-size:12px!important}.sakok-notification .leading .item-date .date div:first-child span{font-size:17px!important}.sakok-notification .leading .item-date .date div:nth-child(2) span,.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;flex:1;justify-content:center}.sakok-notification .main-content{flex:7}.sakok-notification .trailing{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:space-between}.sakok-notification .trailing .add-comment.active,.sakok-notification .trailing .add-comment:active{border:2px solid var(--main-bg-color);border-radius:50%;box-shadow:none;opacity:.8}.sakok-notification .divider{background-image:linear-gradient(to right,transparent 80%,var(--main-llighter) 12%);background-position:100%;background-repeat:repeat-x;background-size:8px 2px;height:2px}.sakok-notification .comment-input{width:100%}.sakok-notification .comment-input .ant-comment-content-detail .send{bottom:5px;left:-38px;position:absolute;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{background:var(--green-color);border-radius:50%;fill:var(--white)}.sakok-notification .comment-input .ant-comment-content-detail .text-editor .toolbar{bottom:5px;left:5px;margin:0}.sakok-notification .comment-input .ant-comment-content-detail .text-editor .toolbar svg{height:.9em;width:.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{line-height:1.8;min-height:1em;padding:6px!important}.sakok-notification .comment-input .ant-comment-content-detail .ql-container{padding:0}.sakok-notification .comment-input .ant-comment-avatar{align-items:center;display:flex}.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-family:var(--main-font-Medium);font-size:14px;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);border-radius:.3em;padding:15px}.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{border-radius:5px;bottom:0;box-shadow:0 49px 36.1px 1.9px rgba(41,87,122,.19),0 14px 17.1px .9px rgba(41,87,122,.31);content:"";left:10px;opacity:0;position:absolute;right:64px;top:0;transition:opacity .2s;z-index:-1}.sakok-notification:not(.seen):hover .item-structure-wrapper:before{opacity:1}.sakok-notification.type-reply .item-structure-wrapper>div:first-child .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{bottom:1px;left:0;position:absolute;right:0}.sakok-notification.type-comment .item-structure-wrapper>div:first-child .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{bottom:1px;left:0;position:absolute;right:0}.sakok-notification.type-comment .item-structure-wrapper>div:nth-child(3) .item-content,.sakok-notification.type-reply .item-structure-wrapper>div:nth-child(3) .item-content{min-height:58px}.sakok-notification .item-structure-wrapper .divider.leading:before{left:auto;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{box-shadow:inset 0 0 0 5px #fff;margin-right:52px;max-width:none}.sakok-notification .item-structure-wrapper>div:nth-child(3) .item-content:not(.divider){padding-bottom:5px;padding-top:5px}.notification-tooltip{max-width:500px}.ant-tooltip.mini-profile-tooltip .ant-tooltip-content{font-family:var(--main-font-Medium);transform:translateX(14px) translateY(-18px)}.ant-tooltip.mini-profile-tooltip.left-side-menu .ant-tooltip-content{transform:translateX(3px) translateY(-12px)}.ant-tooltip.mini-profile-tooltip.left-side-menu .ant-tooltip-inner{direction:rtl;min-width:120px;text-align:right!important}.ant-tooltip.mini-profile-tooltip.left-side-menu .ant-tooltip-inner ul>li{font-size:14px;line-height:20px;padding-left:20px;padding-right:5px}.ant-tooltip.mini-profile-tooltip.left-side-menu .ant-tooltip-inner ul>li .anticon{margin-left:10px;margin-right:0}.ant-tooltip.mini-profile-tooltip.left-side-menu .ant-tooltip-inner ul>li .anticon svg{height:20px;margin-top:-5px;stroke:var(--main-bg-color)!important;width:20px}.ant-tooltip.mini-profile-tooltip .ant-tooltip-arrow{margin-left:-8px;top:77%}.ant-tooltip.mini-profile-tooltip .ant-tooltip-arrow:before{background-color:#fffdfd;border-color:#cedce7;height:8px;width:8px}.ant-tooltip.mini-profile-tooltip .ant-tooltip-inner{background-color:#fff;border-radius:5px;box-shadow:inset 0 0 5px rgba(29,79,116,.3),-1px 13px 26px 0 rgba(41,87,122,.4);color:#1d4f74;direction:ltr;overflow:hidden;padding:0!important;text-align:left!important}.ant-tooltip.mini-profile-tooltip .ant-tooltip-inner ul{margin-bottom:0}.ant-tooltip.mini-profile-tooltip .ant-tooltip-inner ul>li{border:1px solid #cddce7;cursor:pointer;line-height:25px;padding:9px 20px 9px 5px;transition:background-color .1s}.ant-tooltip.mini-profile-tooltip .ant-tooltip-inner ul>li:first-child{border-radius:5px 5px 0 0}.ant-tooltip.mini-profile-tooltip .ant-tooltip-inner ul>li:last-child{border-radius:0 0 5px 5px}.ant-tooltip.mini-profile-tooltip .ant-tooltip-inner ul>li:not(:last-child){border-bottom-width:0}.ant-tooltip.mini-profile-tooltip .ant-tooltip-inner ul>li:hover{background-color:#e8edf1;border-color:#bbcedb}.ant-tooltip.mini-profile-tooltip .ant-tooltip-inner ul>li .sakok-icon svg{height:22px;width:22px}.ant-tooltip.mini-profile-tooltip .sakok-icon{margin-right:10px}.change-password-modal.custom-modal .ant-modal-content{display:flex;flex-flow:column;height:640px!important}@media screen and (min-height:600px){.change-password-modal.custom-modal .ant-modal-content{min-height:600px!important}}.change-password-modal.custom-modal .ant-modal-content .ant-modal-footer{margin-top:auto}.change-password-modal .ant-modal-title .back-arrow-wrapper{background-color:hsla(0,0%,100%,.2);border-radius:0 22px 22px 0;cursor:pointer;height:34px;left:0;padding-right:13px;padding-top:5px;position:absolute;top:14px;width:45px}.change-password-modal .ant-modal-title .sakok-icon.back-arrow{direction:ltr;display:block;height:22px;overflow:hidden;width:17px}.change-password-modal .ant-modal-title .sakok-icon.back-arrow svg{height:22px;stroke:#fff!important;width:32px}@media (min-height:700px) and (min-width:1300px){.change-password-modal .ant-modal-title .back-arrow-wrapper{height:44px;padding-right:15px;padding-top:10px;top:15px;width:55px}.change-password-modal .ant-modal-title .sakok-icon.back-arrow{height:26px;width:22px}.change-password-modal .ant-modal-title .sakok-icon.back-arrow svg{height:25px;width:37px}}.change-password-modal h5{font-family:var(--main-font-Bold)}.change-password-modal .change-pass-avatar{font-family:var(--main-font-Medium);margin-bottom:20px!important;margin-top:30px!important}.change-password-modal .change-pass-avatar span{display:block;opacity:.8}.change-password-modal .change-pass-avatar h5{font-size:18px!important}.change-password-modal .change-pass-avatar .ant-avatar{height:55px;width:55px}.change-password-modal .change-pass-avatar .description{padding-top:7px;text-align:right}.change-password-modal .change-pass-avatar .description span:first-child{margin-bottom:2px}.change-password-modal .fields{max-width:420px}.change-password-modal .fields .ant-form-item{padding-left:0!important;padding-right:0!important}.change-password-modal .fields .ant-input{font-size:13px!important;font-weight:700}.change-password-modal .fields .ant-input:disabled{background-color:transparent!important;border-color:transparent!important}.change-password-modal .fields .ant-form-item-label label{color:var(--main-bg-color);opacity:.7}.change-password-modal .fields .my-form-row.disabled .ant-form-item-label label{opacity:.3}.change-password-modal .fields .code-input{display:flex;margin-top:-17px}.change-password-modal .fields .code-input>.ant-form-item{width:auto}.change-password-modal .fields .code-input .react-code-input input:last-child{margin-right:0!important}.change-password-modal .fields .antd4.radio-ui{display:flex;width:auto}.change-password-modal .fields .antd4.radio-ui .ant-form-item-label{display:none}.change-password-modal .fields .antd4.radio-ui .ant-checkbox-group{display:block;height:auto;padding-right:10px;position:relative}.change-password-modal .fields .antd4.radio-ui .ant-checkbox-group:before{color:#d7555a;content:"*";display:block;font-size:20px;height:20px;opacity:.7;position:absolute;right:-1px;top:2px;width:10px}.change-password-modal .fields .antd4.radio-ui .ant-checkbox-wrapper{padding-bottom:10px}@media (max-width:800px){.change-password-modal .fields .antd4.radio-ui .ant-checkbox-wrapper{width:100%}}.change-password-modal .fields .antd4.radio-ui .ant-checkbox .ant-checkbox-inner{height:25px;width:25px}.change-password-modal .fields .antd4.radio-ui .ant-checkbox-checked .ant-checkbox-inner{background-color:transparent;border-color:#d9d9d9}.change-password-modal .fields .antd4.radio-ui .ant-checkbox-checked .ant-checkbox-inner:after{border-color:var(--green-color);height:15px;top:41%;width:7px}.change-password-modal .fields .antd4.radio-ui .ant-checkbox+span{color:var(--main-bg-color);font-weight:700}.change-password-modal .fields.forget-pass-form .new-pass{padding-top:4px}.change-password-modal .react-code-input{display:flex!important;flex-direction:row-reverse;font-size:1em!important}.change-password-modal .react-code-input input{border:1px solid #cddce7!important;box-shadow:inset 0 3px 6px 0 #e9ebf0!important;font-family:var(--main-font-Medium)!important;font-size:1em!important;height:3em!important;padding:.85em!important;text-align:center;width:3em!important}.change-password-modal .code-input.antd4.error input{border-color:var(--red-color)!important}.change-password-modal .code-input.antd4.sending input{opacity:.5}.change-password-modal .code-input.antd4.valid input{border-color:var(--green-color)!important}