@media print{
    .removeIcon, 
    .variantQty, 
    .removeEdit,
    .removeAddressOnPrint,
    .removeEditDiscountPrint,
    .hidePricePrint,
    .removerReason,
    .removeShowTaxPrint,
    .hideDiscountTitle,
    .hideResponsiveRow,
    #header,
    #navBar, 
    #createOrderHeader,
    #discountType,
    #removeSelectGst,
    #removeRolePrint,
    #removeNotesPrint,
    #removeTagsPrint,
    #removeCreateOrderPrint,
    #removeShippingPrint,
    #removeUserPrint,
    #billing,
    #manuallyDiscountPercent,
    #inclGst,
    #hideHeader,
    #paymentRemark,
    #deliveryRemark,
    #paymentRemarkContainer,
    #deliveryRemarkContainer,
    #hideInclGst,
    #bulkPacking1,
    #bulkPacking2,
    #PCS,
    #companyLogo,
    #gstNumberBox,
    #invoiceTypes,
    #removeRolePrint,
    #createOrderGstBox,
    #hidePrintCustomerBox,
    #breadCrumb,
    #affiliateDetails,
    #toggleBtn,
    .priceLocation{
        display: none !important;
    }
    #container,
    #createOrderContainer {
        flex-direction: column-reverse;
    }
    #asideContainer {
        width: 100%;
    }
    #customerDetails,
    #createOrderAsideContainer,
    #createOrderAddressBox {
        display: flex;
    }
    #createOrderAsideContainer {
        width: 100% !important;
        border: 1px solid #DBDDE0;
        border-radius: 8px;
        margin-bottom: 15px;
        box-shadow:0 0 0.1152rem rgba(0, 0, 0, 0.181), 0 0 0.1152rem rgba(0, 0, 0, 0.181);
    }
    #createOrderContactBox {
        width: 35% !important;
        box-shadow: none !important;
    }
    #createOrderAddressBox {
        width: 65% !important;
        box-shadow: none !important;
    }
    #createOrderShippingAddressBox {
        width: 50%;
        border-right: 1px solid rgb(219, 221, 224);
        border-bottom: 0px !important;
        border-left: 1px solid #DBDDE0;
    }
    #createOrderBillingAddressBox {
        width: 50%;
        border-bottom: 0px !important;
    }
    #customerData {
        width: 35%;
		border: 1px solid lightgray;
    }
    #createOrderPrintGstBox,
    #gstBox {
        display: block !important;
    }
    #shippingAddress {
        width: 35%;
		border: 1px solid lightgray;
    }
    #shippingAddressBox {
        border-bottom: 0px !important;
    }
    .exclGSTPrint,
    .qty, 
    .qtyHeader,
    .gstNumber, 
    .showEditDiscountPrint, 
    #TaxRatesPrint, 
    #exclGSTPrint,
    #officeAddressPrint,
    #invoice,
    .customerVertical,
    .createOrderQty{
        display: block !important;
    }
    .showPricePrint{
        display: flex !important;
    }
    .productVariant{
        width: 95% !important;
    }
    .exclGst{
        margin-left: 15px !important;
    }
    .rateExcl{
        font-size: 13px !important;
    }
    #root, 
    #TaxRatesPrint, 
    #paymentBox, 
    .variantProduct,
    #createOrderPaymentBox{
        page-break-inside:avoid; 
        page-break-after:auto;
    }
    .products{
        padding-left: 5px !important;
        width: 88% !important;
    }
    .draftOrderProducts {
        padding-left: 5px !important;
        width: 80% !important;
    }
    #createOrderProducts{
        width:100% !important;
    }
    #productContainer{
        width:100% !important;
    }

    #productHeading, .productHeading{
        width: 64% !important;
    }
    #orderShowTaxRates {
        display: none;
    }
    .createOrderProductHeading {
        width: 68% !important;
    }
    #customerShippingAddress{
        border-right: 1px solid rgb(219, 221, 224) !important;
        border-left: 1px solid rgb(219, 221, 224) !important;
    }
    .discount{
        width: 10% !important;
    }
    .discountCreateOrder {
        width: 8% !important;
    }
    .percent{
        width: 12% !important;
    }
    .createOrderPercent{
        width:  12% !important;
        margin-right: 0px;
    }
    .createOrderQty{
        width: 8% !important;
    }
    .qty{
        width: 8% !important;
    }
    .qtyHeader {
        width: 12% !important;
    }
    #quantity {
        width: 8% !important; 
    }
    #subtotalHeader{
        width: 15% !important;
    }
    #totalHeader{
        width: 15% !important;
    }
    .total{
        width: 14% !important;
        padding-left:0px;
    }
    .subtotal {
        width: 14% !important;
        padding-left:0px;
    }
    .box{
        box-shadow: 0 0 0.152rem rgb(0 0 0 / 18%), 0 0 0.152rem rgb(0 0 0 / 18%) !important;
    }

    #logo{
        margin: auto 30px auto 0px !important;
    }
    
    #newCompanyLogo {
        display: block !important;
    }

    .removeSomeMarginPrint{
        margin-bottom: 0.5rem !important;
    }
    #discountIncWidPrint{
        width: 18% !important;
    }
    #discTotalPrint{
        padding: 10px !important;
        width: 18% !important;
        text-align: center !important;
    }
    #orderNamePrint{
        display: block !important;
        margin-top: -11% !important;
        /* justify-content: end !important; */
        /* flex-direction: column; */
        margin-left: 75%;
    }
/* 
    #proformaInvoice {
        display: block !important;
        margin-top: -10% !important;
        justify-content: end !important;
    } */
    #container {
        padding-left: 2% !important;
    }
    .OrderInvoicePrint {
        margin-bottom: 15px !important;
    }
}

@page{
    margin-bottom: 0 !important;
}

#officeAddressPrint{
    display: none;
}

@media screen and (max-width:1165px) {
    .showPricePrint{
        font-size: 13px;
    }
    #manuallyDiscountPercent{
        font-size: 13px;
    }
}