[data-v-31408df8] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-31408df8] .modal-body{padding:1rem 1rem}[data-v-31408df8] .modal-header{display:flex;justify-content:center}.btn-primary .modal-body[data-v-31408df8]{margin:auto;text-align:center}.btn-link[data-v-31408df8]{border-color:transparent!important;background-color:transparent!important;text-decoration:underline!important;padding:0;color:var(--primary-color)!important}[data-v-32852fca] .layout-left{width:300px;background:#f7f7f7;height:calc(100vh - 46px);position:relative;font-family:Kanit-Medium!important}[data-v-32852fca] .layout-left .detail-info{padding:20px}[data-v-32852fca] .layout-left .detail-info .title-info{font-size:14px;color:grey}[data-v-32852fca] .layout-left .detail-info .data-info{color:#333;font-size:16px;text-align:left;margin-bottom:15px}[data-v-32852fca] .layout-right{width:calc(100% - 300px);height:calc(100vh - 46px);overflow:auto}[data-v-32852fca] .layout-right .transaction-status{display:flex;justify-content:space-between;padding:12px 0}[data-v-32852fca] .layout-right .transaction-status .detail{text-align:right}[data-v-32852fca] .layout-right .text-ref-no{font-family:Kanit-Medium!important;font-size:20px}[data-v-32852fca] .layout-right .text-saleId,[data-v-32852fca] .layout-right .text-time{font-family:Kanit-Medium!important;font-size:14px}[data-v-32852fca] .layout-right .text-status{font-family:Kanit-Medium!important;font-size:18px}[data-v-32852fca] .layout-right .text-status.text-success{color:#3c763d!important}[data-v-32852fca] .layout-right .head-total{display:flex;gap:8px;flex-wrap:wrap}[data-v-32852fca] .layout-right .head-total p{text-align:center;color:var(--primary-color)!important;font-size:14px;font-weight:600}[data-v-32852fca] .layout-right .head-total .col:first-of-type{padding-left:0}[data-v-32852fca] .layout-right .head-total .col{flex:1}[data-v-32852fca] .layout-right .head-total .bg-secondary{height:100%;padding:15px 0;background:var(--secondary-color)!important}[data-v-32852fca] .layout-right .head-total .points{font-size:14px}[data-v-32852fca] .layout-right .product-list-container{overflow:auto;height:calc(100% - 262px);position:relative}[data-v-32852fca] .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-32852fca] .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-32852fca] .layout-right .header-products{font-size:14px;font-weight:700}[data-v-32852fca] .layout-right .header-products .header-products-item{padding:0}[data-v-32852fca] .layout-right .product-panel{background-color:#f4f4f4!important}[data-v-32852fca] .layout-right .product-panel.active{background-color:var(--secondary-color)!important}[data-v-32852fca] .layout-right .item-products{color:#707070;font-size:16px;border-radius:8px;font-family:Kanit-Medium!important}[data-v-32852fca] .layout-right .item-products svg{color:#000}[data-v-32852fca] .layout-right .item-products .price{font-size:14px;text-align:center}[data-v-32852fca] .layout-right .item-products .product-info{font-size:12px!important}[data-v-32852fca] .layout-right .item-products span{font-size:12px;color:#707070!important}[data-v-32852fca] .layout-right .item-products .normal-unit-price{text-decoration:line-through}[data-v-32852fca] .btn-link{border-color:transparent!important;background-color:transparent!important;text-decoration:underline!important;padding:5px 0;color:#707070!important}.transaction-panel[data-v-32852fca]{display:flex}.action-desktop[data-v-32852fca]{display:block}.action-mobile[data-v-32852fca]{display:none}@media(max-width:1200px){[data-v-32852fca] .layout-right .head-total p{font-size:12px}}@media(max-width:768px){.transaction-panel[data-v-32852fca]{display:block}.transaction-panel .layout-left[data-v-32852fca]{width:100%;height:100%}.transaction-panel .layout-left .detail-info[data-v-32852fca]{width:100%}.transaction-panel .layout-right[data-v-32852fca]{width:100%;height:100%}.transaction-panel .layout-right .transaction-status[data-v-32852fca]{display:block}.transaction-panel .layout-right .transaction-status .detail[data-v-32852fca]{text-align:left}.transaction-panel .action-desktop[data-v-32852fca]{display:none}.transaction-panel .action-mobile[data-v-32852fca]{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:16px;width:100%}}.f-14[data-v-32852fca]{font-size:14px!important}.img-size[data-v-32852fca]{width:80px;height:80px}.img-size-sm[data-v-32852fca]{width:50px;height:50px}