/* Header black bar: single notifications bell (APLUS-322) and Newsletter next to the username (APLUS-323) */

.master-header .top .action-pannel .notification-bell {
    margin: 0px 0px 0 2px;
    background: linear-gradient(to bottom, #434343 0%, #000000 100%);
    padding: 5px;
}

    .master-header .top .action-pannel .notification-bell a {
        display: block;
        width: 20px;
        height: 20px;
    }

    .master-header .top .action-pannel .notification-bell img {
        display: block;
        width: 18px;
        height: 20px;
    }

    /* plain bell by default, bell with the red dot when there is something new */
    .master-header .top .action-pannel .notification-bell .bell-icon-new,
    .master-header .top .action-pannel .notification-bell a.has-new .bell-icon {
        display: none;
    }

    .master-header .top .action-pannel .notification-bell a.has-new .bell-icon-new {
        display: block;
    }

/* gap between the bell and the Newsletter logo (ml-22 alone only gives 5px) */
.master-header .top .action-pannel .header-newsletter {
    margin-left: 1px;
    margin-right: 1px;
   background:  #000;
}
.master-header .top .action-pannel:has(.login) .header-newsletter {
    margin-inline-end: 8px;
}

    .master-header .top .action-pannel .header-newsletter a {
        display: block;
        height: 21px;
        width: 95px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        margin: 7px 8px 0 10px;
    }

    .master-header .top .action-pannel .header-newsletter a:hover {
        opacity: .7;
    }

.master-header .top .action-pannel .header-newsletter.ar a {
    background-image: url(/content/ar/images/newsletters_logo.svg);
}

.master-header .top .action-pannel .header-newsletter.en a {
    background-image: url(/content/en/images/newsletters_logo.svg);
}

/* notifications page: count of new notifications on each tab */
.nav-tabs .nav-link .tab-count {
    display: inline-block;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 0 6px;
    padding: 0 4px;
    border-radius: 9px;
    background: #e53935;
    color: #fff;
    font: bold 11px/18px Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
}