.dcsoft-order-received .invoice-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(/wp-content/uploads/2026/01/bg-bill.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 2.22rem 5.56rem;
}
.dcsoft-order-received .invoice-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dcsoft-order-received .invoice-header .container::after {
    display: none;
}
.dcsoft-order-received .invoice-header .logo img {
    height: 7.29rem;
}
.dcsoft-order-received .invoice-header .invoice-meta {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.11rem;
    line-height: 100%;
    color: #000000;
    display: flex;
    gap: 1.11rem;
    flex-direction: column;
}
.dcsoft-order-received .invoice-header .invoice-meta p {
    margin: 0;
}
.invoice-customer {
    padding: 1.11rem 5.56rem;
    background: #E8F4E3;
}
.dcsoft-order-received {
    display: flex;
    flex-direction: column;
    gap: 1.11rem;
}
.invoice-customer .container {
    display: flex;
    justify-content: space-between;
}
.dcsoft-order-received .container::after {
    display: none;
}
.invoice-customer .address {
    display: flex;
    gap: .56rem;
    flex-direction: column;
}
.invoice-customer .address h3 {
    margin: 0 0 .28rem 0;
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.39rem;
    line-height: 100%;
    color: #000000;
}
.invoice-customer .address p {
    margin: 0;
    font-family: Quicksand, sans-serif;
    font-weight: 500;
    font-size: 1.11rem;
    line-height: 100%;
    color: #000000;
}
.invoice-customer .address p:nth-child(2) {
    font-weight: 600;
}
.invoice-customer .invoice-payment {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.11rem;
    line-height: 120%;
    text-align: right;
    color: #000000;
}
.invoice-customer .invoice-payment strong {
    font-size: 1.39rem;
    display: block;
    margin-bottom: .83rem;
}
.dcsoft-order-received .blogs-product {
    width: 88.33rem;
    margin: auto;
    border: .07rem solid #ECECEC;
    padding: 1.67rem;
}
.dcsoft-order-received table.invoice-table {
    width: 100%;
    margin: 0;
}
.dcsoft-order-received table.invoice-table thead {
    background: #F2F3F4;
}
.dcsoft-order-received table.invoice-table thead th {
    padding: 1.11rem;
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 1.11rem;
    line-height: 1.67rem;
    color: #253D4E;
    border: 0;
}
table.invoice-table tbody tr td {
    padding: 1.11rem;
    border-bottom: .07rem solid #ECECEC;
}
table.invoice-table tbody tr:last-child td {
    border-bottom: 0;
}
table.invoice-table tbody tr td.name .d-flex {
    display: flex;
    gap: .56rem;
}
table.invoice-table tbody tr td.name .border {
    border: .07rem solid #ECECEC;
    border-radius: .56rem;
    width: 5.56rem;
    height: 5.56rem;
    overflow: hidden;
}
table.invoice-table tbody tr td.name .border img.thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
table.invoice-table tbody tr td.name .title {
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 1.11rem;
    line-height: 1.39rem;
    color: #253D4E;
}
table.invoice-table tbody tr td.name .stars {
    display: flex;
    gap: .28rem;
    align-items: center;
    margin-top: .69rem;
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: .69rem;
    line-height: 1.39rem;
    color: #ADADAD;
}
table.invoice-table tbody tr td.name .stars .star {
    font-size: 1.11rem;
    font-family: "fl-icons";
    font-weight: normal;
    color: #ADADAD;
}
table.invoice-table tbody tr td.name .stars .star:before {
    content: "";
}
table.invoice-table tbody tr td.name .stars .star.active {
    color: #FFC107;
}
table.invoice-table tbody tr td.price {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.39rem;
    line-height: 100%;
    color: #253D4E;
}
table.invoice-table tbody tr td.price .amount bdi span {
    font-size: 1.11rem;
}
table.invoice-table tbody tr  td.quantity span {
    margin: 0;
    border: .07rem solid #F9D2D4;
    width: 4.44rem;
    height: 2.22rem;
    gap: .56rem;
    opacity: 1;
    border-radius: 6.94rem;
    padding: .28rem;
    border-width: .07rem;
    justify-content: center;
    align-items: center;
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 1.11rem;
    line-height: 1.67rem;
    text-align: center;
    display: block;
}
table.invoice-table tbody tr td.quantity {
    margin: 0;
    display: table-cell;
    vertical-align: inherit;
}
table.invoice-table tbody tr td.toal {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.39rem;
    line-height: 100%;
    color: #DF1F26;
}
table.invoice-table tbody tr td.toal .amount {
    color: #DF1F26;
}
table.invoice-table tbody tr td.toal .amount bdi span {
    font-size: 1.11rem;
}
.dcsoft-order-received .invoice-total {
    padding: 1.11rem;
    background: #F7F8FA;
}
.dcsoft-order-received .invoice-total p {
    margin: 0;
    display: flex;
    justify-content: space-between;
    border-bottom: .07rem dashed #ECECEC;
    padding: .56rem 1.11rem;
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 1.11rem;
    line-height: 1.67rem;
    color: #253D4E;
}
.dcsoft-order-received .invoice-total p .amount {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.39rem;
    line-height: 100%;
    text-align: right;
    color: #253D4E;
}
.dcsoft-order-received .invoice-total p .amount bdi span {
    font-size: 1.11rem;
}
.dcsoft-order-received .invoice-total h2 {
    margin: 0;
    display: flex;
    justify-content: space-between;
    padding: .56rem 1.11rem;
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 1.11rem;
    line-height: 1.67rem;
    color: #253D4E;
}
.dcsoft-order-received .invoice-total h2 .amount {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 2.22rem;
    line-height: 100%;
    text-align: right;
    color: #DF1F26;
}
.dcsoft-order-received .invoice-total h2 .amount bdi span {
    font-size: 1.25rem;
}
.dcsoft-order-received .follow-us {
    padding: 1.11rem 5.56rem;
    background: #FDEFEF;
}
.dcsoft-order-received .follow-us .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dcsoft-order-received .follow-us .label {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.39rem;
    line-height: 100%;
    text-align: right;
    color: #000000;
}
.dcsoft-order-received .follow-us .by {
    display: flex;
    gap: 1.67rem;
    align-items: center;
}
.dcsoft-order-received .follow-us .by span {
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 1.39rem;
    line-height: 1.94rem;
    color: #253D4E;
}
.dcsoft-order-received .follow-us .by ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: .83rem;
    align-items: center;
}
.dcsoft-order-received .follow-us .by ul li.social {
    margin: 0;
    width: 2.78rem;
    height: 2.78rem;
    border-radius: 100%;
    background: #DF1F26;
    padding: .56rem;
}
.dcsoft-order-received .follow-us .by ul li.social svg {
    width: 1.67rem;
    height: 1.67rem;
}
.dcsoft-order-received .print.invoice {
    display: flex;
    gap: 2.22rem;
    justify-content: center;
    align-items: center;
}
.dcsoft-order-received .print.invoice a {
    display: flex;
    gap: .56rem;
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 1.11rem;
    line-height: 1.67rem;
    color: #fff;
    padding: .83rem 1.67rem;
    border-radius: 6.94rem;
    background: #253D4E;
    align-items: center;
}
.dcsoft-order-received .print.invoice a:last-child {
    background: #DF1F26;
}
.dcsoft-order-received .print.invoice a svg {
    width: 1.39rem;
    height: 1.39rem;
}
.dcsoft-order-received h2.title.bill {
    margin: 1.11rem 0 0 0;
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 2.22rem;
    line-height: 2.78rem;
    text-transform: uppercase;
    color: #253D4E;
}
table.invoice-table tbody tr td.name input.selected,
table.invoice-table tbody tr td.name a.remove{
    display: none;
}
table.invoice-table tbody tr td.quantity .buttons-added {
    display: none;
}

