.color-yes
{
    color: lightgreen;
}

.color-no
{
    color: red;
}

.product-type-label-digital {
    border-radius: 5px;
    background-color: #7ef364;
    padding: 2px;
    color: rgba(0, 0, 0, 0.8);
}

.product-type-label-physical {
    border-radius: 5px;
    background-color: #f3c164;
    padding: 2px;
    color: rgba(0, 0, 0, 0.8);
}
.order-list-item-container {
    background-color: #222b7f;
    padding: 10px;
    border-radius: 15px;
}
.order-list-item-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.order-product-icon {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 8px;
}

.order-product-status-new {
    background-color: #222b7f;
}
.order-product-status-processing {
    background-color: #617f38;
}
.order-product-status-preparing-to-ship {
    background-color: #365112;
}
.order-product-status-shipped {
    background-color: #293d0e;
}
.order-product-status-delivered {
    background-color: #155319;
}
.order-product-status-completed {
    background-color: #1f8358;
}
.order-product-status-draft {
    background-color: #7b350f;
}
.order-product-status-refunded {
    background-color: #830000;
}
.order-product-status-open-dispute {
    background-color: #cd5b0e;
}
.order-product-status-waiting-for-payment {
    background-color: #7b670f;
}
.order-product-status-cancelled-by-buyer {
    background-color: #595C67;
}
.order-product-status-cancelled-by-seller {
    background-color: #414244;
}
.invoice-remove-button
{
    position: relative;
    top: 2px;
}
.inline-flex-fit-content{
    display: inline-flex;
    width: fit-content;
    flex-direction: column
}

.invoice-status-label{
    border-radius: 2rem;
    padding: 0 15px;
    width: fit-content;
    font-size: var(--h4-font-size);
    font-weight: bold;
    color: var(--p-color);
    text-decoration: none;
}

.invoice-status-label.invoice-status-active{
    background-color: #ffc107;
    color: #0058dd;
}
.invoice-status-label.invoice-status-completed{
    background-color: #428e37;
}
.invoice-status-label.invoice-status-declined{
    background-color: #dc3545;
}