#shoppingcart {
    display: flex;
    flex-direction: row;
}

    #shoppingcart #sanpham {
        flex: 100;
        background-color: rgb(219 219 219 / 0.68);
        padding: 20px 0 0 0;
    }

        #shoppingcart #sanpham > div:first-child {
            padding: 0 20px 0 20px;
        }

            #shoppingcart #sanpham > div:first-child > #chontatca {
                margin-top: 20px;
                margin-bottom: 20px;
            }

    #shoppingcart #gridSanPham .gridcontent {
        display: flex;
        flex-direction: row;
        padding: 20px;
    }

    #shoppingcart #gridSanPham .chkKhongThanhToan {
        transform: scale(1.5);
        margin-top: 8px;
    }

    #shoppingcart .gridcontent .imgcol {
        width: 130px;
        margin-right: 30px;
    }

        #shoppingcart .gridcontent .imgcol > img {
            width: 100%;
        }

    #shoppingcart .gridcontent .noImgContent {
        flex: 100;
    }

        #shoppingcart .gridcontent .noImgContent .thongtinsanphamgiohang {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            #shoppingcart .gridcontent .noImgContent .thongtinsanphamgiohang > div:first-child {
                flex: 100;
            }

            #shoppingcart .gridcontent .noImgContent .thongtinsanphamgiohang .tensanpham {
                font-size: 25px;
            }

        #shoppingcart .gridcontent .noImgContent .giaban {
            margin-right: 10px;
            font-size: 16px;
            text-decoration: line-through;
            color: #8e8e8e;
        }

        #shoppingcart .gridcontent .noImgContent .giagiam {
            margin-right: 30px;
            font-size: 25px;
            color: #f6821f;
        }

        #shoppingcart .gridcontent .noImgContent .xoasanpham {
            background-color: #f6821f;
        }

        #shoppingcart .gridcontent .noImgContent .spcongcu {
            text-align: right;
            font-size: 13px;
        }

    #shoppingcart #cboMaGiamGia {
        width: 100%;
    }

    #shoppingcart #diadiem #thanhtoandonhang, #xacnhandonhang {
        background-color: rgb(219 219 219 / 0.68);
        padding: 10px 20px 10px 20px;
        margin-left: 10px;
    }

        #shoppingcart #diadiem #thanhtoandonhang > div:first-child {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            font-size: 20px;
        }

        #shoppingcart #diadiem #thanhtoandonhang > div > a > svg {
            height: 20px;
            width: 20px;
        }

        #shoppingcart #diadiem #thanhtoandonhang > div > svg {
            height: 15px;
            width: 15px;
        }

    #shoppingcart #diadiem #xacnhandonhang {
        margin-top: 10px;
        overflow: auto;
    }

        #shoppingcart #diadiem #xacnhandonhang > div:first-child {
            font-size: 20px;
        }

        #shoppingcart #diadiem #xacnhandonhang > #thongtindonhang > div {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin: 10px 0 10px 0;
        }

        #shoppingcart #diadiem #xacnhandonhang > #thongtindonhang > .nomargin {
            margin: 0px;
            margin-bottom: 3px;
        }

        #shoppingcart #diadiem #xacnhandonhang > #thongtindonhang > div > span:last-child {
            font-weight: bold;
        }

        #shoppingcart #diadiem #xacnhandonhang #thongtindonhang > div > #txtMaGiamGia, #txtGhiChu {
            border-radius: 0px;
            border: 1px solid #ced4da;
            padding: 9px;
            width: 100%;
            font-size: 13px;
        }

        #shoppingcart #diadiem #xacnhandonhang #thongtindonhang #btnGiamGia {
            vertical-align: middle;
            padding: 8px;
            margin-left: 5px;
            width: 150px;
            text-align: center;
        }

        #shoppingcart #diadiem #xacnhandonhang #thongtindonhang #btnDatHang {
            padding: 10px;
        }

@media (max-width:961px) {
    #shoppingcart {
        flex-direction: column;
    }

        #shoppingcart #diadiem #thanhtoandonhang {
            margin: 10px 0px 10px 0px;
        }

        #shoppingcart #diadiem #xacnhandonhang {
            margin-left: 0px;
        }

        #shoppingcart #gridSanPham .gridcontent {
            flex-direction: column;
        }

            #shoppingcart #gridSanPham .gridcontent > .noImgContent > .spcongcu {
                font-size: 11px;
            }

            #shoppingcart #gridSanPham .gridcontent > .noImgContent > .thongtinsanphamgiohang > div > .tensanpham {
                font-size: 22px;
            }

            #shoppingcart #gridSanPham .gridcontent > .noImgContent > .thongtinsanphamgiohang > div > .giagiam {
                font-size: 22px;
                margin-right: 0px;
            }
}

@media (max-width:481px) {
    #shoppingcart #gridSanPham .gridcontent {
        text-align: center;
    }

        #shoppingcart #gridSanPham .gridcontent > .imgcol {
            margin: 0 auto;
        }

        #shoppingcart #gridSanPham .gridcontent > .noImgContent > .thongtinsanphamgiohang {
            flex-direction: column;
        }
}

/*#shoppingcart #modalNoiDung #noidunggiohang #noidungdiachi {
}

    #shoppingcart #modalNoiDung #noidunggiohang #noidungdiachi > #ThongTinThanhToan {
        flex: 100;
    }
*/


/*#shoppingcart #modalNoiDung #noidunggiohang {
    height: 800px;
    overflow-y: auto;
}*/

#shoppingcart #modalNoiDung #noidunggiohang #noidungdiachi > div > div > input {
    width: 100%;
}

#shoppingcart #modalNoiDung > .modal-content > #noidunggiohang > #noidungdiachi > #ThongTinThanhToan {
    border: 1px solid var(--lightgray);
    border-radius: 10px;
    margin: 10px 40px;
    padding: 20px;
}

#shoppingcart #modalNoiDung > .modal-content > #noidunggiohang > #noidungdiachi > div > #btnCapNhat {
    background-color: #29a239;
    color: #fff;
    padding: 5px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#shoppingcart #modalNoiDung > .modal-content #modalcolleft {
    margin-top: 40px;
    max-height: 240px;
    overflow-y: auto;
}

#shoppingcart #modalNoiDung > .modal-content .modalcolleftrow {
    display: flex;
    padding: 5px;
}

    #shoppingcart #modalNoiDung > .modal-content .modalcolleftrow:nth-child(2n+1) {
        background-color: rgb(246 130 31 / 0.28);
    }

    #shoppingcart #modalNoiDung > .modal-content .modalcolleftrow:nth-child(2n) {
        background-color: #ccc;
    }

    #shoppingcart #modalNoiDung > .modal-content .modalcolleftrow > div:first-child {
        padding-right: 5px;
    }

#shoppingcart #modalNoiDung > .modal-content .modalcolleftrow > div:last-child {
    flex: 100;
    font-size: 13px;
}

    #shoppingcart #modalNoiDung > .modal-content .modalcolleftrow > div > label {
        width: 100%;
        display: block;
    }

    #shoppingcart #modalNoiDung > .modal-content .modalcolleftrow > div > label:hover {
        cursor: pointer;
    }