.badge {
    display: inline-block;
    margin-left: 1.5rem;
    padding: 0.25em 0.4em;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.badge-primary {
    color: #fff;
    background-color: #007bff;
}
.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}
.badge-success {
    color: #fff;
    background-color: #28a745;
}
.badge-danger {
    color: #fff;
    background-color: #dc3545;
}
.badge-warning {
    color: #212529;
    background-color: #ffc107;
}
.badge-info {
    color: #fff;
    background-color: #17a2b8;
}
.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}
.badge-dark {
    color: #fff;
    background-color: #343a40;
}

/* MENU */
@-webkit-keyframes blink-bg-notification {
    0% { background: transparent; }
    50% { background: #ffc107; }
    100% { background: transparent; }
}
@-webkit-keyframes blink-bc-notification {
    0% { color: #279bee; box-shadow: inset 4px 0 0 #279bee; }
    50% { color: #ffc107; box-shadow: inset 4px 0 0 #ffc107; }
    100% { color: #279bee; box-shadow: inset 4px 0 0 #279bee; }
}
#suit-nav [notification].has-children:not(.active) > a{
    animation: blink-bg-notification 2s infinite;
}
#suit-nav [notification].has-children.active .sub-nav [notification] > a{
    animation: blink-bc-notification 2s infinite;
}
#suit-nav [notification].has-children .sub-nav [notification] > a{
    display: flex;
    justify-content: space-between;
}