.notification-list {
  min-width: 240px;
  max-height: 600px;
  font-family: "Helvetica Neue",sans-serif;
  .mat-list-item{
    height: 100% !important;
    .mat-list-item-content{
      padding: 0px 5px !important;
    }
}
}

.notification-list .notific-item a {
  outline: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.notification-list .notific-item .message {
  font-size: .885rem !important;
  line-height: 21px;
}

.notification-list .notific-item .time {
  font-size: .75rem !important;
}

.notificataion-unread{
background-color: $grey_background !important;
}
.notificataion-read{
  background-color: $white-color !important;
}