:root{
--custom-invoice-bg-color: #534fc9;
--custom-invoice-text-color: #c1bfff7a;
}
.invoice-pdf-heading{
color: var(--custom-invoice-bg-color);
}
.pdf-border-top{
background-color: var(--custom-invoice-bg-color);
}
.pdf-border-bottom{
background-color: var(--custom-invoice-bg-color);
}
.table-heading{
background-color: var(--custom-invoice-bg-color);
color: #fff;
}
.table-data{
/* background-color: var(--custom-invoice-text-color); */
border:0;
border-collapse:collapse;
}
.table-data td{
border:0;
border-collapse:collapse;
}
tr {
page-break-inside: avoid;
}
table, thead, tbody, tr {
page-break-inside: avoid;
page-break-before: avoid;
page-break-after: avoid;
}
thead {
display: table-header-group;
}
tfoot {
display: table-footer-group;
}
@page { 
margin:0 0 15px 0 !important;
padding:0;
size: a4;
}
.uploadLogo{
width: 105px;
height: 100px;
border: 1px solid #3333;
border-radius: 6px;
position: relative;
}
input#logoInput {
position: absolute;
height: 100px;
width: 105px;
z-index: 0;
opacity: 0;
}
.bltInvoiceGenerater input, .bltInvoiceGenerater textarea{
padding: 10px 12px !important;
}
.bltInvoiceGenerater input:hover, .bltInvoiceGenerater textarea:hover{
border-color: #b8c9df !important;
}
.invoice-pdf-table input, .invoice-pdf-table textarea{
border: 1px solid #3333 !important;
}
select#selectTaxRate.form-select {
background-size: 10px 10px;
background-position: 94%;
}
select#discountMethod.form-select {
background-size: 10px 10px;
background-position: 94%;
}
textarea.invalid,
input.invalid{
border: 1px solid red !important;
}
.blt-invoice-wrap{
/* background:#edf2f84f; */
padding: 58px 0 72px;
}
.blt-invoice-heading h2{
font-size: 35x;
font-weight: 800;
color: #0a1b3d;
margin-bottom: 8px;
line-height: 1.1;
}
.blt-invoice-heading p{
color: #546279;
font-size: 20px;
margin-bottom: 36px;
}
.bltInvoiceGenerater{
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
gap: 24px;
align-items: start;
}
.blt-panel-card{
background: #fff;
border: 1px solid #d8e0ec;
border-radius: 14px;
padding: 22px;
box-shadow: 0 4px 16px rgba(16, 36, 84, 0.05);
}
.dc-top-card{
padding: 24px;
}
.dc-block-title{
font-size: 13px;
font-weight: 700;
letter-spacing: 0.4px;
text-transform: uppercase;
color: #5b6f8f;
margin: 0;
}
.dc-field-block{
padding-top: 2px;
}
.dc-top-card .blt-panel-label{
margin-bottom: 6px;
}
.dc-top-card .form-control{
min-height: 46px;
}
.blt-section-title{
font-size: 28px;
font-weight: 800;
color: #0a1b3d;
margin-bottom: 6px;
}
.blt-section-subtitle{
color: #546279;
margin-bottom: 20px;
}
.blt-panel-label{
font-size: 14px;
font-weight: 600;
color: #22324d;
margin-bottom: 8px;
display: block;
}
.bltInvoiceGenerater .form-control, .bltInvoiceGenerater .form-select{
background: #edf2f84f;
border: 1px solid #cfdae9;
border-radius: 10px;
min-height: 45px;
}
.bltInvoiceGenerater textarea.form-control{
min-height: 110px;
}
.uploadLogo{
width: 150px;
height: 140px;
border: 2px dashed #b8c9e0;
border-radius: 12px;
background: #f8fbff;
}
input#logoInput{
width: 150px;
height: 140px;
}
.table-heading{
background: transparent;
color: #22324d;
}
.invoice-pdf-table thead tr{
border: 0 !important;
}
.invoice-pdf-table thead{
display: none;
}
.invoice-pdf-table{
border-collapse: separate !important;
border-spacing: 0 14px;
}
.invoice-pdf-table tbody tr.table-data > td{
border: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.invoice-item-card{
border: 1px solid #c9d6e8;
border-radius: 12px;
background: #edf2f84f;
padding: 16px;
}
.invoice-item-title{
margin: 0;
color: #24344d;
font-weight: 700;
font-size: 18px;
}
.invoice-item-grid{
display: grid;
grid-template-columns: 2fr 0.65fr 0.65fr 0.65fr;
gap: 10px;
}
.invoice-item-desc{
margin-top: 10px;
min-height: 74px !important;
}
.invoice-item-footer{
margin-top: 8px;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
}
.invoice-item-total{
color: #2e3f59;
font-size: 18px;
margin-top: 8px;
}
.invoice-item-total strong{
color: #041a44;
}
.removeItem{
border: 0;
background: transparent;
color: #d73737 !important;
font-weight: 700;
}
.blt-add-item{
width: 100%;
border: 2px dashed #c1d2e9 !important;
border-radius: 10px !important;
padding: 10px 16px !important;
color: #274160;
font-weight: 700;
}
.blt_downloadBtn{
position: sticky;
top: 20px;
align-self: start;
height: max-content;
}
.blt-summary-card{
position: relative;
background: #fff;
border: 1px solid #d8e0ec;
border-radius: 14px;
box-shadow: 0 4px 16px rgba(16, 36, 84, 0.05);
padding: 22px;
}
.blt-summary-title{
font-size: 20px;
font-weight: 800;
color: #0a1b3d;
margin-bottom: 22px;
}
.blt-summary-row{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 14px;
color: #27364d;
font-size: 18px;
}
.blt-summary-row strong{
font-size: 18px;
color: #0a1b3d;
}
.blt-total{
margin-top: 18px;
padding-top: 18px;
border-top: 1px solid #dce5f1;
}
.blt-paid-label{
color: #138747;
font-weight: 700;
}
.blt-balance-label{
color: #da1f1f;
font-weight: 700;
}
.blt-invoice-downloadBtn{
background: #534fc9;
border-radius: 10px;
font-weight: 700;
padding: 12px !important;
}
#bankDetails .blt-panel-label{
margin-bottom: 6px;
}
.blt-made-with{
border-top: 1px solid #dce4ef;
margin-top: 26px;
padding-top: 16px;
}
.tds-hero{
padding: 92px 0;
color: #fff;
background: radial-gradient(circle at 80% 20%, #202552 0%, #070b1f 50%, #040613 100%);
}
.tds-hero-card{
border: 1px solid #e7ebf4;
border-radius: 16px;
background: #fff;
height: 100%;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.tds-hero-card:hover{
transform: translateY(-4px);
border-color: #d8dff2;
box-shadow: 0 14px 30px rgba(11, 22, 64, 0.08);
}
.tds-hero-media{
overflow: hidden;
min-height: 320px;
background-color: transparent !important;
border: none !important;
display: flex;
align-items: center;
}
.tds-hero-media img{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.tds-hero-media:hover img{
transform: scale(1.04);
}
/* --------------- */
@media(max-width: 992px){
.blt-invoice-wrap{
padding: 42px 0 56px;
}
.blt-invoice-heading h2{
font-size: 40px;
}
.blt-invoice-heading p{
font-size: 18px;
}
.bltInvoiceGenerater{
grid-template-columns: 1fr;
}
.blt_downloadBtn{
position: static;
height: auto;
}
.blt-summary-card{
position: static;
}
}
@media (max-width: 767px) {
.tds-hero{
padding: 66px 0;
}
.dc-top-card{
padding: 18px;
}
.invoice-item-grid{
grid-template-columns: 1fr 1fr;
}
.invoice-item-title{
font-size: 22px;
}
.invoice-item-total{
font-size: 18px;
}
.blt-invoice-heading h2{
font-size: 34px;
}
.blt-invoice-heading p{
font-size: 16px;
}
.blt-summary-title{
font-size: 26px;
}
.blt-summary-row{
font-size: 16px;
}
.blt-summary-row strong{
font-size: 18px;
}
}