/*
 * WEBADMIN
 * Project Aggregation Tool
 * Codes are guaranteed for target actions
 * @copyright IMEDIATIS Ltd 2022
 * @author Cyrille WOUPO (cyrille@imediatis.net)
 * @package WEBADMIN 2.0
 * @client https://imediatis.net
 * @version 2.0
 */

.badge {
    display: inline-block;
    padding: 0.3rem 0.5rem 0.15rem !important;
    font-size: 75%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-default {
    color: var(--bs-white);
    background-color: var(--bs-black);
}

.badge-subscription {
    color: var(--palette-navy-8);
    background-color: var(--palette-navy-1);
}
.badge-upgrade {
    color: var(--palette-warning-4);
    background-color: var(--palette-warning-1);
}
.badge-add-options {
    color: var(--palette-promoting-4);
    background-color: var(--palette-promoting-1);
}
.badge-option {
    color: var(--bs-black);
    background-color: var(--palette-warning-2);
}

.badge-primary {
    color: #fff;
    background-color: #6b15b6;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #501088;
}

.badge-secondary {
    color: #fff;
    background-color: #00c9a7;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #00967d;
}

.badge-success {
    color: #fff;
    background-color: #0dd157;
}

.badge-success[href]:hover, .badge-success[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0aa143;
}

.badge-info {
    color: #fff;
    background-color: #2972fa;
}

.badge-info[href]:hover, .badge-info[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0555eb;
}

.badge-warning {
    color: #212529;
    background-color: #fab633;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #f4a306;
}

.badge-danger {
    color: #fff;
    background-color: #fb4143;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #fa0f12;
}

.badge-light {
    color: #212529;
    background-color: var(--palette-neutral-1);
}

.badge-light[href]:hover, .badge-light[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #d0e0ef;
}

.badge-dark {
    color: #fff;
    background-color: #1b1e24;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #050607;
}

.badge-soft-primary {
    color: #fff;
    background-color: rgba(107, 21, 182, 0.1);
}

.badge-soft-primary[href]:hover, .badge-soft-primary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(80, 16, 136, 0.1);
}

.badge-soft-secondary {
    color: #fff;
    background-color: rgba(0, 201, 167, 0.1);
}

.badge-soft-secondary[href]:hover, .badge-soft-secondary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 150, 125, 0.1);
}

.badge-soft-info {
    color: #fff;
    background-color: rgba(41, 114, 250, 0.1);
}

.badge-soft-info[href]:hover, .badge-soft-info[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(5, 85, 235, 0.1);
}

.badge-soft-success {
    color: #fff;
    background-color: rgba(13, 209, 87, 0.1);
}

.badge-soft-success[href]:hover, .badge-soft-success[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(10, 161, 67, 0.1);
}

.badge-soft-danger {
    color: #fff;
    background-color: rgba(251, 65, 67, 0.1);
}

.badge-soft-danger[href]:hover, .badge-soft-danger[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(250, 15, 18, 0.1);
}

.badge-soft-warning {
    color: #212529;
    background-color: rgba(250, 182, 51, 0.1);
}

.badge-soft-warning[href]:hover, .badge-soft-warning[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: rgba(244, 163, 6, 0.1);
}


.badge-close {
    font-size: .8rem;
    padding: 0;
}

.badge-soft-primary {
    color: #6b15b6;
}

.badge-soft-primary[href]:hover {
    color: #6b15b6;
    background-color: rgba(107, 21, 182, 0.2);
}

.badge-soft-secondary {
    color: #00c9a7;
}

.badge-soft-secondary[href]:hover {
    color: #00c9a7;
    background-color: rgba(0, 201, 167, 0.2);
}

.badge-soft-success {
    color: #0dd157;
}

.badge-soft-success[href]:hover {
    color: #0dd157;
    background-color: rgba(13, 209, 87, 0.2);
}

.badge-soft-warning {
    color: #fab633;
}

.badge-soft-warning[href]:hover {
    color: #fab633;
    background-color: rgba(250, 182, 51, 0.2);
}

.badge-soft-danger {
    color: #fb4143;
}

.badge-soft-danger[href]:hover {
    color: #fb4143;
    background-color: rgba(251, 65, 67, 0.2);
}

.badge-soft-info {
    color: #2972fa;
}

.badge-soft-info[href]:hover {
    color: #2972fa;
    background-color: rgba(41, 114, 250, 0.2);
}