.notif-dropdown{position:relative}.notif-dropdown .notif-badge{position:absolute;top:4px;right:4px;font-size:10px}.notif-dropdown .dropdown-menu{width:340px;min-width:340px;max-height:480px;overflow-y:auto;padding:0}.notif-dropdown .dropdown-header{padding:12px 14px;margin:0}.notif-dropdown .dropdown-divider{margin:0}.notif-dropdown li.unread>.dropdown-item{background-color:#20a8d80f;border-left-color:#20a8d8}.notif-dropdown .dropdown-item{white-space:normal;padding:10px 14px 10px 11px;border-left:3px solid transparent;text-align:left;width:100%}.notif-dropdown .dropdown-item .notif-row{width:100%}.notif-dropdown .dropdown-item .notif-icon{width:32px;flex-shrink:0;font-size:18px;text-align:center;padding-top:2px}.notif-dropdown .dropdown-item .notif-body{flex:1 1 auto;min-width:0}.notif-dropdown .dropdown-item .notif-body .notif-title{font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-dropdown .dropdown-item .notif-body .notif-message{font-size:12px;color:#5c6873;margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.notif-dropdown .dropdown-item .notif-body .notif-time{font-size:11px;margin-top:2px}