/* ===========================
   PEEPTOON GST INVOICE MAKER
   PRINT CSS
=========================== */

@page{
    size:A4 portrait;
    margin:8mm;
}

*{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
    box-sizing:border-box;
}

html,
body{
    margin:0;
    padding:2px 0;
    background:#fff;
    font-family:Arial,Helvetica,sans-serif;
}

/* Hide Buttons */

button,
.no-print{
    display:none !important;
}

/* Invoice */

.invoice{

width:100%;

max-width:210mm;

min-height:277mm;

padding:8mm;

margin:0 auto;

}

/* Header */

.header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    border-bottom:2px solid #000;
    padding-bottom:10px;
    margin-bottom:15px;
}

.company{
    display:flex;
    gap:15px;
}

.company img{
    width:75px;
    height:75px;
    object-fit:contain;
}

.company-details h2{
    font-size:22px;
}

.company-details p{
    font-size:12px;
    line-height:18px;
}

/* Convert inputs into plain text */

input,
textarea,
select{

    border:none !important;
    outline:none !important;
    background:transparent !important;

    width:100%;

    padding:2px 0;

    font-size:13px;

    resize:none;

    appearance:none;

    -webkit-appearance:none;

}

/* Remove arrows */

select::-ms-expand{
    display:none;
}

/* Tables */

#productTable{

width:100%;

table-layout:fixed;

border-collapse:collapse;

}

table th{

    background:#D4AF37 !important;

    color:white !important;

    border:1px solid #000;

    padding:8px;

    font-size:12px;

}

table td{

    border:1px solid #000;

    padding:4px;

    font-size:12px;

}

/* Totals */

.total-box{

    width:280px;

    margin-left:auto;

    margin-top:20px;

}

.total-box table td{

    padding:8px;

}

.grand-total{

    background:#D4AF37 !important;

    color:#fff !important;

    font-weight:bold;

}

/* Footer */

.footer{

    margin-top:40px;

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

}

.signature{

    text-align:center;

}

.signature{

width:220px;

text-align:center;

}

.signature-box{

height:70px;

border-bottom:1px solid #000;

margin-bottom:8px;

}

.signature hr{

    margin-top:10px;

}

/* Prevent page breaks */

.header,
.section,
.footer,
.total-box{

    page-break-inside:avoid;

}

thead{

display:table-header-group;

}

tfoot{

display:table-footer-group;

}

tr{

page-break-inside:avoid;

page-break-after:auto;

}

/* Links */

a{

    color:#000;

    text-decoration:none;

}
.table-responsive{

overflow:visible !important;

}


#productTable td:nth-child(2){

text-align:left;

padding-left:6px;

}
#productTable td:nth-child(4),
#productTable td:nth-child(5),
#productTable td:nth-child(6),
#productTable td:nth-child(7){

text-align:right;

}
.address-box{

border:1px solid #999;

background:white;

padding:10px;

page-break-inside:avoid;

}
img{

max-width:100%;

}
input[type=file],
input[type=checkbox],
input[type=radio]{

display:none;

}
.no-print{
    display:block;
}

@media print{

.no-print{
    display:none !important;
}

}