.card-fill {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;

    .avatar-sm {
        height: 2.5rem;
        min-width: 2.5rem;
        margin-right: 0.25rem;
    }

    .body {
        flex: 1 1 auto !important;
        width: auto !important;
        overflow: hidden !important;

        .title,
        .desc {
            width: auto !important;
            margin: 0.125rem 0 !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            white-space: nowrap !important;
            line-clamp: 1 !important;
        }

    }
}

.modal-list {
    display: flex !important;
    justify-content: space-between !important;
    padding: 0.25rem 0.5rem !important;

    .list-title {
        min-width: 5rem !important;
        font-weight: 700 !important;
    }

    .list-title::after {
        content: " : " !important;
    }

    .list-desc {
        color: #6c757d;
    }

}

.table-body {
    min-width: 12rem !important;
}

.order-head {
    text-align: center !important;
    text-wrap: nowrap !important;
}

.avatar {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    overflow: hidden !important;
}

.order-body {
    text-align: center !important;
    vertical-align: middle !important;
}

.status-0 {
    color: black !important;
}

.shipping-1,
.payment-1,
.status-1 {
    color: #6c757d !important;
}

.status-2 {
    color: #6f42c1 !important;
}

.status-3 {
    color: #0dcaf0 !important;
}

.shipping-2,
.payment-2,
.status-4 {
    color: #0d6efd !important;
}

.shipping-3,
.payment-3,
.status-9 {
    color: #198754 !important;
}

.status-11 {
    color: #dc3545 !important;
}

.btn-action-0,
.btn-status-0,
.btn-action-1,
.btn-status-1 {
    color: white !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-status-2 {
    color: white !important;
    background-color: #6f42c1 !important;
    border-color: #6f42c1 !important;
}

.btn-status-3 {
    color: white !important;
    background-color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
}

.btn-action-2,
.btn-status-4 {
    color: white !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.btn-action-3,
.btn-status-9 {
    color: white !important;
    background-color: #198754 !important;
    border-color: #198754 !important;
}

.btn-status-11 {
    color: white !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.list-group-flush {
    padding: 0 .25 !important;

    .list-group-item {
        display: flex !important;
        align-items: center !important;
        padding: 0.25rem .75rem !important;
        border-bottom: 1px solid #dee2e6 !important;
    }

    .list-group-item:last-child {
        border-bottom: none !important;
    }

}

.flex-badge {
    display: flex !important;
    align-items: center !important;

    .badge {
        margin-right: 0.25rem !important;
        line-height: normal !important;
        font-size: .875rem !important;
        padding: 0.25rem 0.5rem !important;
        border-radius: 50rem !important;
    }
}