.notification-item .badge {
    position: unset!important;
}

#notification-container {
    min-width: 480px;
    max-height: 500px;
    overflow-y: auto;
    scrollbar-width: thin;
}

#notification-container a {
    color: black;
}

#notification-tabs {
    border-top: 1px solid rgb(222, 226, 230);
    border-bottom: 1px solid rgb(222, 226, 230);
}

#notification-tabs .notification-tabs {
    cursor: pointer;
}

#notification-tabs .notification-tabs.active {
    background-color: rgb(78, 184, 158);
    color: white;
}

#notification-container .notification.notification-read, tr.notification-read td {
    background-color: #ffffff;
}

#notification-container .notification.notification-unread, tr.notification-unread td {
    background-color: #eff2ee;
}

#notification-container .notification:not(:last-child) {
    border-bottom: 1px solid lightgray;
}

#notificaiton-footer {
/*    border-top: 1px solid rgb(222, 226, 230);*/
}

.notification-point {
    font-size: 0.7rem;
    height: 25px;
}

.notification-point-content {
    display: flex;
    align-items: flex-end;
    height: 30px;
}