.views-shopping-cart {
}

    .views-shopping-cart .modal-dialog {
        max-width: 100vw;
        width: 800px;
    }

    .views-shopping-cart .data-table-container {
    }

        .views-shopping-cart .data-table-container table {
            width: 100%;
        }

    .views-shopping-cart .buttons {
        margin-top: 20px;
        text-align: left;
    }


.shopping-cart-row-modal {
}

    .shopping-cart-row-modal .modal-dialog {
        max-width: 100vw;
        width: 800px;
    }

    .shopping-cart-row-modal .section {
        margin-top: 20px;
    }

        .shopping-cart-row-modal .section .section-title {
            color: var(--custom-color);
            font-size: 20px;
            padding-bottom: 10px;
            padding-top: 10px;
        }

        .shopping-cart-row-modal .section table {
            margin-left: initial;
            margin-right: initial;
            min-width: 300px;
        }

            .shopping-cart-row-modal .section table input {
                border: solid 1px #cccccc;
                border-radius: 4px;
                outline: none;
                padding: 3px 5px;
                width: 50px;
            }

    .shopping-cart-row-modal .field-container {
        margin-top: 10px;
    }

        .shopping-cart-row-modal .field-container .field-title {
            font-size: 14px;
            font-weight: 600;
        }

        .shopping-cart-row-modal .field-container .field-value {
        }

            .shopping-cart-row-modal .field-container .field-value input {
                border: solid 1px #e1e1e1;
                border-radius: 6px;
                padding: 5px;
                max-width: 100px;
                width: 100%;
            }

            .shopping-cart-row-modal .field-container .field-value div {
                margin-top: 5px;
            }

            .shopping-cart-row-modal .field-container .field-value textarea {
                border: solid 1px #e1e1e1;
                border-radius: 6px;
                padding: 5px;
                width: 100%;
            }

    .shopping-cart-row-modal .item-name {
        font-size: 1.2rem;
        font-weight: 500;
    }

    .shopping-cart-row-modal .item-id {
    }

    .shopping-cart-row-modal .item-id-title {
        font-size: 0.8rem;
    }

    .shopping-cart-row-modal .item-image-container {
        padding: 20px;
    }

        .shopping-cart-row-modal .item-image-container img {
            width: 100%;
        }

    .shopping-cart-row-modal .item-details-buttons {
        margin-top: 20px;
        text-align: left;
    }