WuYongJie
9595267ee7
Some checks failed
Tests / PHP 8.1 (push) Has been cancelled
Tests / PHP 8.2 (push) Has been cancelled
Tests / PHP 8.3 (push) Has been cancelled
1137 lines
20 KiB
CSS
Vendored
1137 lines
20 KiB
CSS
Vendored
@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 <html> 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 */ |