body{background-color:#fff}:root{--primary:#f60;--secondary:#3d3d3d;--white:#fff}*{margin:0;padding:0;font-family:"Lato",sans-serif}body{color:#3d3d3d;color:var(--secondary);align-items:center;justify-content:center;font-size:14px}.bold{font-weight:900}.light{font-weight:100}.wrapper{background:#fff;background:var(--white);padding:30px;display:flex}.logo{width:200px;height:80px;object-fit:contain}.invoice_wrapper{border:3px solid #f60;border:3px solid var(--primary);width:700px;max-width:100%}.invoice_wrapper .header .bill_total_wrap,.invoice_wrapper .header .logo_invoice_wrap{display:flex;justify-content:space-between;padding:30px}.invoice_wrapper .header .logo_sec{display:flex;align-items:center}.invoice_wrapper .header .logo_sec .title_wrap{margin-left:5px}.invoice_wrapper .header .logo_sec .title_wrap .title{text-transform:uppercase;font-size:18px;color:#f60;color:var(--primary)}.invoice_wrapper .header .logo_sec .title_wrap .sub_title{font-size:12px}.invoice_wrapper .header .bill_total_wrap .total_wrap,.invoice_wrapper .header .invoice_sec{text-align:right}.invoice_wrapper .header .invoice_sec .invoice{font-size:28px;color:#3d3d3d;color:var(--secondary)}.invoice_wrapper .header .invoice_sec .date,.invoice_wrapper .header .invoice_sec .invoice_no{display:flex;width:100%}.invoice_wrapper .header .invoice_sec .date span:first-child,.invoice_wrapper .header .invoice_sec .invoice_no span:first-child{width:70px;text-align:left}.invoice_wrapper .header .invoice_sec .date span:last-child,.invoice_wrapper .header .invoice_sec .invoice_no span:last-child{width:calc(100% - 70px)}.invoice_wrapper .header .bill_total_wrap .bill_sec .name,.invoice_wrapper .header .bill_total_wrap .total_wrap .price{color:#3d3d3d;color:var(--secondary);font-size:20px}.invoice_wrapper .body .main_table .table_header{background:#f60;background:var(--primary)}.invoice_wrapper .body .main_table .table_header .row{color:#fff;color:var(--white);font-size:18px;border-bottom:0}.invoice_wrapper .body .main_table .row{display:flex;border-bottom:1px solid #3d3d3d;border-bottom:1px solid var(--secondary)}.invoice_wrapper .body .main_table .row .col{padding:10px}.invoice_wrapper .body .main_table .row .col_no{width:5%}.invoice_wrapper .body .main_table .row .col_des{width:45%}.invoice_wrapper .body .main_table .row .col_price{width:20%;text-align:center}.invoice_wrapper .body .main_table .row .col_qty{width:10%;text-align:center}.invoice_wrapper .body .main_table .row .col_total{width:20%;text-align:right}.invoice_wrapper .body .paymethod_grandtotal_wrap{display:flex;justify-content:space-around;padding:5px 0 20px;align-items:flex-end}.invoice_wrapper .body .paymethod_grandtotal_wrap .paymethod_sec{padding-left:30px}.invoice_wrapper .body .paymethod_grandtotal_wrap .grandtotal_sec{width:50%}.invoice_wrapper .body .paymethod_grandtotal_wrap .grandtotal_sec p{display:flex;width:100%;padding-bottom:5px}.invoice_wrapper .body .paymethod_grandtotal_wrap .grandtotal_sec p span{padding:0 10px}.invoice_wrapper .body .paymethod_grandtotal_wrap .grandtotal_sec p span:first-child{width:60%}.invoice_wrapper .body .paymethod_grandtotal_wrap .grandtotal_sec p span:last-child{width:40%;text-align:right}.invoice_wrapper .body .paymethod_grandtotal_wrap .grandtotal_sec p:last-child span{background:#f60;background:var(--primary);padding:10px;color:#fff}.invoice_wrapper .footer{padding:30px}.invoice_wrapper .footer>p{color:#f60;color:var(--primary);text-decoration:underline;font-size:18px;padding-bottom:5px}.invoice_wrapper .footer .terms .tc{font-size:16px}.componenttoprint{display:none}