@page {
    size: A4;
    margin: 10mm;
}

@media print {
    #print-wrapper,
    #print-wrapper * {
        display: block !important;
        visibility: visible !important;
    }

    #print-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    #print-area {
        page-break-inside: avoid;
        break-inside: avoid;
        transform: scale(0.9);
        transform-origin: top left;
        width: 111%;
    }

    body.pdf-export .invoice,
    body.pdf-export .follow-us,
    body.action-print .follow-us .by,
    body.action-print #header,
    body.action-print #footer,
    body.action-print .print,
    body.action-print .remove,
    body.action-print .selected,
    body.action-print .buttons-added {
        display: none !important;
    }
}

body.pdf-export .print.invoice,
body.pdf-export .follow-us {
    display: none !important;
}

body.pdf-export .invoice-header {
    background-image: none !important;
}

body.pdf-export .dcsoft-order-received,
body.pdf-export .invoice-wrapper {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
    display: block !important;
}


body.pdf-export .page,
body.pdf-export .container,
body.pdf-export .content {
    height: auto !important;
    overflow: visible !important;
}
body.pdf-export .invoice-wrapper {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
}

body.pdf-export * {
    overflow: visible !important;
}

.pdf-export table {
    width: 100% !important;
    table-layout: fixed !important;
}

.pdf-export th,
.pdf-export td {
    font-size: 12px !important;
    word-wrap: break-word;
    white-space: normal !important;
}

