/* Styles for unread message counter in the header */
.waves-messages-menu-item > a {
    position: relative;
}
.waves-messages-unread-counter {
    position: absolute;
    top: -0.45em;
    right: -0.75em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.waves-messages-unread-counter .bp-better-messages-unread {
	margin-top: 8px;
    background: var(--color-primary-light) !important;
	color: #fff;
    font-weight: bold;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
}