.btn-default .badge {
    color: #fff;
    background-color: #333
}
.btn-primary .badge {
    color: #445166;
    background-color: #fff
}
.btn-success .badge {
    color: #ccc;
    background-color: #fff
}
.btn-info .badge {
    color: #585858;
    background-color: #fff
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}
.btn-danger .badge {
    color: #a94442;
    background-color: #fff
}
.badge:empty {
    display: none
}
.btn .badge {
    position: relative;
    top: -1px
}
.btn-group-xs>.btn .badge,
.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}
.nav-pills>.active>a>.badge,
a.list-group-item.active>.badge {
    color: #445166;
    background-color: #fff
}
.nav-pills>li>a>.badge {
    margin-left: 3px
}
a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}
.list-group-item>.badge {
    float: right
}
.list-group-item>.badge+.badge {
    margin-right: 5px
}

.badgebox {
    position: relative
}
.badge {
    display: inline-block;
    min-width: 10px;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 8px 10px 7px 10px;
    background-color: #e70000;
    border-radius: 0;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 100%;
    z-index: 2;
}