body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.content{align-items:flex-start;display:inline-block;justify-content:space-between;padding:20px}.preview-container{flex:1 1;margin-right:20px;max-width:48%}@media screen and (max-width:768px){.content{flex-direction:column}.preview-container{margin:0;max-width:100%}}.navbar{align-items:center;background-color:#f8f9fa;display:flex;height:90px;justify-content:center;padding:10px 20px}.navbar-logo img{height:50px;margin-right:1000px;width:100px}.navbar-items ul{margin-right:200px;text-align:center}.navbar-items ul li{cursor:pointer}.invoice-container,.invoice-container-main{border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif}.invoice-container-main{box-shadow:0 0 15px #0000001a;margin:0 auto;max-width:800px;padding:20px}.client-info>input,.company-info>input{border:0;border-radius:4px;box-sizing:border-box;margin-bottom:3px;padding:5px;width:100%}.client-info>input:hover,.company-info>input:hover{border:2px solid #000103;border-radius:4px}.client-info>input:focus,.company-info>input:focus{border:1px solid #000103;border-radius:4px;outline:0}.invoice-info label{display:inline-block;font-weight:700;width:100px}.invoice-info input{border:1px solid #ddd;border-radius:4px;display:inline-block;margin-left:10px;padding:10px;width:calc(100% - 120px)}.invoice-info>div{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}@media (max-width:600px){.invoice-container,.invoice-container-main{max-width:100%;padding:10px}.invoice-info input,.invoice-info label{display:block;margin-left:0;width:100%}}.header{display:flex;justify-content:space-between}.header>h1{margin-right:190px;margin-top:39px}.company-info{margin-top:30px;width:50%}.upload-logo-section{align-items:center;display:flex;flex-direction:column;margin:20px}.add-logo{cursor:pointer;position:relative}.add-logo-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:10px}.upload-svg{height:50px;width:50px}#display_image{margin-top:10px}.img-option{align-items:center;display:flex;justify-content:space-around}.uploaded-img{height:100px;object-fit:cover;width:100px}.delete-option,.edit-option{cursor:pointer;margin-left:10px}.upload-section-note{color:#555;font-size:14px;text-align:center}.switch{--button-width:2.5em;--button-height:1.5em;--toggle-diameter:1.1em;--button-toggle-offset:calc((var(--button-height) - var(--toggle-diameter))/2);--toggle-shadow-offset:10px;--toggle-wider:3em;--color-grey:#ccc;--color-green:#06ad0c}.slider{background-color:var(--color-grey);border-radius:calc(var(--button-height)/2);display:inline-block;display:flex;height:var(--button-height);position:relative;width:var(--button-width)}.slider,.slider:after{transition:all .3s ease-in-out}.slider:after{background-color:#fff;border-radius:calc(var(--toggle-diameter)/2);box-shadow:var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset)*4) #0000001a;content:"";display:inline-block;height:var(--toggle-diameter);position:absolute;top:var(--button-toggle-offset);transform:translateX(var(--button-toggle-offset));width:var(--toggle-diameter)}.switch input[type=checkbox]:checked+.slider{background-color:var(--color-green)}.switch input[type=checkbox]:checked+.slider:after{box-shadow:calc(var(--toggle-shadow-offset)*-1) 0 calc(var(--toggle-shadow-offset)*4) #0000001a;transform:translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)))}.switch input[type=checkbox]{display:none}.switch input[type=checkbox]:active+.slider:after{width:var(--toggle-wider)}.switch input[type=checkbox]:checked:active+.slider:after{transform:translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)))}table{border-collapse:collapse;margin-bottom:20px;width:100%}td,th{border:1px solid #ccc;padding:10px;text-align:left}input{box-sizing:border-box;padding:5px;width:100%}button{background-color:#007bff;border:none;color:#fff;cursor:pointer;padding:5px 10px}button:hover{background-color:#0056b3}.totals{text-align:right}.totals p{margin:5px 0}tfoot{background-color:#f9f9f9;font-weight:700}tfoot td{border-top:2px solid #ccc;padding:10px}.left-side{flex:1 1;padding:5px}textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;height:auto;margin-bottom:10px;resize:vertical}.right-side{align-items:center;background-color:#fff;display:flex;flex:1 1;justify-content:center;margin-right:10px}.company-logo{height:35px;max-width:100%}.preview{align-items:center;display:flex;justify-content:center}.preview-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-right:20px;padding:10px 20px}.preview-button:hover{background-color:#0056b3}.save-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.invoice-container{border:1px solid #000}.header{align-items:center;display:grid;grid-template-columns:1fr auto}.header .left-section{margin:0}.header .right-section{color:crimson;text-align:right;width:300px}.info-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:20px 0}.buyer-info,.seller-info{border-bottom:2px solid #000;color:crimson}.buyer-info{text-align:right}.product-table{border-collapse:collapse;margin:20px 0;padding:5px 0;width:100%}.product-table td,.product-table th{border:1px solid #000;padding:10px;text-align:left}.product-table th{background-color:#f2f2f2}tfoot td{font-weight:700;text-align:right}.footer{border-top:2px solid #000;display:grid;grid-template-columns:1fr 1fr;margin:20px 0;padding-top:20px}.signature{margin-top:20px;text-align:right}.signature-img{height:auto;width:150px}body{margin:0}.invoice-container{box-shadow:0 0 10px #0000001a}.invoice-header{align-items:center;border-bottom:2px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.invoice-header .invoice-title h1{color:red;font-size:36px;margin:0}.invoice-details{color:red;display:flex;justify-content:space-between;margin-bottom:20px}.bill-to{color:red;flex:1 1}.bill-to h3{color:#555;font-size:18px;margin-bottom:5px}.ship--to{color:red}.invoice-meta{flex:1 1}td,th{border:none}.invoice-meta table{text-align:left;width:100%}.invoice-meta td{padding:5px 0}.invoice-items th{font-weight:700}.invoice-summary{text-align:right}.invoice-summary table{text-align:right;width:100%}.invoice-summary table td{padding:5px 0}.total-row{font-weight:700}.thanksnote p{color:red;display:flex;justify-content:center;margin:0}.invoice-footer{border-top:2px solid #ddd;color:#777;font-size:12px;margin-top:20px;padding-top:10px}.invoice-footer h3{color:#555;font-size:14px;margin-bottom:5px}.invoice-container{border:1px solid #ddd;max-width:800px}header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.logo img{max-width:150px}.company-details{font-size:14px}.invoice-title h2{color:#36c;font-size:30px}.invoice--details{display:flex;justify-content:space-between}.billing-shipping-container{display:flex;gap:268px;margin-top:20px}.bill3,.ship-to{color:#4949b9;width:45%}.bill3,.ship-to{text-align:left}.invoice-table{border-collapse:collapse;width:100%}.invoice-table thead th{background-color:#036;color:#fff;padding:10px;text-align:left}.invoice-table tbody td{border-bottom:1px solid #ddd;padding:10px}.invoice-table tfoot td{padding:10px}.right-align{text-align:right}.footer{margin-top:20px}.footer p{margin-bottom:5px}textarea{border:1px solid #ddd;height:80px;margin-top:5px;padding:5px;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;font-family:Arial,sans-serif;padding:20px}.invoice-container{background-color:#fff;box-shadow:0 0 15px #0000001a;margin:0 auto;max-width:900px;padding:20px}.invoiceheader{background-color:#d97300;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.logo img{height:auto;width:100px}.companydetails{text-align:right}.invoice-info table{border:1px solid #ccc;border-collapse:collapse}.invoice-info td{border:1px solid #ccc;padding:10px}.invoicetitle{margin-bottom:20px;text-align:center}.invoice-title h1{color:#d97300;font-size:24px}.client-details{display:flex;justify-content:space-between;margin-bottom:20px}.client-details h3{font-size:16px;margin-bottom:10px}.bill--to strong,.ship-info strong{color:#d97300}.invoice-items{border-collapse:collapse;margin-bottom:20px;width:100%}.invoice-items td,.invoice-items th{border:1px solid #ddd;padding:10px;text-align:left}.invoice-items th{background-color:#f4f4f4}.total-section{margin-top:20px}.total-amount{border-collapse:collapse;width:100%}.total-amount td{padding:10px}.thanks{align-items:center;background-color:#d97300;color:#fff;display:flex;justify-content:center}.invoice-footer{margin-top:30px}.invoice-footer p{margin-bottom:5px}
/*# sourceMappingURL=main.34996021.css.map*/