.badge {
    position: absolute;
    top: -10px;
    right: -8px;
}
@media (max-width: 767px) {
    .badge { 
    top: -5px;
    right: auto;
    margin-left: 0px!important;
    }
}
.new-notification {
    background-color: #bb1300 !important;
}
.list__item--delete {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 18%;
}
.notifications-popover .list__item--delete .close, .notification-item .list__item--delete .close {
    font-size: 30px;
    font-weight: 100;
    line-height: 0.7;
}
.delete-notification {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 20px !important;
    float: right;
    position: relative;
    top: 10px;
}

.notifications-popover li.list__item.notification_read {
    background-color: #fff;
}
.notification-details.view_notification {
    display: inline-block;
    width: calc(100% - 70px);
}
@media (max-width: 767px) {
    .notifications-popover li.list__item {
        background-color: transparent;
    }
    .notifications-popover li.list__item.notification_read {
        background-color: transparent;
    }
}
.notifications-popover li.list__item:last-child {
    position: absolute;
    bottom: 0;
    background: #fff;
    box-shadow: 0px -1px 2px #ccc;
}
.notifications-popover .list__item:nth-last-child(2) {
    margin-bottom: 37px;
}
.notifications-popover li.list__item .list__content .label a {
    color: #169eb4;
    text-decoration: underline;
}
.notification-history .notification-list .notification-item {
    background-color: #169eb426;
}
.notification-history .notification-list .notification-item.notification_read {
    background-color: #fff;
    border-left: 5px solid #b5b5b5;
}
.notification-no-data{padding: 10px;}
.notification-history .notification-list .notification-item.no-notification{
    cursor: default;
}