[data-v-7bd37913] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-7bd37913] .modal-body{padding:1rem 1rem}.btn-primary .modal-body[data-v-7bd37913]{margin:auto;text-align:center}[data-v-7bd37913] .nav-tabs li:nth-child(2){border-left:1px solid #fff;border-right:1px solid #fff}.table-main[data-v-7bd37913]{min-height:360px}[data-v-7bd37913] .div-input{width:50%}.filter-panel[data-v-7bd37913]{display:flex;justify-content:space-between;align-items:flex-end}@media(max-width:768px){[data-v-7bd37913] .div-input{width:100%}[data-v-7bd37913] .modal-dialog{margin:0;max-width:100vw!important}[data-v-7bd37913] .modal-dialog .modal-content{width:100vw;height:100vh}[data-v-7bd37913] .modal-dialog .modal-content .modal-body{overflow-y:auto}.filter-panel[data-v-7bd37913]{flex-direction:column;align-items:flex-start;gap:8px}}.select-custom[data-v-5c0b49f6]{margin-bottom:.5rem;position:relative;white-space:nowrap}.select-custom.error>.btn-select[data-v-5c0b49f6]{border-color:red!important}.select-custom>label[data-v-5c0b49f6]{color:#333!important;font-size:14px!important;font-weight:700!important}[data-v-5c0b49f6] .btn-select{font-size:14px!important;padding:5px 10px!important;border-radius:5px!important;color:#404040;background-color:#fff;border:1px solid #bcbcbc;cursor:pointer;height:35px}[data-v-5c0b49f6] .btn-select:disabled{background-color:#bcbcbc;border:1px solid #bcbcbc;cursor:none}[data-v-5c0b49f6] .btn-select.custom-select-lg{height:55px;font-size:1rem}[data-v-5c0b49f6] .btn-select:focus{border-color:#80c141}[data-v-5c0b49f6] .btn-select>option{background-color:#fff;color:#16274a}[data-v-5c0b49f6] .btn-select>option:checked{color:#16274a!important}[data-v-5c0b49f6] .btn-select:focus{box-shadow:unset!important}@media (max-width:767.98px){.select-custom[data-v-5c0b49f6]{margin-top:0}.select-custom>label[data-v-5c0b49f6]{font-size:15px}}[data-v-3e08c803] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-3e08c803] .modal-body{color:var(--primary-color);padding:15px!important}.btn-outline[data-v-3e08c803]{border-color:var(--primary-color)!important;background-color:transparent!important;color:var(--primary-color)!important}@media (max-width:768px){[data-v-3e08c803] .modal-title{text-align:center;width:100%}}[data-v-478fa2a6] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-478fa2a6] .modal-body{color:var(--primary-color);padding:15px!important}.btn-outline[data-v-478fa2a6]{border-color:var(--primary-color)!important;background-color:transparent!important;color:var(--primary-color)!important}@media (max-width:768px){[data-v-478fa2a6] .modal-title{text-align:center;width:100%}}[data-v-1fbfe4b9] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-1fbfe4b9] .modal-body{padding:1rem 1rem}.btn-primary .modal-body[data-v-1fbfe4b9]{margin:auto;text-align:center}[data-v-1fbfe4b9] .nav-tabs li:nth-child(2){border-left:1px solid #fff;border-right:1px solid #fff}[data-v-879b22f0] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-879b22f0] .modal-body{color:var(--primary-color);padding:15px!important}.btn-outline[data-v-879b22f0]{border-color:var(--primary-color)!important;background-color:transparent!important;color:var(--primary-color)!important}@media (max-width:768px){[data-v-879b22f0] .modal-title{text-align:center}}[data-v-d93667aa] .modal-header{color:#fff;width:100%;background-color:var(--primary-color)}[data-v-d93667aa] .modal-body{padding:1rem 1rem}.btn-primary .modal-body[data-v-d93667aa]{margin:auto;text-align:center}.btn-outline[data-v-d93667aa]{border-color:var(--primary-color)!important;background-color:transparent!important;color:var(--primary-color)!important}.text-wrap-customs[data-v-d93667aa]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;height:3em}.product-list-panel[data-v-d93667aa]{max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden}.product-list-panel .title[data-v-d93667aa]{position:sticky;top:-2px;z-index:1}[data-v-d93667aa] .b-table-sticky-header>.table.b-table>thead>tr>th{font-size:16px;background-color:var(--secondary-color);color:var(--font-color)}[data-v-d93667aa] .b-table-sticky-header{max-height:calc(65vh - 46px)}.modal-header[data-v-3d2e55f4]{border-bottom:0!important;margin:0;padding:0;padding-bottom:.25rem}[data-v-3d2e55f4] .modal-body{color:var(--primary-color);padding:15px!important}.btn-outline[data-v-3d2e55f4]{border-color:var(--primary-color)!important;background-color:transparent!important;color:var(--primary-color)!important}[data-v-684d6e38] .layout-left{width:300px;background:#f7f7f7;height:calc(100vh - 46px);position:relative;font-family:Kanit-Medium!important}[data-v-684d6e38] .layout-left .bg-second .input-custom .has-icon input{background:var(--secondary-color)!important}[data-v-684d6e38] .layout-left .detail-info{padding:20px}[data-v-684d6e38] .layout-left .detail-info .title-info{font-size:14px;color:grey}[data-v-684d6e38] .layout-left .detail-info .data-info{color:#333;font-size:16px;text-align:left;margin-bottom:15px}[data-v-684d6e38] .layout-right{width:calc(100% - 300px);height:calc(100vh - 46px);overflow:auto}[data-v-684d6e38] .layout-right .text-ref-no{font-family:Kanit-Medium!important;font-size:20px}[data-v-684d6e38] .layout-right .text-saleId,[data-v-684d6e38] .layout-right .text-time{font-family:Kanit-Medium!important;font-size:14px}[data-v-684d6e38] .layout-right .text-status{font-family:Kanit-Medium!important;font-size:18px}[data-v-684d6e38] .layout-right .text-status.text-success{color:#3c763d!important}[data-v-684d6e38] .layout-right .head-total p{text-align:center;color:var(--primary-color)!important;font-size:14px;font-weight:600}[data-v-684d6e38] .layout-right .head-total .col:first-of-type{padding-left:0}[data-v-684d6e38] .layout-right .head-total .col{padding:0 5px}[data-v-684d6e38] .layout-right .head-total .col:last-of-type{padding-right:0}[data-v-684d6e38] .layout-right .head-total .bg-secondary{padding:15px 0;background:var(--secondary-color)!important}[data-v-684d6e38] .layout-right .product-list-container{overflow:auto;height:calc(100% - 262px);position:relative}[data-v-684d6e38] .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-684d6e38] .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-684d6e38] .layout-right .header-products{font-size:14px;font-weight:700}[data-v-684d6e38] .layout-right .product-panel{background-color:#f4f4f4!important}[data-v-684d6e38] .layout-right .product-panel.active{background-color:var(--secondary-color)!important}[data-v-684d6e38] .layout-right .item-products{color:#707070;font-size:16px;border-radius:8px;font-family:Kanit-Medium!important}[data-v-684d6e38] .layout-right .item-products svg{color:#000}[data-v-684d6e38] .layout-right .item-products .price{font-size:14px;text-align:center}[data-v-684d6e38] .layout-right .item-products .product-info{font-size:12px!important}[data-v-684d6e38] .layout-right .item-products span{font-size:12px!important;color:#707070!important}[data-v-684d6e38] .layout-right .item-products .normal-unit-price{text-decoration:line-through}[data-v-684d6e38] .btn-link{border-color:transparent!important;background-color:transparent!important;text-decoration:underline!important;padding:5px 0;color:var(--primary-color)!important}.text-wrap-customs[data-v-684d6e38]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:270px!important}[data-v-684d6e38] .input-custom label.title{white-space:break-spaces;word-break:break-word}[data-v-684d6e38] .table-main table{min-width:-moz-max-content;min-width:max-content}.transaction-panel[data-v-684d6e38]{display:flex}.action-desktop[data-v-684d6e38]{display:block}.action-mobile[data-v-684d6e38]{display:none}[data-v-684d6e38] .header-title{gap:8px;flex-direction:column;max-width:100%;width:100%;flex:1}@media(max-width:768px){.transaction-panel[data-v-684d6e38]{display:block}.transaction-panel .layout-left[data-v-684d6e38]{width:100%;height:100%}.transaction-panel .layout-left .detail-info[data-v-684d6e38]{width:100%}.transaction-panel .layout-right[data-v-684d6e38]{width:100%;height:100%}.transaction-panel .layout-right .transaction-status[data-v-684d6e38]{display:block;padding:12px 0}.transaction-panel .layout-right .transaction-status .detail[data-v-684d6e38]{text-align:left}.transaction-panel .action-desktop[data-v-684d6e38]{display:none}.transaction-panel .action-mobile[data-v-684d6e38]{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:16px;width:100%}}