
.vtopia-status-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    max-width:100%;
    padding:7px 11px;
    border:1px solid transparent;
    border-radius:10px;
    font-size:.88rem;
    line-height:1.2;
    font-weight:700;
    white-space:nowrap;
}

.status-validation{
    color:#8a4b00;
    background:#fff1d6;
    border-color:#f2c977;
}

.status-processing{
    color:#174b7a;
    background:#e5f2ff;
    border-color:#9fc8ee;
}

.status-payment{
    color:#5f4b00;
    background:#fff8c9;
    border-color:#eadb75;
}

.status-completed{
    color:#21633a;
    background:#e4f5e9;
    border-color:#9fd0ac;
}

.status-cancelled{
    color:#8a2525;
    background:#fde7e7;
    border-color:#e5a5a5;
}

.vtopia-order-status.vtopia-status-badge{
    background:inherit;
}

.vtopia-order-status.status-validation{
    color:#8a4b00 !important;
    background:#fff1d6 !important;
    border-color:#f2c977 !important;
}

.vtopia-order-status.status-processing{
    color:#174b7a !important;
    background:#e5f2ff !important;
    border-color:#9fc8ee !important;
}

.vtopia-order-status.status-payment{
    color:#5f4b00 !important;
    background:#fff8c9 !important;
    border-color:#eadb75 !important;
}

.vtopia-order-status.status-completed{
    color:#21633a !important;
    background:#e4f5e9 !important;
    border-color:#9fd0ac !important;
}

.vtopia-order-status.status-cancelled{
    color:#8a2525 !important;
    background:#fde7e7 !important;
    border-color:#e5a5a5 !important;
}
