.nav-notifications-dropdown .nav-notifications-menu {
  width: 22rem;
  max-width: calc(100vw - 2rem);
  max-height: 70vh;
  overflow-y: auto;
}

.nav-notification-preview {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nav-notification-item {
  border-bottom: 1px solid #e9ecef;
}

.nav-notification-item:nth-child(even) {
  background-color: #f8f9fa;
}

.nav-notification-link {
  width: 100%;
  border-left: 3px solid transparent;
  white-space: normal;
}

.nav-notification-item--unread .nav-notification-link {
  background-color: transparent;
}

.nav-notification-category {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.025em;
}

.nav-notification-item--alert .nav-notification-link { border-left-color: #dc3545; }
.nav-notification-item--alert .nav-notification-category { color: #c82333; }
.nav-notification-item--announcement .nav-notification-link { border-left-color: #6f42c1; }
.nav-notification-item--announcement .nav-notification-category { color: #6f42c1; }
.nav-notification-item--reminder .nav-notification-link { border-left-color: #d98200; }
.nav-notification-item--reminder .nav-notification-category { color: #a86400; }
.nav-notification-item--tip .nav-notification-link { border-left-color: #138a83; }
.nav-notification-item--tip .nav-notification-category { color: #117a72; }
.nav-notification-item--feedback .nav-notification-link { border-left-color: #17a2b8; }
.nav-notification-item--feedback .nav-notification-category { color: #138496; }
.nav-notification-item--system .nav-notification-link { border-left-color: #6c757d; }
.nav-notification-item--system .nav-notification-category { color: #59636d; }
.nav-notification-item--personal .nav-notification-link { border-left-color: #007bff; }
.nav-notification-item--personal .nav-notification-category { color: #0069d9; }
.nav-notification-item--critical .nav-notification-link { border-left-color: #dc3545; }
.nav-notification-priority {
  background-color: #dc3545;
  color: #fff;
  font-size: 0.65rem;
  text-transform: uppercase;
}

.communications-notification-item {
  border-left: 4px solid transparent;
  border-bottom: 1px solid #e9ecef;
}

.communications-notification-item:nth-child(even) {
  background-color: #f8f9fa;
}

.communications-notification-link {
  background-color: transparent;
  white-space: normal;
}

.communications-notification-category {
  font-size: 0.78rem;
  font-weight: 600;
}

.communications-notification-item--alert { border-left-color: #dc3545; }
.communications-notification-item--alert .communications-notification-category { color: #c82333; }
.communications-notification-item--announcement { border-left-color: #6f42c1; }
.communications-notification-item--announcement .communications-notification-category { color: #6f42c1; }
.communications-notification-item--reminder { border-left-color: #d98200; }
.communications-notification-item--reminder .communications-notification-category { color: #a86400; }
.communications-notification-item--tip { border-left-color: #138a83; }
.communications-notification-item--tip .communications-notification-category { color: #117a72; }
.communications-notification-item--feedback_request { border-left-color: #17a2b8; }
.communications-notification-item--feedback_request .communications-notification-category { color: #138496; }
.communications-notification-item--system { border-left-color: #6c757d; }
.communications-notification-item--system .communications-notification-category { color: #59636d; }
.communications-notification-item--personal { border-left-color: #007bff; }
.communications-notification-item--personal .communications-notification-category { color: #0069d9; }
.communications-notification-item--critical { border-left-color: #dc3545; }

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -0.25rem;
}

.communications-inbox .list-group-item form {
  margin: 0;
}

.communications-message__body {
  white-space: normal;
}