/*------------------------------------------------------------------
BADGE.LESS

Used to draw attention to text/value and counters in panels/menu.
Can be used inline or sup.
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
CONFIG.LESS

Contains variables for rules which are applied more than once.
Variables which are only needed in one file are kept in that file.
Almost every .less file imports this file and mixins.less

Uses a few lessCSS color funtions.
More info: http://lesscss.org/
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
MIXINS.LESS

Contains frequently used rules and helpers for prefixing.
Mixins which are only needed in one file are kept in that file.
Almost every .less file imports this file and config.less

More info: http://lesscss.org/
-------------------------------------------------------------------*/
.badge {
    border-radius: 11px;
    display: inline-block;
    padding: 0px 6px 1px 6px;
    font-family: 'Segoe UI Semibold', 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: baseline;
    color: #333333;
    background-color: #e2e2e2;
    font-size: 0.85em;
    line-height: 1.3;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .badge:empty {
        display: none;
    }

sup .badge {
    vertical-align: super;
}

.badge-primary,
.badge-success,
.badge-warning,
.badge-danger {
    color: #fff;
}

.badge-primary {
    background-color: #007dbc;
}

.badge-success {
    background-color: #5dbd5d;
}

.badge-warning {
    background-color: #f3ad4a;
}

.badge-danger {
    background-color: #e65955;
}