.flex-container{display:flex;align-items:center;justify-content:flex-end}
#invoice-generator{background:#fafafa}
.datepicker-container-travel::before{content:'';position:absolute;width:13px;height:13px;background:#fff;border-top-left-radius:2px;top:-7px;left:20%;margin-left:-15px;border-left:1px solid #fb0;border-top:1px solid #fb0;-ms-transform:rotate(45deg);transform:rotate(45deg)}
.datepicker-container-travel-age::before{right:5%;left:unset}
.datepicker-container-travel-age{opacity:0}
.pika-single{position:relative;z-index:9999;display:block;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;border-top-color:#fa0}
.pika-single.is-hidden{display:none}
.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}
.pika-single::after,.pika-single::before{display:table;content:" "}
.pika-single::after{clear:both}
.pika-lendar{float:left;margin:8px}
.pika-title{position:relative;text-align:center}
.pika-title select{position:absolute;top:5px;left:0;z-index:9998;margin:0;cursor:pointer;opacity:0}
.pika-label{position:relative;z-index:9999;display:inline;padding:5px 3px;margin:0;overflow:hidden;color:#333;font-size:14px;font-weight:700;line-height:20px;background-color:#fff}
.datepicker-container-travel-age .pika-label{padding:3px 4px;border:1px solid #444;border-radius:4px;margin-right:4px}
.pika-next,.pika-prev{top:0;display:block;width:20px;height:30px;color:#222;padding:0;overflow:hidden;text-indent:20px;white-space:nowrap;background:transparent no-repeat center center;background-size:75% 75%;border:0;outline:0;cursor:pointer;opacity:1}
.pika-next:hover,.pika-prev:hover{opacity:1}
.pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:.2}
.is-rtl .pika-next,.pika-prev{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}
.is-rtl .pika-prev,.pika-next{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}
.pika-select{display:inline-block}
.pika-table{width:100%;border:0;border-collapse:collapse;border-spacing:0}
.pika-table td,.pika-table th{width:14.285714285714286%;padding:0}
.pika-table th{color:#999;font-size:12px;font-weight:700;line-height:25px;text-align:center}
.pika-table abbr{border-bottom:0;cursor:help;color:#444}
.pika-button{box-sizing:border-box;display:block;width:25px;height:25px;padding:5px;margin:0;color:#000 !important;font-size:12px !important;font-weight:600 !important;line-height:15px;text-align:right;border:0;margin:4px auto;text-align:center !important;outline:0;cursor:pointer;border-radius:15px;background:#fff !important}
.is-today .pika-button{background:#eee}
.is-selected .pika-button{color:#fff;font-weight:700;background:#3af;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}
.is-disabled .pika-button,.is-outside-current-month .pika-button{color:#999;opacity:.3}
.is-disabled .pika-button{cursor:default;pointer-events:none}
.pika-button:hover{color:#fff !important;background:#fb0 !important;box-shadow:none;border-radius:3px}
.pika-button .is-selection-disabled{cursor:default;pointer-events:none}
.pika-week{color:#999;font-size:11px}
.is-inrange .pika-button{background:#d5e9f7}
.is-startrange .pika-button{color:#fff;background:#6cb31d;box-shadow:none;border-radius:3px}
.is-endrange .pika-button{color:#fff;background:#3af;box-shadow:none;border-radius:3px}
.pika-single.is-bound{box-shadow:none}
.pika-single{color:#999;font-family:inherit}
.pika-title{padding:0 5px;margin-bottom:10px}
.pika-title select{padding:0}
.pika-lendar{width:50%;padding:5px 5px;padding-bottom:0;margin:0}
.datepicker-container-travel-age .pika-lendar{width:100%}
.pika-table th{padding-bottom:8px}
.pika-table td{position:relative;z-index:1}
.pika-button:hover{background-color:transparent;border-radius:0}
.pika-button:hover::after{opacity:1}
.is-selected .pika-button{color:#000 !important;background-color:#fb0 !important;box-shadow:none !important;border-radius:0}
.is-selected .pika-button::after{color:#000;background-color:#fb0;opacity:1}
.pika-button::after{position:absolute;top:50%;left:50%;z-index:-1;width:60%;height:0;padding-bottom:60%;color:#000;content:"";background-color:#fb0;border-radius:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease-out 0;opacity:0}
.datepicker-container{position:absolute;z-index:9999;display:none}
.datepicker-container .close{right:0;display:none;padding:8px 5px 10px 10px;color:#999;font-size:14px}
.pika-table abbr{text-decoration:none;cursor:default}
.pika-next,.pika-prev{text-indent:0;background-image:none}
.pika-next::before,.pika-prev::before{font-family:icomoon,sans-serif !important;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}
.pika-prev::before{content:"\e913"}
.pika-next::before{content:"\e914"}
.pika-label{font-weight:400}
.pika-title select{-webkit-appearance:initial}
@media screen and (max-width:768px){.traveller-ages-section .age-input{width:76% !important}
.age-input-icon-section .img-calndr{right:28% !important}
.datepicker-container-travel-age{bottom:-103px;left:8px !important;width:95.5% !important;top:unset !important}
.datepicker-container-travel-age .pika-lendar{width:100%}
.datepicker-container-travel-age .pika-single{border-radius:17px 17px 0 0;position:fixed !important;right:0;left:0 !important;bottom:0}
.datepicker-container-travel::before{border-left:1px solid #fff;border-top:1px solid #fff;height:0}
.datepicker-container-travel-age .pika-single{border:0;box-shadow:0 5px 15px -5px rgb(0 0 0 / 50%) !important}
.datepicker-container-travel-age .pika-lendar{padding-top:25px;padding-bottom:25px}
.traveller-age-container-overlay::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);opacity:.7}
}
input::placeholder{font-size:16px;line-height:3;font-family:Muli;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#999}
.top-heading{font-family:Muli;font-style:normal;font-weight:900;font-size:40px;line-height:23px;text-align:center;color:#444;display:flex;align-items:center;justify-content:center;margin:30px 0 50px}
.top-heading::after,.top-heading::before{content:"";flex:1 1;margin:auto}
.top-heading::before{margin-right:8px;background-image:linear-gradient(270.47deg,#fb0 -15.37%,rgba(255,219,121,.524008) 62.25%,rgba(255,255,255,0) 95.52%);height:4px}
.top-heading::after{margin-left:8px;background-image:linear-gradient(270.47deg,#fb0 -15.37%,rgba(255,219,121,.524008) 62.25%,rgba(255,255,255,0) 95.52%);height:4px;transform:rotate(180deg)}
input[type=file]{display:none}
.custom-file-upload{display:inline-block;cursor:pointer;width:100%;height:112px;background:#fafafa;border-radius:16px;border:0;text-align:center;font-style:normal;font-weight:700;font-size:14px;line-height:18px;color:#999;display:flex;justify-content:center;align-items:center;position:relative;padding-top:50px}
#payment-terms{padding:12px 0 12px 16px !important;background:#fafafa !important;border-radius:16px !important;border:none !important;margin-top:12px;width:178px !important}
.card{background:#fff;border:.2px solid #ddd;box-sizing:border-box;border-radius:16px;padding:24px 28px;margin-left:2.6%;margin-bottom:26px}
button#allinvoices{width:100%;color:#fff;border-radius:16px;border:.2px solid #ddd;font-weight:400 !important}
.secondbuttoncontrol{margin-top:16px}
.secondbuttoncontrol button{width:100%;background:#fff}
.sectionB button{width:100%}
.sectionB{margin-bottom:10px}
#download{width:100%;margin-bottom:24px}
table#tab_logic input{padding:12px;margin:10px 0;background-color:#fafafa;border-radius:16px;font-size:16px !important;line-height:20px !important}
textarea#notes{height:400px;background:#fafafa}
.col1 textarea{background:#fafafa;border-radius:16px;border:0}
.col-form-label{text-align:right}
#upload{background:#fafafa;border:1px dashed #ddd;border-radius:16px}
th{font-family:Muli;font-style:normal;font-weight:700;font-size:14px;line-height:18px;color:#444}
#bill-from,#bill-to,#ship-to{height:92px !important;font-size:16px;line-height:20px;padding-top:12px !important;padding-bottom:3px !important}
#add_row{color:#fa0;border:none !important;background:#fff8e5;border-radius:16px;font-size:12px;font-family:Muli;font-style:normal;font-weight:700;line-height:15px;padding:7px;display:flex;align-items:center;column-gap:6px}
textarea#TnC{background:#fafafa;border-radius:16px;height:92px}
h3.invoice{text-align:right;font-weight:700}
.invoice-details input{padding:10px 10px !important;background:#fafafa !important;border-radius:16px !important;border:none !important;width:170px !important;padding-right:0 !important;font-size:16px !important;line-height:20px !important}
.invoice-details #invoice-number{padding:10px 29px !important;padding-left:45px !important;padding-right:0 !important;width:207px !important}
.invoice-details label{font-family:Muli;font-style:normal;font-weight:600;font-size:14px;line-height:18px;color:#444;margin-right:13px}
#item{text-align:left;padding-left:27px}
#head-quantity{text-align:center}
#tab_logic thead tr th{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 31px 12px 15px}
#tab_logic thead tr th:not(:first-child){width:20%}
#tab_logic thead tr th:first-child{width:40%}
#tab_logic tbody tr td:not(:last-child){padding-right:24px}
#tab_logic tbody tr td .Icon-inside{margin-left:10px}
.section2{margin-top:20px}
.section2 input{background:#fafafa !important;border-radius:16px !important;border:none !important}
.section3 textarea,input{background:#fafafa !important;border-radius:16px !important;border:none !important}
.section3 input{width:178px !important;margin-top:12px;padding-left:6px !important;padding-right:6px !important;text-align:end;font-size:16px !important;line-height:20px !important}
.section3 textarea{height:299px !important;font-size:16px;line-height:20px}
.section3 td,th{font-family:Muli;font-style:normal;font-weight:600;font-size:14px;line-height:18px;text-align:right;padding-right:5px;color:#444}
#total{padding-left:5px !important;padding-right:16px !important;padding-right:16px !important}
#balance_due,#main-total,#total{background:#fff !important;padding-right:6px !important;padding-left:0 !important;text-align:right;margin-top:3px}
#taxvalue{padding-right:45px !important;padding-left:0 !important;text-align:right;width:155px !important;font-size:16px;line-height:20px}
#amt_paid{padding-right:6px !important;padding-left:0 !important;text-align:right;width:155px !important}
#discount,#shipping{background:#fff8e5 !important;border-radius:16px !important;font-family:Muli;font-style:normal;font-weight:700;font-size:12px;line-height:13px;margin-top:12px;color:#fa0;width:82px;flex:0 0 auto;padding:6px}
.section4 textarea{background:#fafafa !important;border-radius:16px !important;border:none !important}
.btn-light{background:#fff;border:.2px solid #ddd;box-sizing:border-box;border-radius:16px;font-family:Muli;font-style:normal;font-weight:600;font-size:16px;line-height:20px;color:#999;height:41px;width:100%;cursor:pointer;margin-bottom:12px}
.btn-light:hover{color:#000;background-color:#fc3;border-color:#fc3}
.invoice-wrapper{display:flex;justify-content:end;margin-bottom:12px}
input[value=""]::-webkit-datetime-edit{color:transparent !important}
input:focus::-webkit-datetime-edit{color:#000 !important}
input[type=date]:in-range::-webkit-datetime-edit-day-field,input[type=date]:in-range::-webkit-datetime-edit-month-field,input[type=date]:in-range::-webkit-datetime-edit-text,input[type=date]:in-range::-webkit-datetime-edit-year-field{color:transparent}
input#main-total{padding-left:0 !important;text-align:right !important;margin-top:2px}
img#img{width:100%;height:100px;display:none;object-fit:contain}
.Icon-inside{position:relative}
.Icon-inside img{position:absolute;left:0;top:0;height:38px}
.Icon-inside .img1{position:absolute;left:-10px;top:10px;height:42px}
.Icon-inside .img2{position:absolute;left:-13px;top:10px;height:43px}
.Icon-inside .curr{position:absolute;left:-8px;top:12px;padding:10px 10px;font-family:Muli;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#000;z-index:100}
.Icon-inside2{position:relative}
.Icon-inside2 .curr{position:absolute;left:56px;top:8px;padding:10px 10px;font-family:Muli;font-style:normal;font-weight:700;font-size:14px;line-height:18px;color:#000}
.Icon-inside3{position:relative}
.Icon-inside3 .img3,.Icon-inside3 .img4{position:absolute;left:42px;top:-4px;padding:15px 10px;height:78px}
#dis_symbol,.Icon-inside3 .curr{position:absolute;left:56px;top:12px;padding:15px 10px;font-family:Muli;font-style:normal;font-weight:700;font-size:14px;line-height:18px;color:#000}
.logowrap{position:relative;background:#fafafa;border:1px dashed #ddd;border-radius:16px}
#upload-icon{position:absolute;left:50%;top:50%;padding:10px;transform:translate(-50%,-50%)}
.Icon-insideTax{position:relative}
.Icon-insideTax img{position:absolute;top:14px;padding:10px 10px;right:0}
.Icon-insideTax .img3{position:absolute;left:42px;top:1px;padding:12px 14px;height:66px}
.Icon-insideTax .curr{position:absolute;left:53px;top:15px;padding:10px 10px;font-family:Muli;font-style:normal;font-weight:700;font-size:14px;line-height:18px;color:#000}
.subTotal{height:10px}
.save{vertical-align:middle}
.new-item{vertical-align:unset}
select{padding-right:16px}
.headingContent{padding-top:16px !important;padding-bottom:32px !important}
#currencySelect{background:#fff;border:.2px solid #ddd;box-sizing:border-box;border-radius:16px;font-size:16px;line-height:20px;font-weight:400;color:#000;appearance:menulist}
#currency{position:relative}
#dropdown{position:absolute;display:none;top:10px;height:30px;right:0}
@media(max-width:767px){.top-heading{font-size:20px;line-height:23px;margin:16px 0}
.card{padding:16px 10px;margin-left:0}
#bill-from::placeholder,#bill-to::placeholder,#ship-to::placeholder{font-size:11px !important;line-height:14px !important}
h3.invoice{font-size:16px;line-height:20px;text-align:left;margin-top:10px}
.invoice-wrapper{justify-content:left;margin-bottom:10px}
.Icon-inside{width:100%}
.invoice-details #invoice-number{width:100% !important}
.invoice-details label{font-size:11px;line-height:14px;margin-top:10px;padding:0;text-align:left;margin-right:0;flex:0 0 auto;width:30%}
.col-form-input{flex:0 0 auto;width:70%}
.ship_to{width:100% !important}
.invoice-details input{width:100% !important}
.Icon-insideTax img{position:absolute;left:unset;top:14px;right:0;padding:10px 10px}
#dis_symbol,.Icon-inside3 .curr{position:absolute;left:0;top:15px;padding:10px 10px;background-color:#f5f5f5;border-top-left-radius:40%;border-bottom-left-radius:40%}
.Icon-inside2 .curr{position:absolute;left:0;top:6px;padding:10px 10px;border-top-left-radius:40%;border-bottom-left-radius:40%}
.Icon-inside img{position:absolute;left:0;padding:0;background-color:#f5f5f5;border-top-left-radius:40%;border-bottom-left-radius:40%;height:38px}
.Icon-inside .curr{position:absolute;left:1px;top:11px;padding:10px 10px;background-color:#f5f5f5;border-top-left-radius:40%;border-bottom-left-radius:40%}
#dropdown{position:absolute;left:470px;top:10px;height:30px;display:none}
.table-responsive{max-width:100%;overflow-x:auto;overflow-y:hidden}
#tab_logic thead tr th{font-size:12px;line-height:14px;padding:10px}
#tab_logic #item-desc{width:200px}
#tab_logic #amount,#tab_logic #quantity,#tab_logic #rate{width:115px}
.section3 textarea{height:175px !important}
.section3 td,th{font-size:11px;line-height:14px}
.Icon-inside3 .img4{left:0;top:14px;padding:0;height:40px}
.Icon-insideTax .img3{left:0;top:13px;padding:0;height:42px}
#add_discount,#add_shipping{padding-left:0 !important;text-align:right !important;padding-right:6px !important}
#currency-dropdown{margin-bottom:20px}
#amountPaid .Icon-inside3,.input-group .Icon-insideTax{width:100%}
#amountPaid .Icon-inside3 #amt_paid,#taxvalue{width:100% !important}
.Icon-insideTax .curr{left:0}
.billText{font-size:11px !important;line-height:14px !important;text-align:left !important}
.section3 input{width:170px !important}
.discount_shipping_section{justify-content:flex-start !important;column-gap:6px !important}
#discount,#shipping{flex:0 0 auto;width:49%}
#tab_logic tbody tr td:not(:last-child){padding-right:16px}
}
#calculate{height:40px;font-family:Muli;font-style:normal;font-weight:700;font-size:16px;line-height:17px;color:#fa0;background:#fff8e5}
.ship_to{width:206px}
textarea{padding-right:12px !important}
.calendar1{position:absolute;right:7px;top:12px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.calendar2{position:absolute;right:7px;top:12px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#bill-from::placeholder,#bill-to::placeholder,#ship-to::placeholder{font-family:Muli;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#999}
.over{display:flex;flex-direction:row}
::-webkit-input-placeholder{font-size:13px !important}
.pos-relative{position:relative}
#print{display:none;width:100%;background:#fff;padding:8px 16px;margin-bottom:30px}
.customTable{width:100%}
.customTable tbody tr td .taxInvoiceHeader{font-family:Muli;font-style:normal;font-weight:700;font-size:12px;line-height:15px;text-align:right;color:#000;margin-top:0;margin-bottom:0}
.customTable tbody tr td .taxOriginaText{font-family:Muli;font-style:normal;font-weight:400;font-size:12px;line-height:15px;text-align:right;color:#444;display:block;margin-bottom:32px}
.billTable tfoot{border-top:1px solid #ddd;border-bottom:0}
.billFromText{font-family:Muli;font-style:normal;font-weight:700;font-size:12px;line-height:15px;color:#000;margin:0}
.invoiceText{font-family:Muli;font-style:normal;font-weight:700;font-size:12px;line-height:15px;text-align:right;color:#000}
.invoiceNumber{font-family:Muli;font-style:normal;font-weight:400;font-size:12px;line-height:15px;text-align:right;color:#444}
.billingAddress{font-family:Muli;font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:#444;margin:0}
.invoiceHeadeFont{font-family:Muli;font-style:normal;font-weight:700;font-size:12px;line-height:15px;color:#444}
.invoicebodyFont{font-family:Muli;font-style:normal;font-weight:400;font-size:10px;line-height:13px;color:#444}
.invoiceDesc{font-family:Muli;font-style:normal;font-weight:400;font-size:10px;line-height:13px;color:#999}
.mar-0{margin:0}
.mar-b-6px{margin-bottom:6px}
.mar-r-10px{margin-right:10px}
.loader{width:100%;height:100%;top:0;left:0;position:fixed;display:block;opacity:1;background-color:#fff;z-index:99999;text-align:center;display:none;overflow:hidden}
.loader img{position:absolute;top:50%;left:50%;text-align:center;z-index:9999;transform:translate(-50%,-50%)}
#totalPriceTable{width:100%}
.discount_shipping_section{display:flex;justify-content:end;column-gap:12px}
.billText{font-family:Muli;font-style:normal;font-weight:600;font-size:14px;line-height:18px;text-align:right;padding-right:5px;color:#444;flex:0 0 auto;width:33%}
.flex-width{flex:0 0 auto;width:67%;text-align:right}
@media(max-width:991px) and (min-width:768px){#invoice-generator .container{width:100% !important;padding-left:16px !important;padding-right:16px !important}
h3.invoice{text-align:left !important}
.invoice-wrapper{justify-content:flex-start}
.invoice-wrapper .Icon-inside{flex:0 0 auto;width:100%}
.invoice-details #invoice-number,.invoice-details input{width:100% !important}
.invoice-details label{text-align:left !important}
#date,#due-date,#po-number{margin-left:15px}
.section3 input{width:160px !important}
.Icon-insideTax .img3{left:0}
.Icon-insideTax .curr{left:10px}
}
.from_to_sec{background:#fafafa;border-radius:16px;margin-top:24px}
.invoice_sec{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px}
.line-item .col-md-6{padding-left:0}
.my_invoice_section{background:#fb0;border:.2px solid #ddd;border-radius:16px;padding:5px 10px;text-align:center;margin-bottom:12px}
.my_invoice_section p{font-style:normal;font-weight:800;font-size:16px;line-height:20px;color:#fff;display:flex;align-items:center;justify-content:center;column-gap:10px}
.my_invoice_section p span{font-size:14px}
.currency_title{font-style:normal;font-weight:600;font-size:14px;line-height:18px;color:#444;padding:24px 0 12px 0;border-top:.5px solid #ddd}