.light-style .menu .app-brand.demo,.dark-style .menu .app-brand.demo{height:64px}.app-brand-logo.demo{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;width:34px;height:24px}.app-brand-logo.demo svg{width:35px;height:24px}.app-brand-text.demo{font-size:1.375rem}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:64px!important}.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page{padding-top:72px!important}.content-wrapper .navbar{z-index:auto}.demo-blocks>*{display:block!important}.demo-inline-spacing>*{margin:1rem .375rem 0 0!important}.demo-vertical-spacing>*{margin-top:1rem!important;margin-bottom:0!important}.demo-vertical-spacing.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-lg>*{margin-top:1.875rem!important;margin-bottom:0!important}.demo-vertical-spacing-lg.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-xl>*{margin-top:5rem!important;margin-bottom:0!important}.demo-vertical-spacing-xl.demo-only-element>:first-child{margin-top:0!important}.rtl-only{display:none!important;text-align:left!important;direction:ltr!important}[dir=rtl] .rtl-only{display:block!important}@media (max-width: 576px){#dropdown-variation-demo .btn-group .text-truncate{width:254px;position:relative}#dropdown-variation-demo .btn-group .text-truncate:after{position:absolute;top:45%;right:.65rem}}.layout-demo-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.layout-demo-placeholder img{width:900px}.layout-demo-info{text-align:center;margin-top:1rem}.order-invoice-modal .modal-body{overflow-x:hidden}.order-invoice-modal .invoice-shell{max-width:800px;margin:0 auto;font-family:Arial,sans-serif;color:#333}.order-invoice-modal .invoice-header-row,.order-invoice-modal .invoice-totals-row{display:flex;justify-content:space-between;gap:16px;width:100%}.order-invoice-modal .invoice-company,.order-invoice-modal .invoice-customer{width:45%}.order-invoice-modal .invoice-qr{width:10%;min-width:100px;text-align:center}.order-invoice-modal .invoice-note-col{width:65%}.order-invoice-modal .invoice-total-col{width:320px;margin-left:auto}.order-invoice-modal table{width:100%;border-collapse:collapse}.order-invoice-modal th,.order-invoice-modal td{border:1px solid #ccc;padding:8px;overflow-wrap:break-word;word-break:normal}.order-invoice-modal .invoice-products-table th{white-space:nowrap}.order-invoice-modal .invoice-products-table td:first-child{min-width:220px}.order-invoice-modal .invoice-totals-table{table-layout:fixed}.order-invoice-modal .invoice-totals-table th{width:58%;white-space:nowrap;overflow-wrap:normal;word-break:normal;text-align:left}.order-invoice-modal .invoice-totals-table td{width:42%;text-align:right;white-space:nowrap}@media (max-width: 575.98px){.order-invoice-modal .modal-dialog{margin:0;max-width:100%}.order-invoice-modal .modal-content{min-height:100dvh;border-radius:0}.order-invoice-modal .modal-body{padding:.75rem}.order-invoice-modal .invoice-modal-container{padding:0!important;max-width:100%!important}.order-invoice-modal .invoice-shell{max-width:100%!important;width:100%!important;font-size:12px}.order-invoice-modal .invoice-header-row,.order-invoice-modal .invoice-totals-row{flex-direction:column;gap:12px}.order-invoice-modal .invoice-company,.order-invoice-modal .invoice-customer,.order-invoice-modal .invoice-note-col,.order-invoice-modal .invoice-total-col{width:100%!important;margin-left:0;text-align:left!important}.order-invoice-modal .invoice-qr{width:100%!important;min-width:0;text-align:left}.order-invoice-modal .order-summary{overflow-x:auto;-webkit-overflow-scrolling:touch}.order-invoice-modal .order-summary table{table-layout:fixed;min-width:0}.order-invoice-modal .invoice-products-table td:first-child{min-width:0}.order-invoice-modal .order-summary th,.order-invoice-modal .order-summary td{padding:6px;font-size:11px}.order-invoice-modal .invoice-products-table th,.order-invoice-modal .invoice-totals-table th,.order-invoice-modal .invoice-totals-table td{white-space:normal}.order-invoice-modal .invoice-totals-table th{width:65%}.order-invoice-modal .invoice-totals-table td{width:35%;text-align:left}.order-invoice-modal .modal-footer{padding-left:0;padding-right:0;justify-content:center}}
