/***
Custom Bootstrap Badges
***/

.badge {
    font-size: 11px !important;
    font-weight: 300;
    text-align: center;
    height: 18px;
    color: #ffffff;
    padding: 3px 6px 3px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
    vertical-align: middle;

    &.badge-roundless {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    &.badge-empty {
        display: inline-block;
        padding: 0;
        min-width: 8px;
        height: 8px;
        width: 8px;
    }
}

/* Badge variants */

@mixin badge-variant($bg-color) {
    background-color: $bg-color;
    background-image: none;
}

.badge-default {
    @include badge-variant($brand-default);
}

.badge-primary {
    @include badge-variant($brand-primary);
}

.badge-info {
    @include badge-variant($brand-info);
}

.badge-success {
    @include badge-variant($brand-success);
}

.badge-danger {
    @include badge-variant($brand-danger);
}

.badge-warning {
    @include badge-variant($brand-warning);
}

/* Fix badge position for navs */

.nav.nav-pills,
.nav.nav-stacked {
    > li {
        > a {
            > .badge {
                margin-top: -2px;
            }
        }
    }
}

/***
Dropdown Menu Badges
***/

.dropdown-menu {
    > li {
        > a {
            > .badge {
                position: absolute;
                margin-top: 1px;
                right: 3px;

                display: inline;
            }
        }
    }

    &.badge-roundless {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }
}
