.notification-area{display:flex;flex-shrink:0;margin-right:0;position:relative}.notification-area.dark .dropdown-menu.show{background:#2e2e2e}.notification-area.dark .dropdown-menu.show span{color:#fff}.notification-area.dark .dropdown-menu.show p{color:#a0a0a0}.notification-area.dark .dropdown-menu.show hr{background-color:#3a3a3a}.notification-area.dashboard .dropdown-toggle .iconify{color:#000}.notification-area.dashboard .dropdown-menu.show{left:-80px!important;top:25px!important}.notification-area .dropdown-toggle{display:flex;position:relative}.notification-area .dropdown-toggle:after{content:unset!important}.notification-area .dropdown-toggle.show .iconify{color:#0d6efd}.notification-area .dropdown-toggle .iconify{color:#fff;font-size:1.5rem;transition:all .2 ease-in-out}.notification-area .dropdown-toggle .total{align-items:center;background-color:#d84e4e;border-radius:50%;color:#fff;display:flex;font-size:.625rem;font-weight:400;height:14px;justify-content:center;line-height:100%;pointer-events:none;position:absolute;right:0;text-align:center;top:-2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:14px;z-index:1}.notification-area .dropdown-menu.show{border-radius:10px;box-shadow:0 0 1.25rem 0 rgba(0,0,0,.102);display:block!important;max-height:400px;max-width:unset;overflow:clip auto;padding:12px 24px;width:230px}.notification-area .dropdown-menu.show::-webkit-scrollbar{height:4px;width:4px}.notification-area .dropdown-menu.show::-webkit-scrollbar-thumb{background-color:#79cb83;border-radius:100px}.notification-area .dropdown-menu.show::-webkit-scrollbar-track{border-radius:100px}.notification-area .dropdown-menu.show li{height:-moz-fit-content;height:fit-content;width:100%}.notification-area .dropdown-menu.show span{color:#000;display:block;font-size:.75rem;font-weight:600}.notification-area .dropdown-menu.show p{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#858585;display:-webkit-box;font-size:.75rem;font-style:normaxl;font-weight:400;line-break:anywhere;line-height:normal;margin:0;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}.notification-area .dropdown-menu.show a{color:#79cb83;font-size:12px;font-weight:500;line-height:normal;text-decoration-line:underline;transition:all .2s ease-in-out}.notification-area .dropdown-menu.show a:hover{color:#0d6efd}.notification-area .dropdown-menu.show hr{background-color:#3a3a3a;border:none;height:1px;margin:12px auto 12px -24px;width:calc(100% + 48px)}.notification-area .dropdown-menu.show .notification-empty{font-size:.875rem;font-weight:500;text-align:center;white-space:nowrap}.notification-area .dropdown-menu.show .notification-item{display:flex;flex-direction:column;gap:2px}.notification-area .dropdown-menu.show .actions{align-items:center;display:flex;gap:12px;height:18px;justify-content:space-between;margin-top:5px;width:100%}.notification-area .dropdown-menu.show .notification-readed{background:none;border:none;color:#00b2ff;margin:0;padding:0}.notification-area .dropdown-menu.show .notification-readed .iconify{color:#00b2ff;font-size:18px;transition:all .2s ease-in-out}.notification-area .dropdown-menu.show .notification-readed:hover .iconify{color:#79cb83}