.notifications-alerts { max-height: 580px; min-width: 320px; width: 100%; max-width: 360px; overflow: auto; z-index: 100; }
@media (min-width:480px) {
.notifications-alerts { max-height: 600px; min-width: 400px; max-width: 420px; }
}
.pointer { cursor: pointer; }
.push-notification-bar { position: fixed; top: 0px; z-index: 1000; width: 100%; }
.notification-item { cursor: pointer; }
.notification-box { padding: 10px; font-size: 13px; white-space: normal; }
.text-has-action { border-bottom: 1px dashed #bbb; padding-bottom: 2px; }
.is-read-N { background-color: var(--bs-secondary-bg); display: block !important; }
.notifications-badge { padding: 2px; left: 20px; font-size: 10px; top: 4px; }