.msg-count {position: absolute; left: 9px; top: -3px; font-size: 9px; font-weight: 500; width: 13px; height: 13px; text-align: center; border-radius: 50%; z-index: 5; padding: 0; color: #fff; background-color: #8c67a9; display: flex; justify-content: center; align-items: center }
.dropdown-notification .dropdown-toggle::after { display: none }
.dropdown-notification .msg-header { padding: .5rem 1rem; color: #fff; border-bottom: 0 solid #ededed; background: #8c67a9; text-align: center; border-top-left-radius: 15px; border-top-right-radius: 15px }
.dropdown-notification .dropdown-menu { width: 380px; padding: 0; margin: 0; border: 0; font-family: Roboto, sans-serif; left: 28px !important; top: 15px !important; border-radius: 15px; box-shadow: 0 .5rem 1rem rgb(0 0 0 / 15%) }
.dropdown-notification .msg-header .msg-header-title { font-size: 18px; margin-bottom: 0 }
.dropdown-notification .msg-header .msg-header-subtitle { font-size: 14px; margin-bottom: 0 }
.header-notifications-list { position: relative }
.dropdown-notification .dropdown-menu .dropdown-item { padding: .72rem 1.2rem; border-bottom: 1px solid #ededed; background: #fff; white-space: normal }
.dropdown-notification .dropdown-menu .dropdown-item:hover { background: #f5f5f5 }
.dropdown-notification .notify { width: 45px; height: 45px; line-height: 45px; font-size: 22px; text-align: center; border-radius: 50%; background-color: #f1f1f1; margin-right: 15px }
.dropdown-notification .msg-name { font-size: 14px; margin-bottom: 0 }
.dropdown-notification .msg-info { font-size: 13px; margin-bottom: 0; color: #5f6060 }
.dropdown-notification .msg-time { font-size: 12px; margin-bottom: 0; color: #919191; margin-left: 10px; font-weight: 600 }
.dropdown-notification .dropdown-menu:after { content: ""; width: 13px; height: 13px; position: absolute; top: -6px; right: 28px; transform: rotate(45deg); background: #8c67a9; border-top: 1px solid #8c67a9; border-left: 1px solid #8c67a9 }
.dropdown-notification .msg-footer { padding: .5rem 1rem; border-top: 0 solid #ededed; background: #8c67a9; font-size: 14px; font-weight: 500; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; display: flex; justify-content: space-between }
.dropdown-notification .msg-footer a { color: #fff !important; margin: 0 }
.dropdown-notification .msg-footer a i { margin-right: 5px }
.msg-sub-header { background: #f5f5f5; padding: 10px }
.msg-sub-header .form-control { border-color: #ccc; height: 36px; padding: 5px; font-size: 14px }