@charset "UTF-8"; /*--General Start--*/ .print-content { color: #3c3f72; } table { width: 100%; } th, td { padding: 10px 9px 10px 9px; } .print-template p { color: #424242; margin-bottom: 1px; } .spacing { display: inline-block; margin-bottom: 9px; } html[dir="ltr"] .print-report-padding { padding-left: 25px; } html[dir="rtl"] .print-report-padding { padding-right: 25px; } html[dir="ltr"] .right-column { text-align: right; } html[dir="rtl"] .right-column { text-align: left; } .small-text { font-size: 10px; } .text-medium { font-weight: 500; } .text-normal { font-size: 14px; } .text-default { font-size: 12px; } .text-semibold { font-weight: 600; } .font-semibold { font-weight: 600; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .row { font-size: 0; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 8px; } .margin-bottom-spacing { margin: 24px 0; } .print-template .mt-1 { margin-top: 8px; } html[dir="ltr"] .print-template .ml-1, html[dir="ltr"] .print-template .ltr\:ml-1 { margin-left: 8px; } html[dir="rtl"] .print-template .mr-1, html[dir="rtl"] .print-template .rtl\:mr-1 { margin-right: 8px; } html[dir="ltr"] .print-template .ml-2, html[dir="ltr"] .print-template .ltr\:ml-2 { margin-left: 16px; } html[dir="rtl"] .print-template .mr-2, html[dir="rtl"] .print-template .rtl\:mr-2 { margin-right: 16px; } html[dir="ltr"] .print-template .mr-2, html[dir="ltr"] .print-template .ltr\:mr-2 { margin-right: 16px; } html[dir="rtl"] .print-template .ml-2, html[dir="rtl"] .print-template .rtl\:ml-2 { margin-left: 16px; } html[dir="ltr"] .pl-head { padding-left: 18px; } html[dir="rtl"] .pl-head { padding-right: 18px; } .print-template .mt-0 { margin-top: 0 !important; } .print-template .mt-1 { margin-top: 8px; } .print-template .mt-2 { margin-top: 16px; } .print-template .mt-3 { margin-top: 24px; } .print-template .mt-4 { margin-top: 32px; } .print-template .mt-5 { margin-top: 40px; } .print-template .mt-6 { margin-top: 48px; } .print-template .mt-7 { margin-top: 56px; } .print-template .mt-8 { margin-top: 64px; } .print-template .mt-9 { margin-top: 72px; } .print-template .pb-0 { padding-bottom: 0; } .print-template .pb-1 { padding-bottom: 8px; } .print-template .py-1 { padding-bottom: 3px; padding-top: 3px; } .py-top { padding-bottom: 16px; padding-top: 16px; } html[dir="ltr"] .p-index-left { padding: 0 15px 0 0; } html[dir="rtl"] .p-index-left { padding: 0 0 0 15px; } html[dir="ltr"] .p-index-right { padding: 0 0 0 15px; } html[dir="rtl"] .p-index-right { padding: 0 15px 0 0; } .p-modern { padding: 0 10px 0 10px; } .print-template .pt-2 { padding-top: 16px; } .print-template .pb-2 { padding-bottom: 16px; } html[dir="ltr"] .print-template .pl-2, html[dir="ltr"] .print-template .ltr\:pl-2 { padding-left: 16px; } html[dir="rtl"] .print-template .pr-2, html[dir="rtl"] .print-template .rtl\:pr-2 { padding-right: 16px; } html[dir="ltr"] .print-template .pl-3, html[dir="ltr"] .print-template .ltr\:pl-3 { padding-left: 24px; } html[dir="rtl"] .print-template .pr-3, html[dir="rtl"] .print-template .rtl\:pr-3 { padding-right: 24px; } html[dir="ltr"] .print-template .pl-4, html[dir="ltr"] .print-template .ltr\:pl-4 { padding-left: 32px; } html[dir="rtl"] .print-template .pr-4, html[dir="rtl"] .print-template .rtl\:pr-4 { padding-right: 32px; } html[dir="ltr"] .print-template .pl-5, html[dir="ltr"] .print-template .ltr\:pl-5 { padding-left: 40px; } html[dir="rtl"] .print-template .pr-5, html[dir="rtl"] .print-template .rtl\:pr-5 { padding-right: 40px; } html[dir="ltr"] .print-template .pl-6, html[dir="ltr"] .print-template .ltr\:pl-6 { padding-left: 48px; } html[dir="rtl"] .print-template .pr-6, html[dir="rtl"] .print-template .rtl\:pr-6 { padding-right: 48px; } html[dir="ltr"] .print-template .pl-7, html[dir="ltr"] .print-template .ltr\:pl-7 { padding-left: 56px; } html[dir="rtl"] .print-template .pr-7, html[dir="rtl"] .print-template .rtl\:pr-7 { padding-right: 56px; } html[dir="ltr"] .print-template .pl-8, html[dir="ltr"] .print-template .ltr\:pl-8 { padding-left: 64px; } html[dir="rtl"] .print-template .pr-8, html[dir="rtl"] .print-template .rtl\:pr-8 { padding-right: 64px; } html[dir="ltr"] .print-template .pl-9, html[dir="ltr"] .print-template .ltr\:pl-9 { padding-left: 72px; } html[dir="rtl"] .print-template .pr-9, html[dir="rtl"] .print-template .rtl\:pr-9 { padding-right: 72px; } .border-1 { border: 1px solid #e5e5e5; } .border-top-1 { border-top: 1px solid #adadad; } .border-bottom-1 { border-bottom: 1px solid #adadad; } .border-radius-default { border-radius: 0.25rem } /* html[dir="ltr"] .border-radius-first { border-radius: 10px 0px 0px 10px; } html[dir="rtl"] .border-radius-first { border-radius: 0px 10px 10px 0px; } html[dir="ltr"] .border-radius-last { border-radius: 0px 10px 10px 0px; } html[dir="rtl"] .border-radius-last { border-radius: 10px 0px 0px 10px; } */ /* template table border radius control */ html[dir="ltr"] .lines-radius-border thead td:first-child { border-radius: 10px 0px 0px 10px; } html[dir="ltr"] .lines-radius-border thead td:last-child { border-radius: 0px 10px 10px 0px; } html[dir="rtl"] .lines-radius-border thead td:first-child { border-radius: 0px 10px 10px 0px; } html[dir="rtl"] .lines-radius-border thead td:last-child { border-radius: 10px 0px 0px 10px; } /* DomPDF fallback: class-based selectors (DomPDF does not reliably support :first-child/:last-child on td) */ /* html[dir="ltr"] .lines-radius-border thead td.item { border-radius: 10px 0px 0px 10px; } html[dir="ltr"] .lines-radius-border thead td.total { border-radius: 0px 10px 10px 0px; } html[dir="rtl"] .lines-radius-border thead td.item { border-radius: 0px 10px 10px 0px; } html[dir="rtl"] .lines-radius-border thead td.total { border-radius: 10px 0px 0px 10px; } */ /* template table border radius control */ html[dir="ltr"] .float-left, html[dir="ltr"] .ltr\:float-left { float: left !important; } html[dir="rtl"] .float-left, html[dir="rtl"] .ltr\:float-left { float: left !important; } html[dir="ltr"] .float-right, html[dir="ltr"] .ltr\:float-right { float: right !important; } html[dir="rtl"] .float-right, html[dir="rtl"] .ltr\:float-right { float: right !important; } html[dir="rtl"] .rtl\:float-left { float: left !important; } html[dir="rtl"] .rtl\:float-right { float: right !important; } /* DomPDF compatibility: [class~] fallback for Tailwind escaped class names (ltr\: / rtl\:) */ html[dir="ltr"] [class~="ltr:float-left"], html[dir="rtl"] [class~="ltr:float-left"] { float: left !important; } html[dir="ltr"] [class~="ltr:float-right"], html[dir="rtl"] [class~="ltr:float-right"] { float: right !important; } html[dir="rtl"] [class~="rtl:float-left"] { float: left !important; } html[dir="rtl"] [class~="rtl:float-right"] { float: right !important; } html[dir="ltr"] [class~="ltr:text-left"] { text-align: left; } html[dir="ltr"] [class~="ltr:text-right"] { text-align: right; } html[dir="rtl"] [class~="rtl:text-left"] { text-align: left; } html[dir="rtl"] [class~="rtl:text-right"] { text-align: right; } /* DomPDF compatibility: [class~] fallback for escaped margin/padding classes */ html[dir="ltr"] .print-template [class~="ltr:ml-1"] { margin-left: 8px; } html[dir="rtl"] .print-template [class~="rtl:mr-1"] { margin-right: 8px; } html[dir="ltr"] .print-template [class~="ltr:ml-2"] { margin-left: 16px; } html[dir="rtl"] .print-template [class~="rtl:mr-2"] { margin-right: 16px; } html[dir="ltr"] .print-template [class~="ltr:mr-2"] { margin-right: 16px; } html[dir="rtl"] .print-template [class~="rtl:ml-2"] { margin-left: 16px; } html[dir="ltr"] .print-template [class~="ltr:pl-2"] { padding-left: 16px; } html[dir="rtl"] .print-template [class~="rtl:pr-2"] { padding-right: 16px; } html[dir="ltr"] .print-template [class~="ltr:pl-3"] { padding-left: 24px; } html[dir="rtl"] .print-template [class~="rtl:pr-3"] { padding-right: 24px; } html[dir="ltr"] .print-template [class~="ltr:pl-4"] { padding-left: 32px; } html[dir="rtl"] .print-template [class~="rtl:pr-4"] { padding-right: 32px; } html[dir="ltr"] .print-template [class~="ltr:pl-5"] { padding-left: 40px; } html[dir="rtl"] .print-template [class~="rtl:pr-5"] { padding-right: 40px; } html[dir="ltr"] .print-template [class~="ltr:pl-6"] { padding-left: 48px; } html[dir="rtl"] .print-template [class~="rtl:pr-6"] { padding-right: 48px; } html[dir="ltr"] .print-template [class~="ltr:pl-7"] { padding-left: 56px; } html[dir="rtl"] .print-template [class~="rtl:pr-7"] { padding-right: 56px; } html[dir="ltr"] .print-template [class~="ltr:pl-8"] { padding-left: 64px; } html[dir="rtl"] .print-template [class~="rtl:pr-8"] { padding-right: 64px; } html[dir="ltr"] .print-template [class~="ltr:pl-9"] { padding-left: 72px; } html[dir="rtl"] .print-template [class~="rtl:pr-9"] { padding-right: 72px; } .font-size-unset { font-size: unset; } .text { color: #595959; margin-top:8px; font-size: 12px; } .text-dark { color: black; } .text-nowrap { white-space: nowrap; } .text-uppercase { text-transform: uppercase; } .break-words { overflow-wrap: break-word; word-break: break-word; } html[dir="ltr"] .text-left, html[dir="ltr"] .ltr\:text-left { text-align: left; } html[dir="rtl"] .text-left, html[dir="rtl"] .rtl\:text-left { text-align: left; } html[dir="ltr"] .text-alignment-left { text-align: left !important; } html[dir="rtl"] .text-alignment-left { text-align: right !important; } html[dir="ltr"] .text-alignment-right { text-align: right !important; } html[dir="rtl"] .text-alignment-right { text-align: left !important; } html[dir="ltr"] .text-right, html[dir="ltr"] .ltr\:text-right { text-align: right; } html[dir="rtl"] .text-right, html[dir="rtl"] .rtl\:text-right { text-align: right; } .text-alignment-center { text-align: center; } .text-center { text-align: center; } .text-white { color: #ffffff !important; } .mt-classic { margin-top: 6px; } .bg-default { background-color: #3c3f72; } .radius-circle { border-radius: 50%; } /*--General Finish--*/ /*--Print Template Default Start--*/ .col-100 { display: inline-block; width: 100%; vertical-align: top; } .col-w-2 { width: 16.6666666667%; } .col-w-4 { width: 33.3333333333%; } .col-w-6 { width: 50%; } .col-w-8 { width: 66.6666666667%; } .col-w-10 { width: 83.3333333333%; } .col-w-12 { width: 50%; } .w-image { width: 70px; } .w-numbers { width: 120px; } .lines { border-collapse: collapse; table-layout: auto; border-bottom: 1px solid #adadad; } .lines thead { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .lines tbody td { border-bottom: 1px solid #adadad; } .lines .item { width: 40%; } .lines .quantity { width: 10%; border-left: initial !important; border-right: initial !important; } html[dir="ltr"] .lines .quantity { text-align: right; } html[dir="rtl"] .lines .quantity { text-align: left; } .lines .price { width: 20%; border-left: initial !important; border-right: initial !important; } html[dir="ltr"] .lines .price { text-align: right; } html[dir="rtl"] .lines .price { text-align: left; } .lines .discount { width: 10%; } html[dir="ltr"] .lines .discount { text-align: right; } html[dir="rtl"] .lines .discount { text-align: left; } .lines .total { width: 20%; } html[dir="ltr"] .lines .total { text-align: right; } html[dir="rtl"] .lines .total { text-align: left; } .modern-lines { border-bottom: unset; } .modern-lines tbody td { border-bottom: unset; } .d-logo { padding-top: 18px; padding-bottom: 30px; } .d-note { width: 80%; background-color: #e5e5e5; } /*--Print Template Default Finish--*/ /*--Print Template Classic Start--*/ .c-logo { padding-top: 25px; } .c-note { width: 80%; } .invoice-classic-line { height: 1px; background-color: #adadad; } .invoice-classic-frame { width: 90%; height: 60px; border: 1px solid #adadad; border-radius: 10px; } .invoice-classic-inline-frame { margin: 4.5px auto; width: 95% !important; height: 50px; border: 1px solid #adadad; border-radius: 10px; } .modern-head { border-radius: 10px; } .col-33 { display: inline-block; width: 33%; vertical-align: top; } .c-lines thead th { border-bottom: 1px dashed #e5e5e5; } .c-lines tbody td { border-top: 1px dashed #e5e5e5; } .c-lines .item { width: 40%; } .c-lines .quantity { width: 10%; } html[dir="ltr"] .c-lines .quantity { text-align: right; } html[dir="rtl"] .c-lines .quantity { text-align: left; } .c-lines .price { width: 20%; } html[dir="ltr"] .c-lines .price { text-align: right; } html[dir="rtl"] .c-lines .price { text-align: left; } .c-lines .discount { width: 10%; } html[dir="ltr"] .c-lines .discount { text-align: right; } html[dir="rtl"] .c-lines .discount { text-align: left; } .c-lines .total { width: 20%; } html[dir="ltr"] .c-lines .total { text-align: right; } html[dir="rtl"] .c-lines .total { text-align: left; } .border-bottom-dashed { border-bottom: 1px dashed #e5e5e5; } .border-bottom-dashed-black { border-bottom: 1px dashed #595959; } /*--Print Template Classic Finish--*/ /*--Print Template Modern Start--*/ .justify-content-between { justify-content: space-between !important; } .align-items-center { align-items: center !important; } .d-flex { display: flex !important; } .m-note { width: 80%; } .modern-lines { border-collapse: collapse; table-layout: auto; } .modern-lines .item { width: 40%; } .modern-lines .quantity { width: 10%; text-align: center; } .modern-lines .price { width: 20%; } html[dir="ltr"] .modern-lines .price { text-align: right; } html[dir="rtl"] .modern-lines .price { text-align: left; } .modern-lines .discount { width: 10%; } html[dir="ltr"] .modern-lines .discount { text-align: right; } html[dir="rtl"] .modern-lines .discount { text-align: left; } .modern-lines .total { width: 20%; } html[dir="ltr"] .modern-lines .total { text-align: right; } html[dir="rtl"] .modern-lines .total { text-align: left; } /*--Print Template Modern Finish--*/ /*--Print Reports Start--*/ .rp-border-top-1 { border-top: 1px solid #e5e5e5; } .rp-border-bottom-1 { border-bottom: 1px solid #adadad; } .rp-border-top-1 { border-top: 1px solid #e5e5e5; } .rp-border-0 { border: 0 !important; } .rp-border-collapse { border-collapse: collapse; } html[dir="ltr"] .rp-float-left { float: left; } html[dir="rtl"] .rp-float-left { float: right; } html[dir="ltr"] .rp-float-right { float: right; } html[dir="rtl"] .rp-float-right { float: left; } /*--Print Reports Finish--*/ .clearfix:after { display: block; clear: both; content: "" } .show-card { padding: 0px 15px; border-radius: 0px; box-shadow: rgb(0 0 0 / 20%) 0px 4px 16px; } .card-amount-badge h5 { font-size: 20px; } .card-amount-badge span { font-size: 32px; } .show-card-body { padding: 1.5rem 2.5rem; } .show-card-bg-success { width: 350px; height: 150px; border-radius: unset; } .show-company-value strong { font-weight: bold; } .show-company p { min-height: 52px; } .extra-spacing { margin-top: 30px; } .top-spacing { margin-top: 20px; } /*--Print--*/ .col-1 { width: 8.333333%; } .col-2 { width: 16.666667%; } .col-4 { width: 33.333333%; } html[dir="ltr"] .print-alignment { text-align: right; } html[dir="rtl"] .print-alignment { text-align: left; } .print-heading { color: #55588b; font-weight: bold; font-size: 1.25rem; line-height: 1.75rem; border-bottom: 1px solid; } html[dir="ltr"] .print-heading { text-align: left; } html[dir="rtl"] .print-heading { text-align: right; } .custom-product-hunt { display: none; } .classic-invoice { margin-top: 10px; } /*--Print --*/ .col-60 { display: inline-block; width: 60%; vertical-align: top; } .col-50 { display: inline-block; width: 50%; vertical-align: top; } .col-40 { display: inline-block; width: 40%; vertical-align: top; } .col-58 { display: inline-block; width: 58%; vertical-align: top; } .col-42 { display: inline-block; width: 42%; vertical-align: top; } .col-16 { display: inline-block; max-width: 16%; vertical-align: top; } .order-max-width { width: 150px; } @media only screen and (min-width: 1024px) and (max-width: 1536px) { .col-60 { display: inline-block; width: 50%; vertical-align: top; } .col-40 { display: inline-block; width: 50%; vertical-align: top; } .mt-classic { margin-top: -1px; } } @media (min-width: 991px) { .classic-invoice { margin-top: unset; } } @media (max-width: 1600px) { .p-index-right { padding: 0; } } @media (max-width: 1200px) { .transaction-head-text { max-width: 100px !important; } } @media (max-width: 991px) { .transaction-head-text { max-width: 75px !important; } } @media (max-width: 575.98px) { .show-card { overflow-y: scroll; } .show-card-body { padding: 1.5rem 1.5rem; } } /* DomPDF: direction:rtl on already handles column order in DomPDF. Transforms are NOT applied here — they interfere with DomPDF width computation. */ html[dir="rtl"] .lines, html[dir="rtl"] .modern-lines, html[dir="rtl"] .c-lines { transform: scaleX(-1); width: 100% !important; } html[dir="rtl"] .font-semibold { font-weight: unset; } html[dir="rtl"] .lines td, html[dir="rtl"] .lines th, html[dir="rtl"] .modern-lines td, html[dir="rtl"] .modern-lines th, html[dir="rtl"] .c-lines td, html[dir="rtl"] .c-lines th { transform: scaleX(-1); } /* Browsers: direction:rtl alone may not reverse column order in all browsers, so scaleX(-1) on the table mirrors columns, and scaleX(-1) on cells un-mirrors text. */ @supports (display: flex) { html[dir="rtl"] .lines, html[dir="rtl"] .modern-lines, html[dir="rtl"] .c-lines { transform: scaleX(1); } html[dir="rtl"] .font-semibold { font-weight: 600; } html[dir="rtl"] .lines td, html[dir="rtl"] .lines th, html[dir="rtl"] .modern-lines td, html[dir="rtl"] .modern-lines th, html[dir="rtl"] .c-lines td, html[dir="rtl"] .c-lines th { transform: scaleX(1); } } /* DomPDF fix: .col-100 { display: inline-block } causes shrink-wrap in DomPDF. Column widths (40+10+20+20=90%) become the table width instead of the container. display:block ensures DomPDF uses the parent container as the reference, then scales columns proportionally to fill 100%. */ html[dir="rtl"] .col-100 { display: block; } @supports (display: flex) { html[dir="rtl"] .col-100 { display: inline-block; } } /* template table border radius control */ html[dir="rtl"] .lines-radius-border thead td:first-child { border-radius: 0px 10px 10px 0px; } html[dir="rtl"] .lines-radius-border thead td:last-child { border-radius: 10px 0px 0px 10px; } /* template table border radius control */