@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;margin:0;overflow-x:hidden;position:relative;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.product{background:#fff;border-radius:5px;box-shadow:0 2px 2px 2px #cccccc54;margin:20px auto;padding:20px;width:90%}.productList{width:100%}.productList thead{background:#edecd0;color:#000}.productList thead th{border:1px solid #ccc;border-spacing:0;padding:10px}.header{align-items:center;box-shadow:0 2px 2px 2px #cccccc54;display:flex;height:70px;justify-content:space-between;padding:20px 30px}.header img{height:100%;width:auto}::-webkit-scrollbar{height:.5em;width:.5em}::-webkit-scrollbar-thumb{background:#777}::-webkit-scrollbar-track{background:#d6d6d6}table{border-collapse:collapse;border-spacing:0}.description{font-weight:700;margin:0;overflow:hidden;text-transform:uppercase;z-index:10}.description,.ribbon{color:#fff;position:relative;text-align:center}.ribbon{background:green;font-size:14px!important;letter-spacing:.5px;line-height:20px;margin:10px auto 20px;padding:10px;text-transform:none;width:90%}.ribbon .ribbon-content{font-weight:400;line-height:20px}.ribbon:after,.ribbon:before{border:16px solid #256e25;bottom:-16px;content:"";display:block;position:absolute;z-index:-1}.ribbon:before{border-left-color:transparent;border-right-width:24px;left:-24px}.ribbon:after{border-left-width:24px;border-right-color:transparent;right:-24px}.ribbon .ribbon-content:after,.ribbon .ribbon-content:before{border-color:#094809 transparent transparent;border-style:solid;bottom:-16px;content:"";display:block;position:absolute}.ribbon .ribbon-content:before{border-width:16px 0 0 16px;left:0}.ribbon .ribbon-content:after{border-width:16px 16px 0 0;right:0}.grouped_total{box-shadow:0 2px 2px #ccc;color:#fff;font-weight:600;margin:0;overflow:hidden;position:relative;position:sticky;-webkit-position:-webkit-sticky;text-align:center;text-transform:uppercase;top:0}#quick-shop .grouped_total .totel-box{float:left;margin-left:0;min-height:55px;padding:15px 0;width:25%}#quick-shop .nop{background:#ff9203;margin-left:-28px;z-index:0}.grouped_total .totel-box .nop-bor{background:rgba(0,0,0,.3);display:block;height:1px;margin:7px auto 0;width:90px}.grouped_total .totel-box .nop-bor-bot{background:hsla(0,0%,100%,.3);display:block;height:1px;margin:0 auto 7px;width:90px}.grouped_total .totel-box p{font-size:18px;margin:0}#quick-shop .noi{background:#004394;margin-left:-28px;z-index:0}#quick-shop .ta{background:#00988d;margin-left:-28px;z-index:0}#quick-shop .ys{background:#e50b6f;margin-left:-28px;z-index:0}.center{text-align:center!important}.left{text-align:left!important}.right{text-align:right!important}table tbody tr td{border:1px solid #efefef;height:50px;padding:5px 10px}table tbody tr img{max-height:50px;max-width:50px;width:auto}.productList .prod-name{min-width:100px}.productList tbody .prod-name{color:#444;font-size:14px;font-weight:500;line-height:22px}.productList .prod-price{color:#c71b22;font-size:16px;font-weight:700;min-width:55px}.productList .prod-price p{margin:0}.productList .prod-price span{color:#999;font-size:12px;font-weight:600}.productList .qtyCount{align-items:center;border:1px solid #ddd;border-radius:3px;display:inline-flex;justify-content:center}.productList .qtyCount .form-control{border:none;font-family:Inter;font-size:13px;font-weight:600;line-height:20px;outline:none;padding:5px;text-align:center;width:40px}.productList .qtyCount button.button{background:#fff;border:none;font-size:16px;font-weight:600;outline:none}.inputCtrl{border:1px solid #ddd;border-radius:3px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:20px;outline:none;padding:5px;text-align:left}.product .contactForm{padding:20px 0;width:60%}label{color:#444;font-size:14px;font-weight:500}label span{color:red}.product .contactForm .form-group{display:inline-flex;flex-direction:column;font-family:Inter,sans-serif;font-size:14px;padding:10px;width:45%}.product .contactForm .field{padding:10px}input[type=checkbox]{outline:none}.form-qr-section .qrcode-section .term-section p,.product .contactForm .field p{color:#666;font-size:12px;font-weight:500;line-height:16px;text-align:justify}.sendBtn{background:#d92b81;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;letter-spacing:.5px;outline:none;padding:10px 20px;text-transform:uppercase}.responsive-table{overflow-x:auto}.visible-xs{display:none!important}.hidden-xs{display:block!important}table tbody tr td .inputCtrl{width:100px}input[type=number].hideControls{-moz-appearance:textfield}input[type=number].hideControls::-webkit-inner-spin-button,input[type=number].hideControls::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product .contactForm .field .checkbox{align-items:center;display:flex;gap:5px}.footer{background:#f4f4f4;color:#353535;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:20px;margin:0;padding:30px 10px;text-align:center}.footer a{color:#e20681;text-decoration:none}.contactForm .button--loading{position:relative}.contactForm .button__text{color:#fff;transition:all .2s}.contactForm .button--loading .button__text{opacity:0;visibility:hidden}.contactForm .button--loading:after{-webkit-animation:button-loading-spinner 1s ease infinite;animation:button-loading-spinner 1s ease infinite;border:4px solid transparent;border-radius:50%;border-top-color:#fff;bottom:0;content:"";height:16px;left:0;margin:auto;position:absolute;right:0;top:0;width:16px}@-webkit-keyframes button-loading-spinner{0%{-webkit-transform:rotate(0turn);transform:rotate(0turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes button-loading-spinner{0%{-webkit-transform:rotate(0turn);transform:rotate(0turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mainApp .popup{left:0;margin:auto;position:fixed;top:0;width:100%;z-index:99}.mainApp .popup .popup-inner{align-items:center;background:#f04d6a;color:#fff;display:flex;justify-content:space-between;padding:20px}.mainApp .popup .popup-inner.success-popup{background-color:#28a745}.mainApp .popup .popup-inner.danger-popup{background-color:#dc3545}.mainApp .popup .close{background:transparent;border:none;color:#fff;cursor:pointer;font-size:22px;font-weight:700;text-decoration:none}.mainApp .popup .close:hover{color:#333}.mainApp .popup .content{max-height:30%;overflow:auto}.contactForm span.text-danger{color:red;font-size:12px;margin-top:3px}.form-qr-section{display:flex;flex-wrap:wrap}.form-qr-section .qrcode-section{padding:20px 0;width:40%}.form-qr-section .qrcode-section .term-section{padding:10px 10px 0}.form-qr-section .qrcode-section .term-section h6{color:#353535;font-size:16px;margin:0}.form-qr-section .qrcode-section .qr-section .img-box{margin-top:10px}.form-qr-section .qrcode-section .qr-section .img-box img{height:auto;max-height:100%;max-width:100%;width:250px}@media(min-width:767px){.header .contact-width{min-width:200px}#quick-shop .grouped_total.save-total-not .totel-box{transition:all .2s ease-in-out;width:33.33%}}@media(max-width:767px){.header{flex-direction:column-reverse;height:auto;padding:10px}.visible-xs{display:block!important}.hidden-xs{display:none!important}.header p{font-size:13px;font-weight:500;margin-bottom:0;text-align:right;width:100%}.ribbon{font-size:13px!important;width:80%}#quick-shop .grouped_total .totel-box{width:33.333%}.grouped_total{display:flex;margin:15px 0}.product{margin:10px auto;padding:10px;width:85%}.grouped_total .nop-name{font-size:13px}.grouped_total .totel-box p{font-size:14px}.form-qr-section .qrcode-section,.product .contactForm{padding:10px 0;width:100%}.product .contactForm .form-group{width:90%}.productList thead th{font-size:13px}#quick-shop .chk{align-items:center;background:#65c178;display:flex!important;justify-content:center;padding-top:15px!important}#quick-shop .cls1{background:#f0941f!important;border:none;border-radius:3px;color:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:700;line-height:34px;opacity:.5;padding:0 10px;text-align:center;text-transform:capitalize;white-space:nowrap}#quick-shop .grouped_total .totel-box{width:50%}table tbody tr td .inputCtrl{width:60px}.tableBody .tableItem{align-items:center;border-bottom:1px solid #ddd;display:flex;gap:5px;padding:10px 0}.tableBody .imageSec{padding:5px;width:20%}.tableBody .imageSec img{max-height:50px;max-width:50px;width:auto}.tableBody .contentSec{width:80%}.tableBody .contentSec .prod-name{color:#444;font-size:14px;font-weight:500;line-height:22px;margin-bottom:5px}.tableBody .contentSec .prodRate{align-items:center;display:flex;gap:5px;justify-content:space-between}.tableBody .contentSec .prodRate .prod-price{color:#c71b22;font-size:16px;font-weight:700;min-width:55px}.tableBody .contentSec .prodRate .prod-price p{margin:0}.tableBody .contentSec .prodRate .prod-price span{color:#999;font-size:12px;font-weight:600}.tableBody .contentSec .prodRate .qtyCount{align-items:center;border:1px solid #ddd;border-radius:3px;display:inline-flex;justify-content:center}.tableBody .contentSec .prodRate .qtyCount .form-control{border:none;font-family:Inter;font-size:13px;font-weight:600;line-height:20px;outline:none;padding:5px;text-align:center;width:40px}.tableBody .contentSec .prodRate .inputCtrl{border:none;width:70px}.tableBody .contentSec .prodRate .subTotal{align-items:center;display:flex;justify-content:center;padding-left:20px}.header img{height:60px}}
/*# sourceMappingURL=main.410bf8c3.css.map*/