#user-notifications .navbar-badge:empty {
  display: none;
}

#user-notifications .dropdown-menu {
  max-height: 75vh;
  overflow: hidden;
}

#user-notifications .adminlte-dropdown-content {
  max-height: calc(75vh - 44px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

#user-notifications .dropdown-header {
  padding: .45rem .75rem;
  font-size: .78rem;
}

#user-notifications .dropdown-divider {
  margin: 0;
}

#user-notifications .user-notification-bell-active {
  animation: user-notification-pulse 1.8s ease-in-out infinite;
}

@keyframes user-notification-pulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.16);
  }
}

.user-notification-item {
  display: flex;
  align-items: stretch;
  gap: .2rem;
  padding: 0;
  white-space: normal;
}

.user-notification-link {
  display: flex;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  padding: .45rem .35rem .45rem .75rem;
  color: #212529;
}

.user-notification-link:hover,
.user-notification-link:focus {
  color: #212529;
  text-decoration: none;
  background: #f8f9fa;
}

.user-notification-icon {
  width: 1.25rem;
  padding-top: .05rem;
  text-align: center;
  font-size: .85rem;
}

.user-notification-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.15;
  font-size: .82rem;
}

.user-notification-content strong,
.user-notification-content small,
.user-notification-content span {
  overflow-wrap: anywhere;
}

.user-notification-content small {
  margin-top: .12rem;
  color: #4f5962;
  font-size: .76rem;
}

.user-notification-content span {
  margin-top: .16rem;
  color: #6c757d;
  font-size: .68rem;
}

.user-notification-dismiss {
  flex: 0 0 1.85rem;
  padding: .42rem .25rem;
  font-size: .76rem;
}