.pdf-export th:nth-child(1),
.pdf-export td:nth-child(1) {
    width: 45% !important; /* Sản phẩm */
}

.pdf-export th:nth-child(2),
.pdf-export td:nth-child(2) {
    width: 15% !important; /* Đơn giá */
}

.pdf-export th:nth-child(3),
.pdf-export td:nth-child(3) {
    width: 15% !important; /* Số lượng */
}

.pdf-export th:nth-child(4),
.pdf-export td:nth-child(4) {
    width: 25% !important; /* Thành tiền */
}


@media only screen and (max-width: 767.9px) {
    .dcsoft-order-received h2.title.bill {
        text-align: center;
        margin: 4.1rem 0 0 0;
        font-size: 5.12rem;
        line-height: 120%;
    }
    .dcsoft-order-received .invoice-header {
        padding: 4.1rem 6.15rem;
    }
    .dcsoft-order-received .container {
        max-width: 100%;
    }
    .dcsoft-order-received .invoice-header .logo img {
        height: 14.09rem;
    }
    .dcsoft-order-received .invoice-header .invoice-meta {
        gap: 4.1rem;
        font-size: 3.07rem;
        text-align: right;
    }
    .dcsoft-order-received {
        gap: 2.05rem;
    }
    .invoice-customer {
        padding: 4.1rem 6.15rem;
    }
    .invoice-customer .address {
        width: 100%;
        gap: 2.05rem;
    }
    .dcsoft-order-received .container {
        flex-direction: column;
        gap: 4.1rem;
    }
    .invoice-customer .address h3 {
        margin: 0 0 1.02rem 0;
        font-size: 4.61rem;
    }
    .invoice-customer .address p {
        font-size: 3.59rem;
    }
    .invoice-customer .invoice-payment {
        text-align: left;
        font-size: 3.59rem;
    }
    .invoice-customer .invoice-payment strong {
        font-size: 4.61rem;
        margin-bottom: 3.07rem;
    }
    .dcsoft-order-received .blogs-product {
        width: 100%;
        border: 0;
        padding: 0;
    }
    .dcsoft-order-received table.invoice-table thead {
        display: none;
    }
    .dcsoft-order-received table.invoice-table tbody tr {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    table.invoice-table tbody tr td {
        padding: 0;
    }
    .dcsoft-order-received table.invoice-table tbody tr {
        padding: 2.05rem 4.1rem;
        position: relative;
        border-bottom: 0;
    }
    table.invoice-table tbody tr td.name {
        display: flex;
        gap: 2.05rem;
        align-items: center;
        width: 100%;
    }
    table.invoice-table tbody tr td.name input.selected, 
    table.invoice-table tbody tr td.name a.remove {
        display: block;
    }
    table.invoice-table tbody tr td.name input.selected {
        margin: 0;
        width: 5.12rem;
        height: 5.12rem;
        border: .26rem solid #ADADAD;
        appearance: none;
        -webkit-appearance: none;
        border-radius: 1.02rem;
        vertical-align: middle;
        transition: background-color 0.3s, border-color 0.3s;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    table.invoice-table tbody tr td.name input.selected:checked {
        background-color: #d93025;
        border: unset;
    }
    table.invoice-table tbody tr td.name input.selected:checked::after {
        content: "";
        position: absolute;
        transform: rotate(45deg);
        box-sizing: content-box;
        border: solid white;
        border-width: 0 .77rem .77rem 0;
        top: .77rem;
        left: 1.79rem;
        width: 1.28rem;
        height: 2.31rem;
    }
    table.invoice-table tbody tr td.name a.remove {
        position: absolute;
        top: 0;
        right: 3.07rem;
        border: 0;
        background: #fff;
    }
    table.invoice-table tbody tr td.name .border {
        width: 23.05rem;
        height: 23.05rem;
        border: 0;
        border-radius: 0;
        position: absolute;
        left: 11.27rem;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    table.invoice-table tbody tr td.name .title {
        width: calc(100% - 32.27rem);
        font-size: 4.1rem;
        line-height: 120%;
        margin-left: auto;
    }
    table.invoice-table tbody tr td.name .d-flex {
        gap: 2.05rem;
        width: 100%;
        margin-left: auto;
    }
    table.invoice-table tbody tr td.name .stars {
        margin-top: 1.02rem;
        gap: 1.02rem;
        font-size: 2.56rem;
        line-height: 5.12rem;
    }
    table.invoice-table tbody tr td.name .stars .star {
        font-size: 3.59rem;
    }
    table.invoice-table tbody tr td.toal {
        width: calc(100% - 32.27rem);
        margin-left: auto;
        font-size: 4.61rem;
        font-family: 'Quicksand Bold', sans-serif;
        line-height: 8.2rem;
    }
    table.invoice-table tbody tr td.price {
        display: none;
    }
    table.invoice-table tbody tr td.quantity {
        position: absolute;
        bottom: 2.05rem;
        right: 4.1rem;
    }
    table.invoice-table tbody tr td.quantity .number {
        display: none;
    }
    table.invoice-table tbody tr td.quantity .buttons-added {
        display: block;
        padding: 1.02rem;
        border: .26rem solid #F9D2D4;
        border-radius: 25.61rem;
        width: max-content;
        height: auto;
    }
    table.invoice-table tbody tr td.toal .amount bdi span {
        font-size: 3.59rem;
        font-family: 'Quicksand', sans-serif;
        font-weight: 600;
    }
    table.invoice-table tbody tr td.quantity .buttons-added input {
        border: 0;
        width: 6.15rem;
        height: 6.15rem;
        background: #FADEDF;
        padding: 0;
        min-height: auto;
        line-height: 5.64rem;
        border-radius: 100%!important;
        color: #DF1F26;
        font-size: 4.35rem;
    }
    table.invoice-table tbody tr td.quantity .buttons-added input[type=number] {
        background: transparent;
        border: none;
        box-shadow: none;
        font-family: 'Quicksand Bold', sans-serif;
        font-weight: 700;
        font-size: 4.1rem;
        line-height: 6.15rem;
        text-align: center;
        color: #253D4E;
        width: 5.12rem;
    }
    .dcsoft-order-received .invoice-total {
        margin-top: 4.1rem;
        padding: 4.1rem;
    }
    .dcsoft-order-received table.invoice-table tbody tr:after {
        content: '';
        border-bottom: .26rem solid #ECECEC;
        position: absolute;
        bottom: 0;
        height: .26rem;
        width: calc(100% - 8.2rem);
    }
    .dcsoft-order-received .invoice-total p {
        padding: 2.05rem 4.1rem;
        font-size: 3.59rem;
        line-height: 6.15rem;
        border-bottom: .26rem dashed #ECECEC;
    }
    .dcsoft-order-received .invoice-total p .amount {
        font-size: 4.61rem;
    }
    .dcsoft-order-received .invoice-total p .amount bdi span {
        font-size: 4.1rem;
    }
    .dcsoft-order-received .invoice-total h2 {
        padding: 2.05rem 4.1rem;
        font-size: 3.59rem;
        line-height: 6.15rem;
    }
    .dcsoft-order-received .invoice-total h2 .amount {
        font-size: 6.15rem;
    }
    .dcsoft-order-received .invoice-total h2 .amount bdi span {
        font-size: 4.35rem;
    }
    .dcsoft-order-received .follow-us {
        padding: 4.1rem;
    }
    .dcsoft-order-received .follow-us .label {
        font-size: 4.1rem;
    }
    .dcsoft-order-received .follow-us .by {
        gap: 4.1rem;
    }
    .dcsoft-order-received .follow-us .by span {
        font-size: 3.59rem;
        line-height: 7.17rem;
    }
    .dcsoft-order-received .follow-us .by ul {
        gap: 2.05rem;
    }
    .dcsoft-order-received .follow-us .by ul li.social {
        width: 6.66rem;
        height: 6.66rem;
        padding: 1.54rem;
    }
    .dcsoft-order-received .follow-us .by ul li.social svg {
        width: 3.59rem;
        height: 3.59rem;
    }
    .dcsoft-order-received .follow-us .container {
        align-items: flex-start;
    }
    .dcsoft-order-received .print.invoice {
        gap: inherit;
        justify-content: space-between;
        padding: 2.05rem 4.1rem 4.1rem;
    }
    .dcsoft-order-received .print.invoice a {
        padding: 2.05rem 4.1rem;
        gap: 2.05rem;
        font-size: 3.59rem;
        line-height: 6.15rem;
        border-radius: 25.61rem;
    }
    .dcsoft-order-received .print.invoice a svg {
        width: 5.12rem;
        height: 5.12rem;
    }
	.dcsoft-order-received table.invoice-table tbody tr td.name input.selected,
    .dcsoft-order-received table.invoice-table tbody tr td.name a.remove,
    .dcsoft-order-received table.invoice-table tbody tr td.quantity{
        display: none;
    }
    .dcsoft-order-received table.invoice-table tbody tr td.name .border {left: 4.1rem;}
    .dcsoft-order-received table.invoice-table tbody tr td.name .title,
    .dcsoft-order-received table.invoice-table tbody tr td.toal {
        width: calc(100% - 26.5rem);
    }
}