body {
    background-color: #e0e0e0;
}

.nhan1 {
    width: 145px;
}

.nhan2 {
    width: 140px;
}

div.DatHang {
    padding: 0 188px 0 188px;
}

    div.DatHang > div {
        padding: 0px;
        margin: 0;
        background-color: #ffffff;
    }

        div.DatHang > div > div {
            padding: 8px;
            margin: 0;
        }

            div.DatHang > div > div.div_1 {
                flex: 0 0 16.666667%;
                max-width: 16.666667%;
            }

            div.DatHang > div > div.div_2 {
                flex: 1 0 0;
                max-width: 100%;
            }

            div.DatHang > div > div.div_3 {
                flex: 0 0 16.666667%;
                max-width: 16.666667%;
            }

table#tblDSSanPham {
    width: 100%;
}

    table#tblDSSanPham thead {
        background-color: #d0d0d0;
        font-weight: bold;
    }

    table#tblDSSanPham tbody {
        background-color: #ffffff;
    }

    table#tblDSSanPham tfoot {
        background-color: #e0e0e0;
        font-weight: bold;
    }

    table#tblDSSanPham td {
        padding: 8px;
        border: 1px solid #c0c0c0;
    }

#btnDong {
    border-color: red;
    background-color: red;
    border-radius: 5px;
    color: #ffffff;
}

    #btnDong:hover {
        background-color: orange;
    }

#btnTiepTucMua {
    border-color: #00a1fb;
    background-color: #00a1fb;
    border-radius: 5px;
    color: #ffffff;
}

    #btnTiepTucMua:hover {
        background-color: orange;
    }

#btnDatMua {
    border-color: red;
    background-color: red;
    border-radius: 5px;
    color: #ffffff;
}

    #btnDatMua:hover {
        background-color: orange;
    }

@media (max-width:768px) {
    div.DatHang {
        padding: 0 16px 0 16px;
    }

        div.DatHang > div > div.div_1 {
            display: none;
        }

        div.DatHang > div > div.div_3 {
            display: none;
        }
}