@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url("./media/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY-DBK5ULPX.woff2") format("woff2")}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ddd;border:3px solid transparent}::-webkit-scrollbar-thumb:hover{background:#ccc}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-horizontal{height:8px}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.select{border:1px solid #dfdfdf;height:35px;border-radius:10px;display:flex;align-items:center;padding:5px}.select select{border:none;width:100%;outline:none}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url("./media/XRXV3I6Li01BKofINeaBTMnFcQ-EHWVMYNU.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}body{margin:0!important}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}button{cursor:pointer}.form-container{padding-right:10px}.form-container .input input{width:100%;padding:8px;border:1px solid #dfdfdf;border-radius:10px;box-sizing:border-box;height:36px;outline:none}.form-container .input input:focus{border:1.5px solid #2196f3}.form-container .input input:focus~div{border:1.5px solid #2196f3}.form-container .input textarea{border:1px solid #dfdfdf;border-radius:10px;padding:10px;width:100%}.form-container .input.select{position:relative}.form-container .input.select:after{content:"keyboard_arrow_down";position:absolute;font-family:Material Symbols Outlined;top:calc(50% + 2px);right:10px;font-size:25px;color:#b0b0b0;transform:translateY(-50%)}.form-container .input.select select{height:36px;width:100%;border:1px solid #dfdfdf;border-radius:10px;padding:0 10px;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none}.form-container .row{display:-ms-flexbox;display:flex;width:100%;gap:16px}.form-container .row .required .label{position:relative;width:fit-content}.form-container .row .required .label:after{content:"*";color:#ff628b;position:absolute;right:-10px;top:50%;transform:translateY(-50%)}.form-container .row [class*=col-]{position:relative;width:100%}.form-container .row+.row{margin-top:8px}.form-container .row *,.form-container .row *:before,.form-container .row *:after{box-sizing:border-box}.form-container .row .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:100%;max-width:100%}.form-container .row .col-10{max-width:100%}.form-container .row .col-8{max-width:80%}.form-container .row .col-7{max-width:70%}.form-container .row .col-6{max-width:60%}.form-container .row .col-5{max-width:50%}.form-container .row .col-4{max-width:40%}.form-container .row .col-3,.form-container .row .col-2{max-width:20%}.form-container .row .d-flex-center{align-items:center;display:flex}.form-container .row .label{padding:8px 0;font-weight:300;font-size:14px}.form-container .row .field-grp{display:flex;align-items:center}.form-container .row .field-grp input{border-right:0px!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-container .row .field-grp .grp-info{border:1px solid #dfdfdf;background:#f8f4f4;font-size:14px;height:35.5px;padding:0 10px;border-top-right-radius:10px;border-bottom-right-radius:10px;display:flex;align-items:center}app-table.no-action .table-action-container{display:none!important}app-table #agGridTable span.ag-overlay-loading-center,app-table #agGridTable span.ag-overlay-no-rows-center{font-size:12px}app-table #agGridTable .ag-row{border-bottom:1px solid #efefef}app-table #agGridTable .ag-row .ag-cell{line-height:40px;color:#514f4f;outline:none;font-size:12px;padding-left:10px;display:flex;align-items:center}app-table #agGridTable .ag-row .ag-cell.ag-cell-focus1{outline:none}app-table #agGridTable .ag-row .ag-cell span{display:flex}app-table #agGridTable .ag-row .ag-cell img{height:45px;width:45px;object-fit:cover;padding:2px 0}app-table #agGridTable .ag-row .ag-cell span.store-counter-info{background:#cec;color:#145c28;padding:4px;margin-right:5px;border-radius:4px}app-table #agGridTable .ag-row .ag-cell span.store-counter-info span:last-child{background-color:#fff;color:#155c28;padding:4px 3px 3px;margin-right:-3px;border-top-right-radius:3px;border-bottom-right-radius:3px;font-size:11px}app-table #agGridTable .ag-row .ag-cell span.store-counter-info span:last-child b{font-weight:700;color:#000}app-table #agGridTable .ag-row.ag-row-selected{background-color:#4ac2ff36}app-table #agGridTable .ag-row.ag-row-selected .ag-cell{color:#008edc;font-weight:600}app-table #agGridTable .ag-header{border-bottom:1px solid #efefef}app-table #agGridTable .ag-header .ag-header-cell{line-height:45px;padding-left:10px}app-table #agGridTable .ag-header .ag-header-cell span.ag-header-cell-text{font-weight:700;font-size:14px}.side-menu-section{height:calc(100% - 60px);display:flex}.side-menu-section .side-menu-info{width:calc(100% - 80px);position:relative}.side-menu-section .side-menu-info .buss-info-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:10px;padding:10px;padding-bottom:0!important}.side-menu-section .side-menu-info .bussiness-infosection{display:grid;grid-template-columns:auto auto;padding:0 10px;grid-gap:10px;margin-bottom:10px}.side-menu-section .side-menu-info .bussiness-infosection .business-info-val{padding:10px;border-radius:10px;background:#008dd5;background:linear-gradient(90deg,#0d9ee8 50%,#00a9ff)!important;border:1px solid #2eb8ff}.side-menu-section .side-menu-info .bussiness-infosection .business-info-val:nth-child(2){border-top:2px solid #51c4ff;border-right:2px solid #93daff;background:linear-gradient(90deg,#00a9ff,#0d9ee8)!important}.side-menu-section .side-menu-info .bussiness-infosection .business-info-val:nth-child(1){border-top:2px solid #51c4ff;border-left:2px solid #93daff}.side-menu-section .side-menu-info .bussiness-infosection .business-info-val:nth-child(3){border-bottom:2px solid #51c4ff;border-left:2px solid #93daff}.side-menu-section .side-menu-info .bussiness-infosection .business-info-val:nth-child(4){border-bottom:2px solid #51c4ff;border-right:2px solid #93daff;background:linear-gradient(90deg,#00a9ff,#0d9ee8)!important}.side-menu-section .side-menu-info .bussiness-infosection .business-info-val .buss-info-val-header{padding-bottom:10px;font-size:12px;color:#fff}.side-menu-section .side-menu-info .bussiness-infosection .business-info-val .buss-info-tot-val{font-size:20px;font-weight:700;color:#fff}.side-menu-section .side-menu-info .activity-info-container .activity-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:10px;padding-bottom:0!important}.side-menu-section .side-menu-info .activity-info-container .activity-info-header .label{color:#fff;font-size:14px;font-weight:700}.side-menu-section .side-menu-info .activity-info-container .activity-info-header .see-all{color:#fff;font-size:12px}.side-menu-section .side-menu-info .activity-info-container .activity-info-body{color:#fff}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-info-item{display:flex;align-items:center;padding:10px 15px}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-info-item:first-child{padding-top:0}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-info-item+.activity-info-item{padding-top:0}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-info-item .activity-icon-section span{padding:10px;border:1px solid #dfdfdf;border-radius:100%;margin-right:10px;font-size:16px}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-info-item .activity-icon-section span.blue-icon{color:#fff;background:radial-gradient(circle,#4db2b2,#20c9c9);border:1px solid #76f0f0}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-info-item .activity-icon-section span.ping-icon{color:#fff;background:radial-gradient(circle,#e282d1,#b24d9f);border:1px solid #eab8e1}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-info-item .activity-icon-section span.green-icon{color:#fff;background:radial-gradient(circle,#82e2af,#237e4d);border:1px solid #82e2af}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-info-item .activity-icon-section span.orange-icon{color:#fff;background:radial-gradient(circle,#bac47f,#9eb30a);border:1px solid #e4ff1d}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-info-item .activity-icon-section span.red-icon{color:#fff;background:radial-gradient(circle,#f37d83,#dd5666);border:1px solid #f1b2b6}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-info-item .activity-icon-section span.violet-icon{color:#fff;background:radial-gradient(circle,#9a9cfe,#4f40ee);border:1px solid #8f91f7}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-title{font-size:14px;margin-top:10px}.side-menu-section .side-menu-info .activity-info-container .activity-info-body .activity-sub-title{font-size:12px;opacity:.6;margin-top:5px}.side-menu-section .side-menu-info .create-vector-container{position:absolute;left:50%;transform:translate(-50%);padding:10px;background:#058edc;border-radius:10px;bottom:15px!important}.side-menu-section .side-menu-info .create-vector-container:before{content:"";position:absolute;left:calc(50% - 20px);transform:translate(-50%);padding:10px;background:#058edc;border-radius:10px;width:calc(100% - 25px);height:calc(100% - 20px);bottom:15px!important;z-index:-1;opacity:.5}.side-menu-section .side-menu-info .create-vector-container .vector-image-section{display:flex;align-items:center;justify-content:center}.side-menu-section .side-menu-info .create-vector-container .vector-image-section img{width:160px;height:100px;object-fit:contain}.side-menu-section .side-menu-info .create-vector-container .create-button-section{text-align:center}.side-menu-section .side-menu-info .create-vector-container .create-button-section .btn.btn-white-blue{padding:8px 30px;font-size:14px;border-radius:30px;border:1px solid #068edc;color:#fff;font-weight:700;background:#007bba}app-dashboard app-table .container-row.table-page-container .card-container{padding:0!important}app-dashboard app-table #agGridTable{margin-top:0!important;height:calc(100% + 20px)!important}.container-row.info-page{display:flex;gap:20px;height:100%}.container-row.info-page .card-container{background:#fff;padding:16px;border-radius:10px}.container-row.info-page .card-container.w-100{width:100%;height:100%}.container-row.info-page .card-container .form-container{padding-top:0;overflow:auto;max-height:calc(100% - 50px);background:#fff}.container-row.info-page .card-container .table-action-container{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}.container-row.info-page .card-container .table-action-container .menu-container ul{gap:20px;list-style:none;display:flex;padding:0}.container-row.info-page .card-container .table-action-container .menu-container ul a{text-decoration:none;color:#761a8b}.container-row.info-page .card-container .table-action-container .menu-container ul a.active{border-left:3px solid #009bea;padding-left:10px;color:#00f}.container-row.info-page .card-container .table-action-container .search-container span{font-size:16px;font-weight:700;padding-left:10px;border-left:3px solid #009bea}.container-row.info-page .card-container .table-action-container .actions-container{display:flex;gap:10px}.container-row.info-page .card-container .table-action-container .actions-container button{display:flex;align-items:center;gap:5px;font-size:14px;padding:5px 12px!important;border:0px;background:#efefef;border-radius:5px;cursor:pointer}.container-row.info-page .card-container .table-action-container .actions-container button span.material-symbols-outlined{font-size:20px}.container-row.info-page .card-container .table-action-container .actions-container button.createButton{background:#33a452!important;color:#fff}.container-row.info-page .card-container .table-action-container .actions-container button.editButton{background:#51d8ff!important}.container-row.info-page .card-container .table-action-container .actions-container button.deleteButton{background:#ff628b!important;color:#fff}.actions button{display:flex;align-items:center;gap:5px;font-size:14px;padding:5px 12px!important;border:0px;background:#efefef;border-radius:5px;cursor:pointer}.actions button span.material-symbols-outlined{font-size:20px}.actions button.createButton{background:#33a452!important;color:#fff}.actions button.editButton{background:#51d8ff!important}.actions button.deleteButton{background:#ff628b!important;color:#fff}.app-list-page-section{height:100vh;display:flex}.app-list-page-section .sidebar-container{width:350px;height:100%;background-color:#009bea;border-top-right-radius:30px;position:fixed;z-index:2}.app-detail-page-section{height:100vh;display:flex}.app-detail-page-section .sidebar-container{width:350px;height:100%;background-color:#009bea;border-top-right-radius:30px;position:fixed;z-index:2}.pdt-list-viewer.grid-view .pdt-container{padding-top:10px}.pdt-list-viewer.grid-view .pdt-container .name-price-info{padding:5px 0 0!important}.pdt-list-viewer.grid-view .pdt-container .name{padding-top:0!important}.pdt-list-viewer .pdt-container{display:flex;cursor:pointer;align-items:center;padding:10px 15px;color:#fff!important}.pdt-list-viewer .pdt-container .name-price-info{height:100%;width:100%;margin-left:10px}.pdt-list-viewer .pdt-container .image img{background:#068edc;width:30px;height:30px;padding:5px;border-radius:100px;object-fit:cover}.pdt-list-viewer .pdt-container .name{font-size:14px}.pdt-list-viewer .pdt-container .price-with-qty{display:flex;align-items:center!important;margin-top:5px}.pdt-list-viewer .pdt-container .price-with-qty .price{margin-left:5px;font-size:12px}.pdt-list-viewer .pdt-container .price-with-qty .unit-qty{font-size:12px;opacity:.5;margin-left:5px}.pdt-list-viewer .pdt-container:first-child{padding-top:0}.pdt-list-viewer .pdt-container+.pdt-container{padding-top:5px}.mainbody-container{background:#f8f4f4!important;margin-left:350px;height:100%;width:100%;overflow:auto}.mainbody-container .main-body-content-section{padding:15px;margin-top:60px;height:calc(100% - 120px)}.m-0{margin:0!important}.empty-widget{color:#fff;font-size:12px;text-align:center;padding:30px}.side-action-menu-container .activity-info-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 10px}.side-action-menu-container .activity-info-item{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0094e3;padding:10px 10px 8px!important;border-radius:10px;border-right:2px solid transparent;border-bottom:2px solid transparent}.side-action-menu-container .activity-info-item.active{background:#008edc;border-right:2px solid #fafafa;border-bottom:2px solid #fafafa}.side-action-menu-container .activity-info-item .activity-title{text-align:center;font-size:12px!important;margin-top:8px!important}.side-action-menu-container .activity-info-item .activity-icon-section span{margin-right:0!important;font-size:20px!important}@media print{.table-page-container,.sidebar-container,.nav-bar-header-section,.grid-container,.printer,.bill-screen-page,.actionbar,.empty-container{display:none!important}.mainbody-container,.receipt-wrapper,.main-body-content-section{margin:0!important}.invoice-landing,#app-template-container{display:block!important}.selected-container,.component{border:none!important}.receipt-table thead th{border-top:1px dashed #b5b5b5!important;border-bottom:1px app-invoice-containerdashed #b5b5b5!important}.app-list-page-section,.app-list-page-section .main-body-content-section{height:100%!important;overflow:hidden!important}app-barcode-sticker-generator custom-widget{break-inside:avoid;page-break-inside:avoid}app-barcode-sticker-generator custom-widget .receipt-wrapper{box-shadow:none!important}}#app-template-container *,#preview-container-list *{font-size:12px;font-weight:400;margin:0;padding:0;scrollbar-width:none}#app-template-container .material-symbols-outlined,#preview-container-list .material-symbols-outlined{font-size:20px}#app-template-container .barcode-div-section,#preview-container-list .barcode-div-section{position:relative;margin:0!important;line-height:0!important}#app-template-container .barcode-div-section svg,#preview-container-list .barcode-div-section svg{height:30px}#app-template-container .barcode-div-section .bar-code-options,#preview-container-list .barcode-div-section .bar-code-options{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#app-template-container .invoice-action-container,#app-template-container .barcode-action-container,#preview-container-list .invoice-action-container,#preview-container-list .barcode-action-container{position:absolute;left:14px;cursor:pointer}#app-template-container .invoice-action-container .material-symbols-outlined,#app-template-container .barcode-action-container .material-symbols-outlined,#preview-container-list .invoice-action-container .material-symbols-outlined,#preview-container-list .barcode-action-container .material-symbols-outlined{font-size:25px;opacity:.6;padding:5px;background:#dfdfdf;border-radius:100%;display:block}#app-template-container .invoice-action-container .material-symbols-outlined.show,#app-template-container .barcode-action-container .material-symbols-outlined.show,#preview-container-list .invoice-action-container .material-symbols-outlined.show,#preview-container-list .barcode-action-container .material-symbols-outlined.show{opacity:1}#app-template-container .invoice-action-container .material-symbols-outlined+.material-symbols-outlined,#app-template-container .barcode-action-container .material-symbols-outlined+.material-symbols-outlined,#preview-container-list .invoice-action-container .material-symbols-outlined+.material-symbols-outlined,#preview-container-list .barcode-action-container .material-symbols-outlined+.material-symbols-outlined{margin-top:10px}#app-template-container table,#preview-container-list table{caption-side:bottom;border-collapse:collapse;font-size:14px}#app-template-container .mty-container,#preview-container-list .mty-container{min-height:10px}#app-template-container .receipt-wrapper,#preview-container-list .receipt-wrapper{padding:8px 16px;background-color:var(--white);-webkit-box-shadow:0px -10px 20px rgba(222,212,207,.3);box-shadow:0 -10px 20px #ded4cf4d}#app-template-container .receipt-wrapper .card-header:first-child,#preview-container-list .receipt-wrapper .card-header:first-child{background-color:#fff!important}#app-template-container .overflow-x,#preview-container-list .overflow-x{overflow-y:auto}#app-template-container .receipt-top,#preview-container-list .receipt-top{text-align:center;margin-bottom:10px}#app-template-container .receipt-heading,#preview-container-list .receipt-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;text-transform:uppercase;font-size:14px;font-weight:500;margin:10px 0}#app-template-container .receipt-heading:before,#preview-container-list .receipt-heading:before{content:"";position:absolute;height:0;width:100%;left:0;top:46%;border-top:1px dashed #b5b5b5}#app-template-container .receipt-heading span,#preview-container-list .receipt-heading span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0 5px;background-color:#fff;z-index:1;font-weight:500}#app-template-container .text-list.text-style1,#preview-container-list .text-list.text-style1{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#app-template-container .text-list.text-style1 li,#preview-container-list .text-list.text-style1 li{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;font-size:14px;line-height:1.2em;box-sizing:border-box;margin-bottom:7px}#app-template-container .text-right,#preview-container-list .text-right{text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#app-template-container .text-center,#preview-container-list .text-center{text-align:center!important}#app-template-container .text-end,#preview-container-list .text-end{text-align:right!important}#app-template-container .text-start,#preview-container-list .text-start{text-align:left!important}#app-template-container .text-list-title,#preview-container-list .text-list-title{margin-right:4px}#app-template-container .text-receipt-seperator,#preview-container-list .text-receipt-seperator{width:100%;border-top:1px dashed #b5b5b5;margin:9px 0 9px auto}#app-template-container .receipt-table,#preview-container-list .receipt-table{width:100%;margin-top:10px;line-height:1.3em;margin-bottom:10px}#app-template-container .receipt-table thead th,#preview-container-list .receipt-table thead th{font-weight:700;text-align:left;padding:8px 3px;border-top:1px dashed #b5b5b5;border-bottom:1px dashed #b5b5b5}#app-template-container .receipt-table td,#preview-container-list .receipt-table td{padding:4px}#app-template-container .receipt-table tbody tr:first-child td,#preview-container-list .receipt-table tbody tr:first-child td{padding-top:10px}#app-template-container .receipt-table tbody tr:last-child td,#preview-container-list .receipt-table tbody tr:last-child td{padding-bottom:10px;border-bottom:1px dashed #b5b5b5}#app-template-container .receipt-table th:last-child,#app-template-container .receipt-table td:last-child,#preview-container-list .receipt-table th:last-child,#preview-container-list .receipt-table td:last-child{text-align:right;padding-right:0}#app-template-container .receipt-table th:first-child,#app-template-container .receipt-table td:first-child,#preview-container-list .receipt-table th:first-child,#preview-container-list .receipt-table td:first-child{padding-left:0}#app-template-container .receipt-table tr,#preview-container-list .receipt-table tr{vertical-align:baseline}#app-template-container .text-bill-list,#preview-container-list .text-bill-list{list-style:none;padding:8px 0}#app-template-container .text-bill-list-in,#preview-container-list .text-bill-list-in{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:3px 0}#app-template-container .text-bill-title,#preview-container-list .text-bill-title{padding-right:20px;font-weight:600}#app-template-container .text-bill-value,#preview-container-list .text-bill-value{width:90px}#app-template-container .text-bill-value.text-bill-focus,#app-template-container .text-bill-title.text-bill-focus,#preview-container-list .text-bill-value.text-bill-focus,#preview-container-list .text-bill-title.text-bill-focus{font-weight:600}#app-template-container .company-name,#app-template-container .supplier-name,#preview-container-list .company-name,#preview-container-list .supplier-name{font-weight:700;font-size:18px;line-height:1.4em}#app-template-container .tm_pos_sample_text,#preview-container-list .tm_pos_sample_text{text-align:center;line-height:1.6em;color:#9c9c9c;margin:5px 0}#app-template-container #bar-code-template .tm_pos_sample_text,#preview-container-list #bar-code-template .tm_pos_sample_text{width:100%}#app-template-container #qr-code-template .tm_pos_sample_text,#preview-container-list #qr-code-template .tm_pos_sample_text{display:flex;justify-content:center;margin:10px 0}#app-template-container .table-title,#preview-container-list .table-title{margin-bottom:5px}#app-template-container .bold,#preview-container-list .bold{font-weight:700}#app-template-container .image-container,#preview-container-list .image-container{display:flex;justify-content:center}#app-template-container .image-container img,#preview-container-list .image-container img{width:100px;height:100px;object-fit:cover}#app-template-container .pa-10,#preview-container-list .pa-10{padding:3px 10px!important}#app-template-container .mb-0,#preview-container-list .mb-0{margin-bottom:0!important}#app-template-container .mb-2,#preview-container-list .mb-2{margin-bottom:.5rem!important}#app-template-container .mb-10,#preview-container-list .mb-10{margin-bottom:10px}#app-template-container .mb-15,#preview-container-list .mb-15{margin-bottom:15px}#app-template-container .mb-20,#preview-container-list .mb-20{margin-bottom:20px}#app-template-container .d-block,#preview-container-list .d-block{display:block!important}#app-template-container .bg-title,#preview-container-list .bg-title{background:#fff!important}#app-template-container .text-border,#preview-container-list .text-border{border-bottom:1px solid #fff;display:inline-block}#app-template-container .text-uppercase,#preview-container-list .text-uppercase{text-transform:uppercase}#app-template-container .text-bold,#preview-container-list .text-bold{font-weight:700}#app-template-container .text-12,#preview-container-list .text-12{font-size:12px!important}#app-template-container .font-700,#preview-container-list .font-700{font-weight:700!important}#app-template-container strong,#preview-container-list strong{font-weight:600}#app-template-container .table>:not(caption)>*>*,#preview-container-list .table>:not(caption)>*>*{padding:.5rem;background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);-webkit-box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}#app-template-container .table>tbody,#preview-container-list .table>tbody{vertical-align:inherit}#app-template-container .table>thead,#preview-container-list .table>thead{vertical-align:bottom}#app-template-container hr,#preview-container-list hr{height:1px;border:none;margin:0}#app-template-container .border-top,#preview-container-list .border-top{border-top:1px solid var(--secondary-border)}#app-template-container .pt-20,#preview-container-list .pt-20{padding-top:20px}#app-template-container .policy,#preview-container-list .policy{margin-left:30px}#app-template-container .policy li,#preview-container-list .policy li{white-space:normal;padding:2px}#app-template-container .mt-20,#preview-container-list .mt-20{margin-top:20px}#app-template-container .mb-30,#preview-container-list .mb-30{margin-bottom:30px}#app-template-container .mv-5,#preview-container-list .mv-5{margin:10px 0}#app-template-container .row>*,#preview-container-list .row>*{-ms-flex-negative:0;flex-shrink:0;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}#app-template-container .invoice-landing,#preview-container-list .invoice-landing{display:none}#app-template-container .invoice-landing custom-widget,#preview-container-list .invoice-landing custom-widget{grid-area:template;display:flex;justify-content:center;width:100%;min-height:calc(100vh - 100px);overflow-y:auto;position:relative}#app-template-container #section1,#preview-container-list #section1{grid-area:template;width:100%;min-height:calc(100vh - 185px);overflow-y:auto;position:relative}#app-template-container #section1 .preview-invoice-section,#preview-container-list #section1 .preview-invoice-section{display:none;pointer-events:none}#app-template-container #section1 .preview-invoice-section.show,#preview-container-list #section1 .preview-invoice-section.show{display:block}#app-template-container #section1 .selected-container,#preview-container-list #section1 .selected-container{border:1px solid #008edc}#app-template-container #section1 .section2-wrapper,#preview-container-list #section1 .section2-wrapper{overflow-y:auto}#app-template-container #section1 .section2-wrapper:has(.edit-container.disp-none),#preview-container-list #section1 .section2-wrapper:has(.edit-container.disp-none){height:100%}#app-template-container #section1 #template-builder,#preview-container-list #section1 #template-builder{min-height:calc(100% - 20px)}#app-template-container #section1 #template-builder:focus,#preview-container-list #section1 #template-builder:focus{outline:none!important;border:none!important}#app-template-container #section1 .edit-container,#preview-container-list #section1 .edit-container{position:absolute;bottom:0;left:0;right:0;width:100%;height:150px}#app-template-container #section1 .edit-container .edit-container-wrapper,#preview-container-list #section1 .edit-container .edit-container-wrapper{position:relative}#app-template-container #section1 .edit-container .cursor,#preview-container-list #section1 .edit-container .cursor{position:absolute;left:50%;top:-5px;background:#f0f8ff;border-radius:5px;width:50px;display:flex;justify-content:center}#app-template-container #section1 .edit-container .cursor button,#preview-container-list #section1 .edit-container .cursor button{border:none;background:transparent;width:100%}#app-template-container #section1 .edit-container .fields,#preview-container-list #section1 .edit-container .fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;background:#f0f8ff;padding:20px 10px;box-sizing:border-box;min-height:150px}#app-template-container #section1 .edit-container .action,#preview-container-list #section1 .edit-container .action{position:absolute;right:5px;top:4px;background:transparent}#app-template-container #section1 .edit-container .action span,#preview-container-list #section1 .edit-container .action span{color:#ff0000b5;font-size:22px}#app-template-container #section1 .edit-container .action button,#preview-container-list #section1 .edit-container .action button{border:none;padding:2px;border-radius:4px;background:#00000008;display:flex;justify-content:center}#app-template-container #section1 label,#preview-container-list #section1 label{display:inline-block;margin-bottom:.5rem}#app-template-container #section1 .form-control,#preview-container-list #section1 .form-control{display:block;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem}#app-template-container .receipt-wrapper,#preview-container-list .receipt-wrapper{position:relative;width:calc(100% - 160px);margin-left:60px;white-space:normal}#app-template-container #section2,#preview-container-list #section2{grid-area:component;padding:0}#app-template-container #section2 [draggable],#preview-container-list #section2 [draggable]{cursor:move}#app-template-container ul.heading,#preview-container-list ul.heading{display:flex;justify-content:center;gap:10px}#app-template-container ul.heading>li,#preview-container-list ul.heading>li{padding:10px 20px;border-radius:5px}#app-template-container ul.heading>li.active,#preview-container-list ul.heading>li.active{border-bottom:2px solid #a6cbea}#app-template-container .grid-container,#preview-container-list .grid-container{height:calc(100vh - 160px);background-color:#f8f4f4;display:flex}#app-template-container .grid-container button,#app-template-container .grid-container a,#preview-container-list .grid-container button,#preview-container-list .grid-container a{cursor:pointer}#app-template-container .grid-container nav,#preview-container-list .grid-container nav{display:flex;justify-content:space-between}#app-template-container .grid-container nav .heading,#preview-container-list .grid-container nav .heading{width:55%}#app-template-container .grid-container nav .actions,#preview-container-list .grid-container nav .actions{display:flex;justify-content:end;gap:10px;padding:0 20px}#app-template-container .grid-container nav .actions button,#preview-container-list .grid-container nav .actions button{padding:2px 10px;background:#fff;border-radius:4px;height:35px;display:flex;justify-content:center;align-items:center;border:1px solid #ced4da;gap:4px}#app-template-container .grid-container nav .actions button.save,#preview-container-list .grid-container nav .actions button.save{border:1px solid #3dd53d}#app-template-container .grid-container .hint,#preview-container-list .grid-container .hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#app-template-container .grid-container>section,#preview-container-list .grid-container>section{background:#fff;padding:10px 0;font-size:30px}#app-template-container .grid-container>section:first-child,#preview-container-list .grid-container>section:first-child{width:70%!important}#app-template-container .grid-container>section:last-child,#preview-container-list .grid-container>section:last-child{width:30%!important;margin-left:5px;overflow:auto}#app-template-container .grid-container ul,#preview-container-list .grid-container ul{list-style:none}#app-template-container .grid-container .components,#preview-container-list .grid-container .components{display:flex;flex-wrap:wrap;overflow:auto;align-items:start;justify-content:center;gap:10px;padding-top:10px}#app-template-container .grid-container .components>div,#preview-container-list .grid-container .components>div{display:flex;place-items:center;flex-direction:column;position:relative;width:calc(50% - 20px);box-shadow:0 5px 20px #ded4cf4d}#app-template-container .grid-container .components .heading,#preview-container-list .grid-container .components .heading{width:100%;text-align:center;padding:8px 0;text-transform:uppercase;background:#009bea;color:#fff}#app-template-container .grid-container .components .body>div,#preview-container-list .grid-container .components .body>div{padding:8px 0;border-bottom:1px solid #f4f0f0;text-align:center;text-transform:uppercase;font-size:10px}#app-template-container .grid-container .components .body>div:last-child,#preview-container-list .grid-container .components .body>div:last-child{border-bottom:0px!important}#app-template-container .grid-container .actionbar,#preview-container-list .grid-container .actionbar{position:absolute;top:50%;transform:translate(-50%,-50%);right:-80px}#app-template-container .grid-container .actionbar>div,#preview-container-list .grid-container .actionbar>div{width:50px;display:flex;justify-content:flex-start;align-items:center}#app-template-container .grid-container .actionbar>div>div.btn-group,#preview-container-list .grid-container .actionbar>div>div.btn-group{position:absolute;right:0;background:transparent;border:none;border-radius:5px;display:flex;justify-content:center;gap:10px}#app-template-container .grid-container .actionbar>div>div.btn-group button,#preview-container-list .grid-container .actionbar>div>div.btn-group button{background:#fff;border:1px solid #ced4da;border-radius:4px;padding:2px}#app-template-container .grid-container .actionbar>div>div.btn-group .delete,#preview-container-list .grid-container .actionbar>div>div.btn-group .delete{color:#ff0000b5}#app-template-container .grid-container .actionbar>div>div.btn-group .edit,#preview-container-list .grid-container .actionbar>div>div.btn-group .edit{color:#0000ffb3}#app-template-container .grid-container .actionbar .line,#preview-container-list .grid-container .actionbar .line{width:100%;border-bottom:1px dashed gray}#app-template-container .grid-container .component,#preview-container-list .grid-container .component{position:relative;border:1px dashed gray;padding:0 10px}#app-template-container .grid-container .empty-container,#preview-container-list .grid-container .empty-container{height:10px;transition:height .5s}#app-template-container .grid-container .empty-container.selected-container,#preview-container-list .grid-container .empty-container.selected-container{height:50px;transition:height .5s}#app-template-container .grid-container .preview-barcode-section .tm_pos_sample_text,#preview-container-list .grid-container .preview-barcode-section .tm_pos_sample_text{margin:0!important;line-height:1px!important}#app-template-container .grid-container .preview-barcode-section .empty-container,#preview-container-list .grid-container .preview-barcode-section .empty-container{display:none}#app-template-container .disp-none,#preview-container-list .disp-none{display:none!important}#app-template-container .design-properties form,#preview-container-list .design-properties form{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px}#app-template-container .design-properties form .flex-related-inp-section,#preview-container-list .design-properties form .flex-related-inp-section{display:none}#app-template-container .design-properties form .flex-inp-container,#preview-container-list .design-properties form .flex-inp-container{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap}#app-template-container .design-properties form .header-with-divider,#preview-container-list .design-properties form .header-with-divider{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:5px 0;font-weight:700}#app-template-container .design-properties form>div:not(.style-property-section),#app-template-container .design-properties form .style-property-section>div,#app-template-container .design-properties form .barcode-property-section>div:not(.flex-related-inp-section),#preview-container-list .design-properties form>div:not(.style-property-section),#preview-container-list .design-properties form .style-property-section>div,#preview-container-list .design-properties form .barcode-property-section>div:not(.flex-related-inp-section){display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;gap:10px}#app-template-container .design-properties form>div:not(.style-property-section) input,#app-template-container .design-properties form .style-property-section>div input,#app-template-container .design-properties form .barcode-property-section>div:not(.flex-related-inp-section) input,#preview-container-list .design-properties form>div:not(.style-property-section) input,#preview-container-list .design-properties form .style-property-section>div input,#preview-container-list .design-properties form .barcode-property-section>div:not(.flex-related-inp-section) input{width:100px}#app-template-container .design-properties form .style-property-section,#preview-container-list .design-properties form .style-property-section{width:100%}#app-template-container .design-properties form .style-property-section>div,#preview-container-list .design-properties form .style-property-section>div{margin-bottom:10px}#app-template-container .design-properties form input,#preview-container-list .design-properties form input{padding:2px 5px;border:1px solid #dfdfdf;border-radius:2px;outline:none}#app-template-container .design-properties form select,#preview-container-list .design-properties form select{padding:2px;border:1px solid #dfdfdf;border-radius:2px;width:112px}#app-template-container .design-properties form input[type=color],#preview-container-list .design-properties form input[type=color]{border:none;width:50px!important}#app-template-container .action-bar,#preview-container-list .action-bar{display:flex;position:sticky;top:0;background:#fff;z-index:9999}#app-template-container .action-bar button,#preview-container-list .action-bar button{border:none;padding:10px;background:#fff;width:100%;font-size:14px;border-bottom:2px solid #ddd}#app-template-container .action-bar button.active,#preview-container-list .action-bar button.active{border-bottom:2px solid black;font-weight:700}#app-template-container #template-container,#preview-container-list #template-container{display:none}custom-widget .ignore-selection{display:none}custom-widget .component{border:0px!important}app-template-container #app-template-container{background:#f8f4f4;padding:5px;margin-top:10px}app-template-container #app-template-container .barcode-widget-container,app-template-container #app-template-container .invoice-widget-container{display:none!important}app-template-container #app-template-container .barcode-widget-container .purchase-info,app-template-container #app-template-container .invoice-widget-container .purchase-info{display:none!important}app-template-container #app-template-container.purchase-component .barcode-widget-container,app-template-container #app-template-container.purchase-component .invoice-widget-container,app-template-container #app-template-container.purchase-component .purchase-info{display:block!important}app-template-container #app-template-container.purchase-component .barcode-widget-container .invoice-info,app-template-container #app-template-container.purchase-component .invoice-widget-container .invoice-info,app-template-container #app-template-container.purchase-component .purchase-info .invoice-info{display:none!important}app-template-container #app-template-container.purchase-component .invoice-widget-container .purchae-info{display:block!important}app-template-container #app-template-container.barcode-component .barcode-widget-container{display:block!important}app-template-container #app-template-container.invoice-component .invoice-widget-container{display:block!important}app-invoice-container-list #preview-container-list,app-barcode-container-list #preview-container-list,app-purchase-container-list #preview-container-list{position:relative;padding-top:10px;padding-left:10px;height:calc(100% - 70px);display:flex;flex-wrap:wrap;justify-content:center;white-space:nowrap;overflow-y:auto;overflow-x:hidden}app-invoice-container-list #preview-container-list custom-widget,app-barcode-container-list #preview-container-list custom-widget,app-purchase-container-list #preview-container-list custom-widget{cursor:pointer;position:relative}app-invoice-container-list #preview-container-list custom-widget.selected:after,app-barcode-container-list #preview-container-list custom-widget.selected:after,app-purchase-container-list #preview-container-list custom-widget.selected:after{content:"\e86c";position:absolute;top:10px;right:25px;font-family:Material Symbols Outlined;font-size:30px;z-index:999;color:#009bea;background:#fff;border-radius:100%;display:flex;align-items:center;height:20px;justify-content:center}app-invoice-container-list #preview-container-list custom-widget.selected.barcode:after,app-barcode-container-list #preview-container-list custom-widget.selected.barcode:after,app-purchase-container-list #preview-container-list custom-widget.selected.barcode:after{top:5px;right:10px;font-size:20px}app-invoice-container-list #preview-container-list custom-widget.active:before,app-barcode-container-list #preview-container-list custom-widget.active:before,app-purchase-container-list #preview-container-list custom-widget.active:before{content:"Active";position:absolute;top:10px;left:10px;z-index:1;font-size:12px;background:#33a452;color:#fff;border-radius:10px;padding:1px 10px}app-invoice-container-list #preview-container-list .empty-container,app-barcode-container-list #preview-container-list .empty-container,app-purchase-container-list #preview-container-list .empty-container{font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}app-invoice-container-list #preview-container-list .receipt-wrapper,app-barcode-container-list #preview-container-list .receipt-wrapper,app-purchase-container-list #preview-container-list .receipt-wrapper{margin-left:0!important;width:calc(100% - 42px)!important}app-purchase-container-list #preview-container-list .receipt-wrapper{width:calc(85vw - 350px)!important}app-invoice-container-list custom-widget.selected:after{height:30px!important}app-barcode-container-list #preview-container-list{gap:10px}app-barcode-container-list #preview-container-list custom-widget{width:auto!important}app-barcode-sticker-generator #template-builder{margin:0!important;padding:0!important}.barcode-container{position:relative;display:flex;align-items:center;justify-content:center}.barcode-container .barcode-widget{display:none}.barcode-container .barcode-widget-img{width:200px;height:60px}.barcode-container .img-barcode{position:relative;display:flex;align-items:center;justify-content:center}.barcode-container .img-barcode img{width:200px;height:60px}.barcode-container .img-barcode .barcode-value{background:#fff;padding:0 10px!important;color:#000!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}custom-widget .barcode-container .img-barcode{display:none}custom-widget .barcode-container .barcode-widget{display:block}app-template-container .barcode-property-section{display:none!important}app-template-container .barcode-property-section.show{display:flex!important}#template-builder #row-template.drag-over{min-height:50px;transition:min-height .5s}#template-builder #row-template,#template-builder #column-template{display:flex;min-height:30px}#template-builder #column-template{width:100%}custom-widget #template-builder #row-template,custom-widget #template-builder #column-template{min-height:10px}app-barcode-sticker-generator custom-widget{background-color:#fff}app-barcode-sticker-generator custom-widget .receipt-wrapper{box-shadow:none!important}.full-screen-use .popup-container,.full-screen-use .modal-backdrop{left:0!important}.full-screen-use .modal-popup-section{left:30%!important}#purchase-info-template{width:100%}#purchase-info-template ul.text-style1{display:block!important;width:100%}#purchase-info-template ul.text-style1 li{width:100%!important}table{width:100%;max-width:100%;background-color:transparent;margin-bottom:0!important;background-color:#fff}.table,.table th,.table td{height:100%;vertical-align:middle;border:1px solid #dfdfdf;padding:10px;border-collapse:collapse;text-align:start}.table{padding-top:1px}.table thead{border:1px solid #dfdfdf;font-weight:700;position:sticky;top:0;background:#fff;z-index:10}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#007bff}