512 lines
9.8 KiB
PHP
512 lines
9.8 KiB
PHP
<style>
|
|
/* Load Bangla font from storage/fonts */
|
|
@font-face {
|
|
font-family: 'NotoSans';
|
|
font-style: normal;
|
|
src: url("{{ asset('fonts/NotoSans-Regular.ttf') }}") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'NotoSansBengali';
|
|
font-style: normal;
|
|
src: url("{{ asset('fonts/NotoSansBengali-Regular.ttf') }}") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'NotoNaskhArabic';
|
|
font-style: normal;
|
|
src: url("{{ asset('fonts/NotoNaskhArabic-Regular.ttf') }}") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'NotoSansDevanagari';
|
|
font-style: normal;
|
|
src: url("{{ asset('fonts/NotoSansDevanagari-Regular.ttf') }}") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'NotoSansSC';
|
|
font-style: normal;
|
|
src: url("{{ asset('fonts/NotoSansSC-Regular.ttf') }}") format("truetype");
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body, p, h1, h2, h3, h4, td, th, span, div {
|
|
font-family:
|
|
'NotoSansBengali',
|
|
'NotoNaskhArabic',
|
|
'NotoSansDevanagari',
|
|
'NotoSansSC',
|
|
'NotoSans',
|
|
sans-serif;
|
|
}
|
|
|
|
.in-container {
|
|
padding: 24px
|
|
}
|
|
.pdf-logo{
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
}
|
|
.pdf-logo-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.logo-cell {
|
|
width: 60px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.company-cell {
|
|
vertical-align: middle;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.invoice-logo {
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
|
|
.company-name {
|
|
margin: 0;
|
|
font-size: 24px;
|
|
/* font-weight: bold; */
|
|
}
|
|
|
|
.sale-invoice {
|
|
font-size: 16px;
|
|
/* font-weight: 600; */
|
|
line-height: 24.2px;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.in-pdf-title {
|
|
font-size: 20px;
|
|
/* font-weight: 600; */
|
|
line-height: 24.2px;
|
|
text-align: center;
|
|
margin-top: 20px !important;
|
|
}
|
|
|
|
.table-header {
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.invoice-container {
|
|
/* width: 100%;
|
|
max-width: 100%; */
|
|
/* overflow: auto; */
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 0px;
|
|
}
|
|
|
|
.in-content {
|
|
/* width: 800px; */
|
|
background-color: white;
|
|
position: relative;
|
|
}
|
|
|
|
.in-table-header .head-red {
|
|
/* background-color: #c52127 !important; */
|
|
color: black;
|
|
padding: 12px 14px;
|
|
/* font-weight: 700; */
|
|
font-size: 14px;
|
|
border-right: 1px solid black;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.in-table-header .head-red:first-child {
|
|
border-left: 1px solid black;
|
|
}
|
|
|
|
.in-table-header .head-black {
|
|
/* background-color: black !important; */
|
|
color: black;
|
|
padding: 14px 12px;
|
|
/* font-weight: 700; */
|
|
font-size: 14px;
|
|
border-right: 1px solid black;
|
|
border-top: 1px solid black;
|
|
border-bottom:1px solid black;
|
|
}
|
|
|
|
|
|
/* .in-table-body-container tr.in-table-body:nth-child(odd) {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.in-table-body-container tr.in-table-body:nth-child(even) {
|
|
background-color: #C521271A;
|
|
} */
|
|
|
|
.in-table-body td:first-child {
|
|
border-left: 1px solid #000;
|
|
|
|
}
|
|
|
|
.in-table-body td:last-child {
|
|
border-right: 1px solid #000;
|
|
}
|
|
|
|
.in-table-body:last-child td {
|
|
border-bottom: 1px solid #000;
|
|
|
|
}
|
|
|
|
.in-table-body-container {
|
|
border: 1px solid #000 !important;
|
|
}
|
|
|
|
.in-table-body td {
|
|
padding: 5px 14px;
|
|
border-left: 1px solid #000;
|
|
/* border-right: .5px solid #000; */
|
|
font-size: 14px;
|
|
}
|
|
|
|
.invoice-logo {
|
|
width: 54px;
|
|
object-fit: contain;
|
|
height: 54px;
|
|
}
|
|
|
|
.logo {
|
|
padding-top: 12px;
|
|
margin-bottom: 26px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
font-size: 24px;
|
|
/* font-weight: 700; */
|
|
}
|
|
|
|
.invoice-header-content {
|
|
display: table;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
font-size: 12px;
|
|
color: black;
|
|
margin-bottom: 12px;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.invoice-header-content div {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding: 5px;
|
|
width: 50%;
|
|
/* সমানভাবে দুই পাশে ভাগ করে */
|
|
}
|
|
|
|
@media print {
|
|
.invoice-header-content {
|
|
display: table !important;
|
|
}
|
|
|
|
.invoice-header-content div {
|
|
display: table-cell !important;
|
|
width: 50% !important;
|
|
}
|
|
}
|
|
|
|
|
|
.in-table-row td {
|
|
padding-bottom: 8px;
|
|
padding-top: 8px;
|
|
color:black;
|
|
}
|
|
|
|
.in-bottom-content {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
margin-top: 12px;
|
|
|
|
}
|
|
.left-right-content{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
margin-top: 12px;
|
|
}
|
|
.in-bottom-content {
|
|
display: table;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
font-size: 12px;
|
|
margin-bottom: 12px;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.in-bottom-content div {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding: 5px;
|
|
width: 30%;
|
|
}
|
|
|
|
@media print {
|
|
.in-bottom-content {
|
|
display: table !important;
|
|
}
|
|
|
|
.in-bottom-content div {
|
|
display: table-cell !important;
|
|
width: 50% !important;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
.pdf-table {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.in-table-row-bottom td {
|
|
border: none !important;
|
|
font-size: 14px !important;
|
|
/* font-weight: 600; */
|
|
padding-top: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
color: #424242;
|
|
|
|
}
|
|
|
|
.in-signature-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
}
|
|
|
|
|
|
.in-table-row-bottom .total-amound {
|
|
background-color: white;
|
|
color: black;
|
|
padding: 8px 6px;
|
|
}
|
|
|
|
.text-start {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.text-end {
|
|
text-align: end !important;
|
|
align-content: end !important;
|
|
}
|
|
.word-amount{
|
|
font-size: 14px;
|
|
padding-top: 10px;
|
|
}
|
|
.text-center {
|
|
text-align: center
|
|
}
|
|
|
|
.in-table-row td {
|
|
border: none !important;
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.in-signature h4 {
|
|
font-size: 14px !important;
|
|
/* font-weight: 500; */
|
|
padding-top: 10px;
|
|
|
|
}
|
|
|
|
.in-signature-container {
|
|
width: 100%;
|
|
font-size: 12px;
|
|
color: #424242;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.in-signature-container .left-content {
|
|
float: left;
|
|
}
|
|
|
|
.in-signature-container .right-content {
|
|
float: right;
|
|
}
|
|
.paid-by {
|
|
text-align: left !important;
|
|
|
|
}
|
|
.pdf-footer {
|
|
margin-top: 100px;
|
|
}
|
|
|
|
h4 {
|
|
margin: 0;
|
|
}
|
|
|
|
.w-full {
|
|
width: 100%;
|
|
}
|
|
|
|
.w-half {
|
|
width: 50%;
|
|
}
|
|
|
|
.margin-top {
|
|
margin-top: 1.25rem;
|
|
}
|
|
|
|
.footer {
|
|
font-size: 0.875rem;
|
|
padding: 1rem;
|
|
background-color: rgb(241 245 249);
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
table.products {
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
table.products tr {
|
|
background-color: rgb(96 165 250);
|
|
}
|
|
|
|
table.products th {
|
|
color: #ffffff;
|
|
padding: 0.5rem;
|
|
}
|
|
|
|
table tr.items {
|
|
background-color: rgb(241 245 249);
|
|
}
|
|
|
|
table tr.items td {
|
|
padding: 0.5rem;
|
|
}
|
|
|
|
.total {
|
|
text-align: right;
|
|
margin-top: 1rem;
|
|
font-size: 0.875rem;
|
|
}
|
|
.address-container p {
|
|
text-align: right;
|
|
color: #000;
|
|
}
|
|
.right-invoice {
|
|
font-size: 20px;
|
|
/* font-weight: 600; */
|
|
color: white;
|
|
background-color: #c52127;
|
|
padding: 5px 12px;
|
|
border-radius: 30px;
|
|
margin: 0;
|
|
max-width: 150px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: auto;
|
|
}
|
|
.invoice-top-header {
|
|
display: table;
|
|
width: 100%;
|
|
margin: 20px auto 0;
|
|
padding: 0 12px
|
|
}
|
|
|
|
.invoice-top-header > div {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
width: 50%;
|
|
}
|
|
.invoice-title-wrapper {
|
|
display: table;
|
|
width: 100%;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.invoice-title-wrapper-inner {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
.invoice-title {
|
|
color: #ffffff;
|
|
background-color: #c52127;
|
|
width: 130px;
|
|
padding: 4px 8px;
|
|
/* font-weight: 600; */
|
|
display: inline-block;
|
|
border-radius: 30px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.bank-details-container {
|
|
border: 1px solid #999;
|
|
width: 100%;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.bank-details-title {
|
|
padding: 8px 10px;
|
|
/* font-weight: bold; */
|
|
}
|
|
|
|
.bank-details-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.bank-details-table td {
|
|
padding: 6px 10px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.bank-details-table .label {
|
|
width: 40%;
|
|
}
|
|
|
|
.bank-details-table .value {
|
|
width: 60%;
|
|
}
|
|
.warranty-container-2 {
|
|
border: 1px solid black;
|
|
padding: 15px;
|
|
border-radius: 0;
|
|
}
|
|
.warranty-container-2 p {
|
|
color: #000;
|
|
}
|
|
.warranty-container-2 p span {
|
|
/* font-weight: 600; */
|
|
}
|
|
.in-table-body td {
|
|
padding: 5px 14px;
|
|
color: #000 !important;
|
|
/* border-right: 1px solid #000 !important; */
|
|
font-size: 12px;
|
|
}
|
|
.receipt-invoice-title {
|
|
max-width: 200px !important;
|
|
}
|
|
|
|
</style>
|