.tag {
    font-size: 0.75rem;
    color: #6e7687;
    background-color: #e9ecef;
    border-radius: 3px;
    padding: 0 .5rem;
    line-height: 2em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: default;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tag-addon {
    display: inline-block;
    padding: 0 .5rem;
    color: inherit;
    text-decoration: none;
    margin: 0 -.5rem 0 .5rem;
    text-align: center;
    min-width: 1.5rem;
}

.tag-addon:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.tag-addon i {
    vertical-align: middle;
    margin: 0 -.25rem;
}

a.tag-addon {
    text-decoration: none;
    cursor: pointer;
    transition: .3s color, .3s background;
}

a.tag-addon:hover {
    background: rgba(0, 0, 0, 0.16);
    color: inherit;
}




.tag-rounded {
    border-radius: 50px;
}

.tag-rounded .tag-avatar {
    border-radius: 50px;
}


.tag-blue {
    background-color: #467fcf;
    color: #fff;
}

.tag-indigo {
    background-color: #6574cd;
    color: #fff;
}

.tag-purple {
    background-color: #a55eea;
    color: #fff;
}

.tag-pink {
    background-color: #f66d9b;
    color: #fff;
}

.tag-red {
    background-color: #cd201f;
    color: #fff;
}

.tag-orange {
    background-color: #fd9644;
    color: #fff;
}

.tag-yellow {
    background-color: #f1c40f;
    color: #fff;
}

.tag-green {
    background-color: #5eba00;
    color: #fff;
}

.tag-teal {
    background-color: #2bcbba;
    color: #fff;
}

.tag-cyan {
    background-color: #17a2b8;
    color: #fff;
}

.tag-white {
    background-color: #fff;
    color: #fff;
}

.tag-gray {
    background-color: #868e96;
    color: #fff;
}

.tag-gray-dark {
    background-color: #343a40;
    color: #fff;
}

.tag-azure {
    background-color: #45aaf2;
    color: #fff;
}

.tag-lime {
    background-color: #7bd235;
    color: #fff;
}

.tag-primary {
    background-color: #467fcf;
    color: #fff;
}

.tag-secondary {
    background-color: #868e96;
    color: #fff;
}

.tag-success {
    background-color: #5eba00;
    color: #fff;
}

.tag-info {
    background-color: #45aaf2;
    color: #fff;
}

.tag-warning {
    background-color: #f1c40f;
    color: #fff;
}

.tag-danger {
    background-color: #cd201f;
    color: #fff;
}

.tag-light {
    background-color: #f8f9fa;
    color: #fff;
}

.tag-dark {
    background-color: #343a40;
    color: #fff;
}