.h-70[data-v-23bec69a]{height:70vh}.pagination-row p[data-v-555b8012],.pagination-row span[data-v-555b8012]{color:#333!important}[data-v-555b8012] .page-item .page-link{color:var(--primary-color)}[data-v-555b8012] .page-item.active .page-link,[data-v-555b8012] .page-item.active .page-link:hover{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff}[data-v-555b8012] .page-item.active .page-item{font-size:16px}button.page-link[data-v-555b8012]{color:var(--primary-color)}.pagination-row[data-v-555b8012]{font-size:16px}@media screen and (min-width:667px)and (max-width:768px){.pagination-row[data-v-555b8012]{text-align:center}.pagination-row div[data-v-555b8012]{justify-content:center!important;flex:0 0 100%;max-width:100%}}@media only screen and (max-width:820px)and (min-width:668px){.page-take[data-v-555b8012]{max-width:60px}}@media(max-width:667px){.page-form[data-v-555b8012]{flex-direction:column}}[data-v-00188a22] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-00188a22] .modal-body{padding:1rem 1rem}.btn-primary .modal-body[data-v-00188a22]{margin:auto;text-align:center}[data-v-00188a22] .nav-tabs li:nth-child(2){border-left:1px solid #fff;border-right:1px solid #fff}[data-v-bd7248a6] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-bd7248a6] .modal-body{padding:1rem 1rem}.btn-primary .modal-body[data-v-bd7248a6]{margin:auto;text-align:center}[data-v-bd7248a6] .modal-register .btn-link{border-color:transparent!important;background-color:transparent!important;text-decoration:underline!important;padding:0;color:#f7f7f7!important}[data-v-bd7248a6] .modal-register .icon-delete{width:20px;height:20px}[data-v-bd7248a6] .modal-register .register-box{background:#f7f7f7;border:1px solid #d8dbe0;max-height:500px;overflow:auto}[data-v-bd7248a6] .modal-register .nav-tabs .nav-item{margin-bottom:0}[data-v-bd7248a6] .modal-register .nav-tabs .nav-link{border:1px solid #fff!important;border-bottom:3px solid #fff!important;font-weight:600;background:#fff!important;color:#333!important}[data-v-bd7248a6] .modal-register .nav-tabs .nav-link.active{border:1px solid var(--secondary-color)!important;border-bottom:3px solid var(--primary-color)!important;color:var(--primary-color)!important}@media(max-width:768px){[data-v-bd7248a6] .div-input{width:100%}[data-v-bd7248a6] .modal-dialog{margin:0;max-width:100vw!important}[data-v-bd7248a6] .modal-dialog .modal-content{width:100vw;height:100vh}[data-v-bd7248a6] .modal-dialog .modal-content .modal-body{overflow-y:auto}}.text-link[data-v-bd7248a6]{right:0;position:absolute;margin-right:20px}.line-height-1[data-v-51da243f]{line-height:1}[data-v-51da243f] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-51da243f] .modal-body{padding:1rem 1rem}.btn-primary .modal-body[data-v-51da243f]{margin:auto;text-align:center}[data-v-51da243f] .nav-tabs li:nth-child(2){border-left:1px solid #fff;border-right:1px solid #fff}.no-data-item[data-v-51da243f]{min-height:88px;display:flex;justify-content:center;font-size:14px;color:#bdbdbd;align-items:center}[data-v-51da243f] .div-input{width:50%}[data-v-51da243f] .table-custom{height:450px!important}[data-v-51da243f] .table-custom thead{position:sticky;top:0}@media(max-width:768px){[data-v-51da243f] .div-input{width:100%}[data-v-51da243f] .modal-dialog{margin:0;max-width:100vw!important}[data-v-51da243f] .modal-dialog .modal-content{width:100vw;height:100vh}[data-v-51da243f] .modal-dialog .modal-content .modal-body{overflow-y:auto}}[data-v-6a9d94dc] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-6a9d94dc] .modal-body{padding:1rem 1rem}.btn-primary .modal-body[data-v-6a9d94dc]{margin:auto;text-align:center}[data-v-6a9d94dc] .b-table-sticky-header>.table.b-table>thead>tr>th{font-size:16px;background-color:var(--secondary-color);color:var(--font-color)}[data-v-6a9d94dc] .b-table-sticky-header{max-height:calc(65vh - 46px)}.title-point[data-v-6a9d94dc]{color:#333;font-size:16px}.logo-home-page-desktop[data-v-2e742694]{min-height:80px!important;min-width:80px!important;background-repeat:no-repeat;background-size:contain;background-position:50%;width:auto;height:80px;aspect-ratio:16/9}.invisible-input[data-v-2e742694]{position:absolute;top:-9999px;left:-9999px}.numpad[data-v-2e742694]{font-size:24px;width:60px;height:60px;border-radius:80%;transition:all .3s}.numpad-login[data-v-2e742694]{background-color:var(--primary-color);font-size:10px!important;color:var(--font-primary-color)!important;transition:all .3s}.numpad-login-lock[data-v-2e742694]{background-color:#f1f1f1!important;font-size:10px!important;color:#333!important}.numpad-delete[data-v-2e742694]{width:30px;color:#9b9b9b;width:60px;height:60px;border-radius:80%;transition:all .3s}[data-v-2e742694] .modal-dialog{max-width:400px}.w-300px[data-v-2e742694]{width:300px}.w-250px[data-v-2e742694]{width:250px}svg[data-v-2e742694]{width:30px}.text-link[data-v-2e742694]{text-decoration:underline;cursor:pointer}.numpad-click[data-v-2e742694]{background-color:var(--primary-color)!important;color:var(--font-primary-color)!important;font-size:30px}.numpad-login-click[data-v-2e742694]{transition:all .3s;background-color:var(--secondary-color)!important;font-size:13px!important;color:var(--font-primary-color)!important}.text-pin[data-v-2e742694]{font-weight:800}[data-v-9f075eb8] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-9f075eb8] .modal-body{padding:1rem 1rem}[data-v-9f075eb8] .modal-body .custom-control-input:checked~.custom-control-label:before{border-color:var(--primary-color);background-color:var(--primary-color)}[data-v-9f075eb8] .modal-body .custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:var(--primary-color)}[data-v-9f075eb8] .modal-body .custom-control-input:focus~.custom-control-label:before{box-shadow:none!important}.btn-primary .modal-body[data-v-9f075eb8]{margin:auto;text-align:center}.panel-display-count[data-v-9f075eb8]{padding-top:10px}.panel-display-count p.label[data-v-9f075eb8]{color:#333!important;font-weight:700!important}.panel-display-count p[data-v-9f075eb8]{color:#999!important;font-size:14px!important}@media(max-width:768px){[data-v-9f075eb8] .modal-title{text-align:center}}[data-v-e69ed5a0] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-e69ed5a0] .modal-body{padding:1rem 1rem}[data-v-e69ed5a0] .modal-body .custom-control-input:checked~.custom-control-label:before{border-color:var(--primary-color);background-color:var(--primary-color)}[data-v-e69ed5a0] .modal-body .custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:var(--primary-color)}[data-v-e69ed5a0] .modal-body .custom-control-input:focus~.custom-control-label:before{box-shadow:none!important}.btn-primary .modal-body[data-v-e69ed5a0]{margin:auto;text-align:center}.panel-display-count[data-v-e69ed5a0]{padding-top:10px}.panel-display-count p.label[data-v-e69ed5a0]{color:#333!important;font-weight:700!important}.panel-display-count p[data-v-e69ed5a0]{color:#999!important;font-size:14px!important}.header-products[data-v-e69ed5a0]{font-size:14px;font-weight:700}.header-products .header-products-item[data-v-e69ed5a0]{padding:0}.product-list-container[data-v-e69ed5a0]{overflow:auto;height:calc(100% - 262px);position:relative}.product-list-container .wrap-no-product[data-v-e69ed5a0]{width:100%;height:100%;display:flex!important;justify-content:center!important;align-items:center!important}.product-list-container .wrap-no-product .no-product[data-v-e69ed5a0]{text-align:center;font-size:20px;padding:15px;background-color:#f7f7f7;border-radius:5px;color:#dcdcdc;width:450px}.product-panel[data-v-e69ed5a0]{background-color:#f4f4f4!important}.product-panel.active[data-v-e69ed5a0]{background-color:var(--secondary-color)!important}.item-products[data-v-e69ed5a0]{color:#707070;font-size:16px;border-radius:8px;font-family:Kanit-Medium!important}.item-products svg[data-v-e69ed5a0]{color:#000}.item-products .price[data-v-e69ed5a0]{font-size:14px;text-align:center}.item-products .product-info[data-v-e69ed5a0]{font-size:12px!important}.item-products span[data-v-e69ed5a0]{font-size:12px!important;color:#707070!important}.item-products .normal-unit-price[data-v-e69ed5a0]{text-decoration:line-through}[data-v-34459ef3] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-34459ef3] .modal-body{padding:1rem 1rem}[data-v-34459ef3] .modal-body .custom-control-input:checked~.custom-control-label:before{border-color:var(--primary-color);background-color:var(--primary-color)}[data-v-34459ef3] .modal-body .custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:var(--primary-color)}[data-v-34459ef3] .modal-body .custom-control-input:focus~.custom-control-label:before{box-shadow:none!important}.btn-primary .modal-body[data-v-34459ef3]{margin:auto;text-align:center}.panel-display-count[data-v-34459ef3]{padding-top:10px}.panel-display-count p.label[data-v-34459ef3]{color:#333!important;font-weight:700!important}.panel-display-count p[data-v-34459ef3]{color:#999!important;font-size:14px!important}@media(max-width:768px){[data-v-34459ef3] .modal-title{text-align:center}}.box-address[data-v-36a6bcde]{border-width:1px;border-radius:.5rem;border-color:rgba(0,0,21,.2);border-style:solid;padding:1rem;position:relative;cursor:pointer}.box-address.add[data-v-36a6bcde]{border-style:dashed;border-color:var(--primary-color)}.box-address .box-default[data-v-36a6bcde]{color:green;border:1px solid green;border-radius:.2rem;position:absolute;top:10%;right:10px;font-size:12px;padding:0 5px}.break-normal[data-v-36a6bcde]{flex-basis:100%;height:0}[data-v-91ea1c62] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-91ea1c62] .modal-body{padding:1rem 1rem}.btn-primary .modal-body[data-v-91ea1c62]{margin:auto;text-align:center}[data-v-91ea1c62] .modal-register .btn-link{border-color:transparent!important;background-color:transparent!important;text-decoration:underline!important;padding:0;color:#f7f7f7!important}[data-v-91ea1c62] .modal-register .icon-delete{width:20px;height:20px}[data-v-91ea1c62] .modal-register .register-box{background:#f7f7f7;border:1px solid #d8dbe0;max-height:500px;overflow:auto}[data-v-91ea1c62] .modal-register .nav-tabs .nav-item{margin-bottom:0}[data-v-91ea1c62] .modal-register .nav-tabs .nav-link{border:1px solid #fff!important;border-bottom:3px solid #fff!important;font-weight:600;background:#fff!important;color:#333!important}[data-v-91ea1c62] .modal-register .nav-tabs .nav-link.active{border:1px solid var(--secondary-color)!important;border-bottom:3px solid var(--primary-color)!important;color:var(--primary-color)!important}@media(max-width:768px){[data-v-91ea1c62] .div-input{width:100%}[data-v-91ea1c62] .modal-dialog{margin:0;max-width:100vw!important}[data-v-91ea1c62] .modal-dialog .modal-content{width:100vw;height:100vh}[data-v-91ea1c62] .modal-dialog .modal-content .modal-body{overflow-y:auto}}.text-link[data-v-91ea1c62]{right:0;position:absolute;margin-right:20px}.container-invoice{min-height:85px;position:relative;padding:10px;border-radius:5px;display:flex;flex-direction:column;border:1px solid #f5f5f5}.container-invoice.add{border:1px dashed var(--primary-color);color:var(--primary-color)}.container-invoice.is-default{border:1px solid var(--primary-color);color:var(--primary-color)}.panel-invoice{display:flex;flex-direction:column;row-gap:10px}.panel-action{position:absolute;top:10%;right:3%;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.box-default{color:#fff;background-color:green;border:1px solid green;border-radius:.3rem;font-size:12px;padding:0 5px}.modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-72ab564e] .layout-left{width:300px;background:#f7f7f7;height:calc(100vh - 46px);position:relative;font-family:Kanit-Medium!important}[data-v-72ab564e] .layout-left .detail-info{padding:20px}[data-v-72ab564e] .layout-left .detail-info .title-info{font-size:14px;color:grey}[data-v-72ab564e] .layout-left .detail-info .data-info{color:#333;font-size:16px;text-align:left;margin-bottom:15px}[data-v-72ab564e] .layout-right{width:calc(100% - 300px);height:calc(100vh - 46px);overflow:auto}[data-v-72ab564e] .layout-right .transaction-status{display:flex;justify-content:space-between;padding:12px 0}[data-v-72ab564e] .layout-right .transaction-status .detail{text-align:right}[data-v-72ab564e] .layout-right .text-ref-no{font-family:Kanit-Medium!important;font-size:20px}[data-v-72ab564e] .layout-right .text-saleId,[data-v-72ab564e] .layout-right .text-time{font-family:Kanit-Medium!important;font-size:14px}[data-v-72ab564e] .layout-right .text-status{font-family:Kanit-Medium!important;font-size:18px}[data-v-72ab564e] .layout-right .text-status.text-success{color:#3c763d!important}[data-v-72ab564e] .layout-right .head-total{display:flex;gap:8px;flex-wrap:wrap}[data-v-72ab564e] .layout-right .head-total p{text-align:center;color:var(--primary-color)!important;font-size:14px;font-weight:600}[data-v-72ab564e] .layout-right .head-total .col:first-of-type{padding-left:0}[data-v-72ab564e] .layout-right .head-total .col{flex:1}[data-v-72ab564e] .layout-right .head-total .bg-secondary{height:100%;padding:15px 0;background:var(--secondary-color)!important}[data-v-72ab564e] .layout-right .head-total .points{font-size:14px}[data-v-72ab564e] .layout-right .product-list-container{overflow:auto;height:calc(100% - 262px);position:relative}[data-v-72ab564e] .layout-right .product-list-container .wrap-no-product{width:100%;height:100%;display:flex!important;justify-content:center!important;align-items:center!important}[data-v-72ab564e] .layout-right .product-list-container .wrap-no-product .no-product{text-align:center;font-size:20px;padding:15px;background-color:#f7f7f7;border-radius:5px;color:#dcdcdc;width:450px}[data-v-72ab564e] .layout-right .header-products{font-size:14px;font-weight:700;gap:4px}[data-v-72ab564e] .layout-right .header-products .header-products-item{padding:0}[data-v-72ab564e] .layout-right .product-panel{background-color:#f4f4f4!important}[data-v-72ab564e] .layout-right .product-panel.active{background-color:var(--secondary-color)!important}[data-v-72ab564e] .layout-right .item-products{color:#707070;font-size:16px;border-radius:8px;font-family:Kanit-Medium!important}[data-v-72ab564e] .layout-right .item-products svg{color:#000}[data-v-72ab564e] .layout-right .item-products .price{font-size:14px;text-align:center}[data-v-72ab564e] .layout-right .item-products .product-info{font-size:12px!important}[data-v-72ab564e] .layout-right .item-products span{font-size:12px!important;color:#707070!important}[data-v-72ab564e] .layout-right .item-products .normal-unit-price{text-decoration:line-through}[data-v-72ab564e] .btn-link{border-color:transparent!important;background-color:transparent!important;text-decoration:underline!important;padding:5px 0;color:#707070!important}.transaction-panel[data-v-72ab564e]{display:flex}.action-desktop[data-v-72ab564e]{display:block}.action-mobile[data-v-72ab564e]{display:none}@media(max-width:1200px){[data-v-72ab564e] .layout-right .head-total p{font-size:12px}}@media(max-width:768px){.transaction-panel[data-v-72ab564e]{display:block}.transaction-panel .layout-left[data-v-72ab564e]{width:100%;height:100%}.transaction-panel .layout-left .detail-info[data-v-72ab564e]{width:100%}.transaction-panel .layout-right[data-v-72ab564e]{width:100%;height:100%}.transaction-panel .layout-right .transaction-status[data-v-72ab564e]{display:block}.transaction-panel .layout-right .transaction-status .detail[data-v-72ab564e]{text-align:left}.transaction-panel .action-desktop[data-v-72ab564e]{display:none}.transaction-panel .action-mobile[data-v-72ab564e]{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:16px;width:100%}}