????
Your IP : 216.73.216.201
.row-don-hang{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;left:0;margin-bottom:0;position:absolute;transition:.3s;width:100%}.row-don-hang .thong-tin-header{align-items:center;display:flex;font-size:12px;height:48.9px;justify-content:flex-start}.row-don-hang .thong-tin-header .div-show-hide-menu{position:absolute;right:.2rem}.row-don-hang .thong-tin-header .div-show-hide-menu .button-drop-right>button{background-color:#004d74;color:#fff;padding:10px 15px;text-align:left;width:100%}.row-don-hang .thong-tin-header .div-show-hide-menu .button-drop-right>button :active,.row-don-hang .thong-tin-header .div-show-hide-menu .button-drop-right>button:focus{box-shadow:none!important}.row-don-hang .thong-tin-header .div-show-hide-menu .button-drop-right>button:after{content:none}.row-don-hang .thong-tin-header .div-show-hide-menu .button-drop-right>button :hover{background-color:#003550;color:#fff}.row-don-hang .thong-tin-header .div-show-hide-menu .button-drop-right .dropdown-custom-menu{border:none;margin:0}.row-don-hang .thong-tin-header .div-show-hide-menu .show-menu{background-color:#004d74;border-bottom-left-radius:8px;border-top-left-radius:8px;color:#fff;font-size:14px;height:150px;position:absolute;right:1px;top:-1px;width:250px;z-index:1}.row-don-hang .thong-tin-header .div-show-hide-menu .show-menu div{cursor:pointer;padding:15px 0 15px 25px}.row-don-hang .thong-tin-header .div-show-hide-menu .show-menu div:hover{background-color:#003550;border-bottom-left-radius:8px;border-top-left-radius:8px;color:#fff}.card-menu{background-color:#f1f1f1;border:none;border-radius:0}.card-menu .card-header-menu{align-items:center;background-color:#fff;border:none;border-bottom:1px solid #c8ced3;display:flex;height:50px;justify-content:flex-end;padding:0}.card-menu .card-header-menu .choose-bang-gia{align-items:center;display:flex;width:100%}.card-menu .card-header-menu .choose-bang-gia .cus-select-bang-gia{margin-left:15px;margin-right:15px;width:100%}.card-menu .card-header-menu .choose-bang-gia .cus-select-bang-gia .select__control{height:33px}.card-menu .card-header-menu .choose-bang-gia .cus-select-bang-gia .select__control .select__indicators>div i{padding:7px!important}.card-menu .card-header-menu .choose-bang-gia .cus-select-bang-gia .select__control .select__indicators .select__indicator i{padding:7px 9px 5px 5px!important}.card-menu .card-header-menu .cus-fa{position:absolute;right:25px;top:5px}.card-menu .card-header-menu .input-search-menu{background-color:#eee;font-size:15px;margin-right:15px;min-width:300px}.card-menu .card-header-menu .input-search-menu+div{background:#fff;border-radius:3px;left:250px;max-height:300px;overflow:auto;padding:0;position:absolute;top:40px;width:448px;z-index:99999}.card-menu .card-header-menu .input-search-menu+div::-webkit-scrollbar-thumb{background-color:#d5d5d5;border:solid #f7f7f7;border-radius:8px}.card-menu .card-header-menu .input-search-menu+div::-webkit-scrollbar-thumb:hover{background-color:#c5c5c5}.card-menu .card-header-menu .input-search-menu+div::-webkit-scrollbar{background-color:#fff;border-radius:8px}.card-menu .card-header-menu .input-search-menu+div:before{background-color:#fff;content:"";height:100%;position:absolute;width:100%;z-index:-1}.card-menu .card-header-menu .input-search-menu+div .list-item{align-items:center;border-bottom:.5px dotted #c8c8c8;color:#000;cursor:pointer;display:flex;height:60px;padding:8px;transition:.15s linear}.card-menu .card-header-menu .input-search-menu+div .list-item.focus-one,.card-menu .card-header-menu .input-search-menu+div .list-item:hover{background-color:#e5e5e5}.card-menu .card-header-menu .input-search-menu+div .list-item .image{margin-right:10px}.card-menu .card-header-menu .input-search-menu+div .list-item .info{color:#000;font-size:12px;width:100%}.card-menu .card-header-menu .input-search-menu+div .list-item .info>div:first-child{font-weight:700}.card-menu .card-header-menu .input-search-menu+div .list-item .info>div:last-child span:first-child{display:inline-block;min-width:40px}.card-menu .card-header-menu .input-search-menu+div .list-item .info>div:last-child span:nth-child(2){margin-left:20px}.card-menu .card-header-menu .input-search-menu+div .list-item-no-result{height:180px}.card-menu .card-header-menu .input-search-menu+div .list-item-no-result>span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.card-menu .card-header-menu .form-control:focus{box-shadow:none}.card-menu .card-header-menu .cus-select-che-do{height:33px;margin-right:10px;width:135px}.card-menu .card-body-menu{padding:0}.card-menu .card-body-menu .navTab-menu{left:-10px;position:relative;top:0}.card-menu .card-body-menu .navTab-menu li a{border:none;border-radius:0;height:29.5px;line-height:15px}.card-menu .card-body-menu .tab-content-menu{background-color:#f1f1f1;height:calc(100vh - 145px);margin-top:.3rem;overflow:auto;overflow-x:hidden;padding:0 .4rem}.card-menu .card-body-menu .tab-content-menu .MuiBox-root{padding:5px}.card-menu .card-body-menu .tab-content-menu .row-san-pham{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;width:100%}.card-menu .card-body-menu .tab-content-menu .row-san-pham .td-no-product{border:none;font-size:20px;left:50%;padding:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.card-menu .card-body-menu .tab-content-menu .row-san-pham .td-no-product>span{color:#e4e5e6;display:block;left:50%;position:absolute;top:85%;transform:translate(-50%,-50%)}.card-menu .card-body-menu .tab-content-menu .row-san-pham .col-san-pham{flex:none;margin-bottom:5px;margin-top:10px;max-width:none;padding-left:5px;padding-right:5px;width:20%}.card-menu .card-body-menu .tab-content-menu .row-san-pham .col-san-pham .card{box-shadow:0 2px 6px 0 #c1c1c1;cursor:pointer;overflow:hidden;padding-top:100px}.card-menu .card-body-menu .tab-content-menu .row-san-pham .col-san-pham .card:hover img{transform:translate(-50%) scale(1.1)!important}.card-menu .card-body-menu .tab-content-menu .row-san-pham .col-san-pham .card .body-card-sp{background:linear-gradient(87deg,#ecd7b8 2%,#eceae7 86%,#fff);padding:5px 0}.card-menu .card-body-menu .tab-content-menu .row-san-pham .col-san-pham .card .body-card-sp .title-card-sp{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:500;margin-bottom:.3rem;overflow:hidden;text-align:center}.card-menu .card-body-menu .tab-content-menu .row-san-pham .col-san-pham .card .body-card-sp .title-card-sp .badge-danger{opacity:.9;position:absolute;right:0;top:0}.card-menu .card-body-menu .tab-content-menu .row-san-pham .col-san-pham .card .body-card-sp .subtitle-card-sp{color:#29abe2;font-size:13.5px!important;font-weight:500;letter-spacing:.7px;text-align:center}.card-menu .card-body-menu .tab-content-menu .image-sp-menu{left:50%;position:absolute;top:0;transform:translateX(-50%);width:100%}.card-menu .card-body-menu ::-webkit-scrollbar-thumb{background-color:#d5d5d5;border:solid #f7f7f7;border-radius:8px}.card-menu .card-body-menu ::-webkit-scrollbar-thumb:hover{background-color:#c5c5c5}.card-menu .card-body-menu ::-webkit-scrollbar{background-color:#fff;border-radius:8px;width:15px}.card-menu .card-body-menu .tabs-menu-nhom-san-pham .MuiTabs-scroller{max-width:100%}.card-menu .card-body-menu .tabs-menu-nhom-san-pham .MuiTabs-scroller .MuiTabs-flexContainer{align-items:center;gap:1rem;padding:.5rem}.card-menu .card-body-menu .tabs-menu-nhom-san-pham .MuiTabs-scroller .MuiTabs-flexContainer .MuiTab-textColorPrimary{border-radius:2rem;font-size:small;padding:.5rem 1rem}.card-menu .card-body-menu .tabs-menu-nhom-san-pham .MuiTabs-scroller .MuiTabs-flexContainer .MuiTab-textColorPrimary.Mui-selected{background-image:linear-gradient(#1886b4,#24b0ec);color:#fff;padding:.5rem 1rem}.card-menu .card-body-menu .tabs-menu-nhom-san-pham .MuiTabs-scroller .MuiTabs-flexContainer .tab-menu-nhom-san-pham{margin-right:1rem;margin:0!important;min-height:-webkit-max-content!important;min-height:max-content!important;min-width:-webkit-max-content!important;min-width:max-content!important}.card-menu .card-body-menu .tabs-menu-nhom-san-pham .MuiTabs-scroller .MuiTabs-flexContainer .tab-menu-nhom-san-pham:focus{outline:none}.card-menu .card-body-menu .tabs-menu-nhom-san-pham .MuiTabs-scroller .MuiTabs-indicator{display:none}.card-menu .card-footer-menu{align-items:center;display:flex;justify-content:space-evenly;padding:8px 10px 5px}.card-menu .card-footer-menu .cus-select-nhom-dvt{width:20%}.card-hoadon{border:none;border-radius:10px;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;height:calc(100vh - 134px)}.card-hoadon .tabs-don-hang{background-color:#fff;box-shadow:none}.card-hoadon .tabs-don-hang .MuiTabs-scroller .MuiTabs-flexContainer{align-items:center;height:50px}.card-hoadon .tabs-don-hang .MuiTabs-scroller .MuiTabs-flexContainer .MuiTab-wrapper{display:inline}.card-hoadon .tabs-don-hang .MuiTabs-scroller .MuiTabs-flexContainer .MuiTab-wrapper span{float:right;margin:0}.card-hoadon .tabs-don-hang .MuiTabs-scroller .MuiTabs-flexContainer .MuiTab-textColorPrimary.Mui-selected{background-color:#29abe2;color:#fff}.card-hoadon .tabs-don-hang .MuiTabs-scroller .MuiTabs-flexContainer .tab-don-hang:focus{outline:none}.card-hoadon .tabs-don-hang .MuiTabs-scroller .MuiTabs-indicator{display:none}.card-hoadon .tab-content-hoadon .MuiBox-root{padding:10px!important}.hoa-don-table{margin-bottom:2rem;width:auto}.hoa-don-table thead tr th{background-color:#e4e4e4;font-size:12px;text-align:center;vertical-align:middle}.hoa-don-table thead tr .ten-san-pham{width:35%}.hoa-don-table thead tr .so-luong{min-width:5rem;width:20%}.hoa-don-table thead tr .don-gia,.hoa-don-table thead tr .thanh-tien{width:15%}.hoa-don-table tbody tr td{font-size:12px;vertical-align:middle}.hoa-don-table-thanh-toan{margin-bottom:2rem;width:auto}.hoa-don-table-thanh-toan thead tr th{background-color:#e4e4e4;font-size:12px;text-align:center;vertical-align:middle}.hoa-don-table-thanh-toan thead tr .ten-san-pham{width:25%}.hoa-don-table-thanh-toan tbody tr td{vertical-align:middle}.hoa-don-hinh-thuc{margin:0 0 15px 30px}.hoa-don-tra-tien{display:flex;justify-content:end}.hoa-don-tra-tien .span-tra-tien{display:inline-grid;width:50%}.hoa-don-tra-tien .span-tra-tien i{padding:5px}.button-thanh-toan{background-image:linear-gradient(#0cb80c,#15b815);border-radius:5rem;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;color:#fff;font-size:20px;font-weight:700}.button-thanh-toan-hoa-don{color:#fff;font-size:20px;font-weight:700;height:55px}.nav-tabs .nav-link.activeTabs{background-color:#29abe2;color:#fff}.btn-img:active{opacity:1}.fa-times:hover{color:red}.page-phieu{background:#fff;margin:0 auto;max-width:360px;padding:20px}.page-phieu .phieuTamTinh{font-weight:700;text-align:center}.tongTien{display:flex;justify-content:space-between}.tongTien span{font-size:20px;font-weight:700}.tienMat{display:flex;justify-content:space-between;margin-top:10px}.tienMat span{font-size:15px}.itemSanPham{display:flex;justify-content:space-between}.phieu-thanhtoan{margin:0}img{transition:.5s!important}.not-don-hang{font-size:20px;font-weight:600;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.hoa-don-tra-tien-thanh-toan{display:flex;justify-content:space-between;padding:10px}.hoa-don-tra-tien-thanh-toan .span-tra-tien-thanh-toan{display:inline-grid}.hoa-don-tra-tien-thanh-toan .span-tra-tien-thanh-toan i{padding-bottom:10px}.hoa-don-hinh-thuc-thanh-toan{margin:0 0 15px}.scroll-table{height:calc(100vh - 300px);overflow:auto}.scroll-table::-webkit-scrollbar-thumb{background-color:#d5d5d5;border:solid #f7f7f7;border-radius:8px}.scroll-table::-webkit-scrollbar-thumb:hover{background-color:#c5c5c5}.scroll-table::-webkit-scrollbar{background-color:#fff;border-radius:8px;width:15px}.input-no-up-down{text-align:right}.input-no-up-down::-webkit-inner-spin-button,.input-no-up-down::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-no-up-down[type=number]{-moz-appearance:textfield}.input-no-border{border:none;border-bottom:1px solid;position:relative;text-align:right}.input-no-border:focus{border-bottom:1px solid;outline:none}.input-no-border::-webkit-inner-spin-button,.input-no-border::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-no-border[type=number]{-moz-appearance:textfield}.scroll-table-thanh-toan{height:75vh;overflow:auto}.scroll-table-thanh-toan::-webkit-scrollbar-thumb{background-color:#d5d5d5;border:solid #f7f7f7;border-radius:8px}.scroll-table-thanh-toan::-webkit-scrollbar-thumb:hover{background-color:#c5c5c5}.scroll-table-thanh-toan::-webkit-scrollbar{background-color:#fff;border-radius:8px;width:15px}.detail-don-hang .nav-tabs .nav-link,.detail-don-hang .nav-tabs .nav-link.activeTabs{border:none;border-radius:0;font-weight:400;height:29.5px;line-height:14px}.detail-don-hang .nav-tabs .nav-link.activeTabs{background-color:#29abe2;color:#fff}.detail-don-hang .ntable{margin-top:-17px!important}.detail-don-hang .ntable input{margin-left:30px!important;margin-top:180px!important}.detail-don-hang .ntable-wrap{top:80px!important}.tab-content{margin-top:0}.cus-btn{font-weight:500;margin-right:10px}.cus-btn .in-phieu-custom{background-color:#fff;width:250px}.cus-btn .in-phieu-custom div{cursor:pointer;padding:10px}.cus-btn .in-phieu-custom div:hover{background-color:#d1d1d1}.cus-btn i{margin-right:3px}.inPhieuHD{background-color:#fff;padding:15px}.inPhieuHD .form-group{margin-bottom:3px}.tooltip-container-tienkhachtra{position:relative}.tooltip-container-tienkhachtra:hover .tooltip-custom{display:block!important;z-index:1}.tooltip-container-tienkhachtra .tooltip-custom{background:#000;border-radius:4px;box-shadow:0 3px 5px 0 #ddd;color:#fff;display:none;font-size:12px;min-width:189px;padding:5px;position:absolute;right:calc(100% - 175px);text-align:center;top:50%;transform:translateY(-50%)}.tooltip-container-tienkhachtra .tooltip-custom:before{border-bottom:6px solid #0000;border-left:10px solid #000;border-top:6px solid #0000;content:" ";height:0;left:calc(100% - 2px);position:absolute;top:50%;transform:translateY(-50%);width:0}.table-hoa-don thead th{border-bottom:2px solid #000;border-top:2px solid #000;vertical-align:middle}.table-hoa-don thead .ten-sp{width:45%}.table-hoa-don td{border-bottom:2px dashed #000;border-top:1px solid #000;font-size:12px;vertical-align:bottom}.bang-chu{text-transform:capitalize}.table-lich-su-thanh-toan .ntable{margin-top:25px!important}.table-lich-su-thanh-toan .ntable .search{pointer-events:none}.table-lich-su-thanh-toan .ntable input{margin-left:31px!important;margin-top:30px!important;pointer-events:auto}.profile-don-vi img{width:45%}.modal-napTien{box-shadow:4px 5px 8px -4px gray!important;min-width:615px!important;width:50%!important}.modal-napTien .modal-napTien-overlay{background:#0000004d;height:1000%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10000%}.modal-napTien .card{min-height:400px!important}.modal-napTien .card .card-body{color:#000}.modal-napTien .card .card-footer{background-color:#f9f9f9!important;border-radius:0!important;border-top:.5px solid #e5e5e5!important}.modal-napTien .warpper-card{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 30px)}.modal-napTien .warpper-card .form-control-SoTienKhac{width:160%}.modal-napTien .warpper-card .form-control-SoTienKhac .col-md-4{display:none}.modal-napTien input[type=text]{font-size:15px!important;height:50px!important;line-height:50px!important;padding:0 15px!important}.modal-napTien input[type=radio]{height:50px!important;width:100%!important}.modal-napTien .han-muc-the-items{display:flex;flex-flow:wrap;justify-content:space-between}.modal-napTien .han-muc-the-items .han-muc-the-item{background:#f5f5f5!important;border:1px solid #d3d3d3!important;margin-bottom:10px;padding:3px!important;width:24%}.modal-napTien .han-muc-the-items .han-muc-the-item.active{background:#d9d9d9!important;border:2px solid #20a8d8!important}.modal-650,.popupNapTien .MuiDialog-container .MuiDialog-paperWidthSm{max-width:650px}.div-sanPhamKhuyenMai{border:1px dotted #000;cursor:pointer;display:flex;margin-bottom:5px;padding:10px 0 10px 10px}.div-sanPhamKhuyenMai-active,.div-sanPhamKhuyenMai:hover{background-color:#29abe2;color:#fff}.div-sanPhamKhuyenMai-active{border:1px dotted #000;display:flex;margin-bottom:5px;padding:10px 0 10px 10px}.tooltip-container{position:relative}.tooltip-container:hover .tooltip-custom{display:block!important;z-index:1}.tooltip-container .tooltip-custom{background:#000;border-radius:4px;box-shadow:0 3px 5px 0 #ddd;color:#fff;display:none;font-size:12px;left:calc(100% + 10px);min-width:189px;padding:5px;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}.tooltip-container .tooltip-custom:before{border-bottom:6px solid #0000;border-right:10px solid #000;border-top:6px solid #0000;content:" ";height:0;position:absolute;right:calc(100% - 2px);top:50%;transform:translateY(-50%);width:0}.khach-hang-hoa-don,.khach-hang-hoa-don label{align-items:center;display:flex}.khach-hang-hoa-don label{margin:0;width:20%}.khach-hang-hoa-don label span{font-size:19px;padding-left:10px}.badge-tra-hang{border:1px solid #e1e1e1;border-radius:2px;display:inline-block;line-height:1.4;margin:0 5px;min-width:20px;padding:0 5px;text-align:center}.item-san-pham{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;cursor:pointer;padding:.5rem;position:relative;transition:.2s}.img-item-san-pham{border-radius:10px;object-fit:contain;width:100%}.badge-het-hang{width:-webkit-max-content;width:max-content}.badge-het-hang,.badge-het-hang-custom{background-image:linear-gradient(red,#d60000);color:#fff;font-size:small;padding:0 .5rem}.badge-het-hang-custom{box-shadow:1.95px 1.95px 2.6px #00000026;left:-.04rem;position:absolute;text-transform:uppercase;top:1rem}.item-san-pham:hover{box-shadow:0 2px 8px 0 #63636333;transform:scale(1.02)}.item-san-pham:active{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;transform:translateY(.2rem)}.item-san-pham:hover .icon-mua-san-pham{background-color:#0078a3;border:2px solid #0078a3;color:#fff}.icon-mua-san-pham{align-items:center;border:2px solid #d3d3d3;border-radius:50%;color:#d3d3d3;display:flex;padding:.25rem}.thong-bao-het-hang{align-items:center;animation:animationHetHang .2s ease-in-out forwards;background-color:rgba(0,0,0,.525);border-radius:10px;bottom:0;color:#fff;display:none;font-size:20px;justify-content:center;left:0;position:absolute;right:0;top:0;transform-origin:bottom center}@keyframes animationHetHang{0%{border-radius:0 0 10px 10px;top:80%}to{border-radius:10px;top:0}}.item-san-pham:hover .thong-bao-het-hang{display:flex}.outline-hoa-don-tra-tien{background-color:#f1f1f1;bottom:0;left:0;padding:1.25rem;position:absolute;right:0}.btn-delete-hoa-don-mang-ve{color:#d3d3d3;cursor:pointer;font-size:large;margin:0 .5rem 0 1rem;padding:0 .2rem}.btn-delete-hoa-don-mang-ve:hover{color:red}.form-ten-thu-ngan-thanh-toan{background-color:#fff;border-radius:5px;margin-left:-.3rem;margin-top:9.3rem;padding:.2rem 1rem;position:absolute;z-index:1000}.button-thanh-toan-custom{align-items:center;background-image:linear-gradient(#0078a3,#28b4e7);border:none;border-radius:5px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:#fff!important;display:flex;font-size:small;gap:.75rem;padding:.4rem 1.5rem;position:fixed;right:2rem;top:6.2rem;transition:.4s;width:-webkit-max-content;width:max-content}.button-thanh-toan-custom:hover{transform:scale(1.05)}.menu-tab-left-ban-hang{padding:1rem 0}@media only screen and (max-width:1350px){.row-don-hang{font-size:small!important;grid-template-columns:1fr!important;margin-left:0;padding:3rem 0 0;transform:none!important;width:97vw!important}.row-don-hang .tab-content-menu{height:calc(100vh - 215px)!important;padding:.4rem .4rem 10rem 0!important}.row-don-hang .tab-content-menu::-webkit-scrollbar{display:none!important}.row-don-hang .form-ten-thu-ngan-thanh-toan{bottom:0;position:fixed!important}.row-don-hang .row-san-pham{gap:.5rem!important;grid-template-columns:1fr 1fr 1fr 1fr!important}.row-don-hang .row-san-pham .item-san-pham{font-size:10px!important;padding:.5rem!important}.row-don-hang .button-thanh-toan-custom{padding:.65rem 2rem;position:fixed!important;right:1rem!important;top:.75rem}.row-don-hang .dat-ban{height:calc(100vh - 100px)!important}.row-don-hang .thong-tin-header{box-shadow:none;font-size:10px!important;left:5.5rem;position:absolute;right:0;top:-.5rem}.row-don-hang .card-footer-menu{background-color:#fff;background-color:#fcfcfc;border-radius:2rem;box-shadow:inset 0 2px 4px 0 #0000000f;position:fixed;right:4rem;top:.7rem;transform:scale(.8);width:20rem;z-index:1000}.row-don-hang .card-footer-menu .cus-select-nhom-dvt{margin-right:.5rem;width:30%}.row-don-hang .card-hoadon{bottom:-7.5rem;box-shadow:0 5px 15px #00000059;max-height:25rem;position:fixed;right:-14rem;transform:scale(.4);z-index:1000}.row-don-hang .card-hoadon:hover{bottom:-5rem;max-height:none;right:-3.4rem;transform:scale(.8)}}.form-in-ma-vach-qr{grid-gap:1rem;background-color:#f5f5f5;bottom:0;display:grid;gap:1rem;grid-template-columns:1fr 1fr;left:0;padding:.75rem;position:fixed;right:0;top:0;z-index:1300}.form-list-pro-qr{grid-gap:.5rem;background-color:#f8f8f8;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr;margin-top:4rem;overflow-y:auto;padding:.5rem}.bg-no-product{align-items:center;background-color:#f8f8f8;display:flex;justify-content:center;width:100%}.img-item-pro-qr{border-radius:10px;width:100%}.item-pro-qr{background-color:#fff;border-radius:10px;cursor:pointer;height:-webkit-min-content;height:min-content;padding:.5rem}.item-pro-qr:hover{box-shadow:0 2px 8px 0 #63636333}.row-table-choose-pro-qr{grid-gap:.5rem;align-items:center;border-top:1px solid #eee;display:grid;gap:.5rem;grid-template-columns:.5fr 1fr 1.5fr 1.5fr 1fr 1fr .2fr;padding:.5rem}.row-table-add-so-luong{gap:.5rem;grid-template-columns:.5fr 1fr 1.5fr 1.5fr 1.5fr 1fr 1fr .2fr}.header-table-choose-pro-qr{background-color:#f1f1f1;border:none;border-radius:5px;color:#979797;margin-bottom:.2rem}.header-table-choose-pro-qr:hover{background-color:#f1f1f1}.row-table-choose-pro-qr:hover{background-color:#f8f8f8}.form-list-choose-pro-qr{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px 0 #63636333;position:relative}.btn-x-item-list-choose-qr{color:#d3d3d3;cursor:pointer}.btn-x-item-list-choose-qr:hover{color:#000}.form-title-list-choose-pro-qr{align-items:center;color:#7c7c7c;display:flex;font-size:15px;font-weight:700;gap:10px}.table-choose-pro-qr{background-color:#fff;height:80vh;overflow-y:auto}.btn-in-ma-vach{align-items:center;background-image:linear-gradient(#1886b4,#24b0ec);border:none;color:#fff;display:flex;font-size:medium;gap:1rem;padding:.2rem 1rem}.btn-menu-header-left-list-qr{align-items:center;background-color:#004d74;border-radius:3px;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d;color:#fff;cursor:pointer;display:flex;height:2.5rem;justify-content:center;padding:.7rem;width:2.5rem}.outline-menu-header-left-list-qr{position:fixed;right:1.3rem;top:1.3rem;z-index:1300}.list-menu-header-left-list-qr{background-color:#fff;background-color:#004d74;border-radius:5px;position:absolute;right:0;width:-webkit-max-content;width:max-content}.item-menu-header-left-list-qr{color:#fff;cursor:pointer;padding:.75rem}.item-menu-header-left-list-qr:hover{background-color:#1886b4}.form-search-list-qr{align-items:center;background-color:#fff;border-radius:2rem;box-shadow:0 2px 8px 0 #63636333;display:flex;left:1rem;min-height:3rem;padding:.5rem;position:absolute;top:1rem;width:calc(50vw - 1.5rem)}.form-groping-spdv .active{align-items:center;background-image:linear-gradient(#1886b4,#24b0ec)!important;color:#fff}.form-groping-spdv:hover .text-xem-them-groping-spdv{display:none!important}.item-groping-spdv{border-radius:2rem;color:#8f8f8f;cursor:pointer;font-size:12px;padding:.5rem 1rem;text-transform:uppercase}.item-groping-spdv:hover{box-shadow:0 1px 3px 0 #00000005,0 0 0 1px #1b1f2326;color:#000}.form-input-search-qr{align-items:center;background-color:#f0f0f0;border-radius:2rem;display:flex;height:2.3rem;padding:.4rem;position:absolute;right:.4rem}.input-so-luong-choose-pro{background-color:#f7f8f8;border:none;border-radius:2rem;box-shadow:inset 0 2px 4px 0 #0000000f;font-size:small;padding:.2rem 0 .2rem .5rem;width:80%}.input-so-luong-choose-pro:focus{background-color:#fff;outline:none}.input-search-qr{background-color:initial;border:none;font-size:13px;font-weight:500;transition:all .2s;width:12rem}.input-search-qr:focus{background-color:initial;box-shadow:none;color:#000;outline:none!important;width:15rem}.input-search-qr-active{width:calc(50vw - 4.9rem)!important}.icon-input-search-qr{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 8px 0 #63636333;color:#000;cursor:pointer;display:flex;font-size:12px;padding:.5rem .6rem}.icon-input-search-qr-active{background-image:linear-gradient(#1886b4,#24b0ec);box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;color:#fff}.list-suggest-search-qr{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px 0 #63636333;left:-.2rem;max-height:60vh;overflow-y:auto;padding:.5rem 1rem;position:absolute;right:-.2rem;top:3rem}.item-suggest-search-qr{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:grid;grid-template-columns:.5fr 1.5fr .5fr .5fr;margin-bottom:.2rem;padding:.2rem}.item-suggest-search-qr:hover{background-color:#fcfcfc}.text-xem-them-groping-spdv{display:none}@media screen and (max-width:1400px){.form-in-ma-vach-qr{font-size:xx-small;grid-template-columns:1fr .75fr}.text-xem-them-groping-spdv{display:block!important}.form-search-list-qr{width:calc(57vw - 1.5rem)}.form-list-pro-qr{margin-top:3.5rem}.item-groping-spdv{display:none}.form-groping-spdv .active,.form-groping-spdv:hover .item-groping-spdv{display:block}.form-groping-spdv:hover{background-color:#fff;padding:.25rem;width:100%;z-index:1500}.form-input-search-qr{height:2.3rem}.icon-input-search-qr{font-size:9px;padding:.35rem .4rem}.input-search-qr-active{width:calc(57vw - 4.4rem)!important}.btn-in-ma-vach{font-size:x-small}}.header-print-bar-code{box-shadow:0 3px 3px 0 #00000026;display:flex;justify-content:space-between;padding:0 2rem;z-index:1000}.body-print-bar-code{background-image:linear-gradient(#f8f8f8,#dadada);height:100%;justify-content:center;overflow-y:auto;padding:1rem 20vw}.form-print-barcode{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr}.form-item-print-bar-code{background-color:#fff;height:-webkit-min-content;height:min-content;margin-bottom:2rem;padding:.5rem}.table-item-print-bar-code{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3;display:grid;grid-template-columns:1.2fr 1fr 1fr}.btn-print-bar-code{background-color:#d3d3d3;border:none;border-radius:0;box-shadow:none;height:-webkit-min-content;height:min-content;padding:.2rem 1rem}.btn-print-bar-code-active{background-color:#1886b4;color:#fff}.not-list-choose-pro{-webkit-touch-callout:none;align-items:center;display:flex;height:90%;justify-content:center;-webkit-user-select:none;user-select:none}.form-quantity-pro{align-items:center;color:#6b6b6b;display:flex;gap:.5rem}.icon-quanlity-pro{border-radius:10px;display:flex;font-size:20px}.row-table-sp{grid-gap:.5rem;align-items:center;display:grid;font-size:small;gap:.5rem;padding:.5rem 1rem;position:relative}.item-table-sp{background-color:initial;border:none;border-top:1px solid #f2f5f8;outline:none;width:100%}.item-table-sp:focus{background-color:#f5f5f5;outline:none}.item-table-sp:hover{background-color:#fafafa}.header-table-sp{background-color:#f2f5f8;border-radius:5px}.img-table-sp{border-radius:50%;height:4rem;transition:.5s;width:4rem}.form-switch-format{border-radius:5px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;display:flex;font-size:large;gap:.2rem;padding:.2rem}.form-switch-format .active{background-color:#e1e2e4}.item-switch-format{align-items:center;border-radius:5px;cursor:pointer;display:flex;padding:.3rem}.item-switch-format:hover{background-color:#f4f8ff}.body-table-sp{max-height:30rem;overflow-y:auto}.fom-format-table .hidden,.show-format{display:none}.fom-format-table .show-format{display:block}.fom-format-table .body-table-sp{grid-gap:2rem;background-color:#fafafa;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;padding:1rem 1rem 3rem}.fom-format-table .item-table-sp{grid-gap:1rem;background-color:#fff;border:none;border-radius:10px;box-shadow:0 1px 4px #00000029;display:grid;gap:1rem;grid-template-columns:1fr;padding:.5rem}.fom-format-table .img-table-sp{border-radius:10px;min-height:18rem;width:100%}.btn-close-detail-spdd{color:#d3d3d3;cursor:pointer;font-size:x-large}.btn-close-detail-spdd:hover{color:#000}.outline-form-quantity-pro{background-color:#fcfcfc;border:2px solid #e4e4e4;border-radius:10px;padding:.7rem 1.3rem}.form-pagiantion-custom{display:flex;gap:.5rem}.item-pagination{font-size:13px}.item-3-dots-pagination,.item-pagination{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:2rem;justify-content:center;width:2rem}.item-3-dots-pagination{font-size:15px}.btn-change-pagination{border:1px solid #d3d3d3;padding-top:.05rem}.form-pagiantion-custom .active,.item-pagination:hover{background-color:#ececec}.form-list-all-number-page{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;width:40rem}.text-top-table-custom:hover{color:#0067a3;cursor:pointer}.list-select-top{box-shadow:0 1px 4px #00000029;display:none;margin-left:3rem;position:absolute;z-index:10000}.outline-text-top-table-custom:hover .list-select-top{display:block!important}.list-select-top .active{background-color:#fafafa;color:#0067a3}.item-select-top-table{cursor:pointer;padding:.2rem .5rem;width:3rem}.item-select-top-table:hover{background-color:#ececec}.form-search-table-custom{align-items:center;display:flex;font-size:15px;position:relative}.input-search-table-custom{background-color:initial;border:none;border-radius:2rem;box-shadow:inset 0 2px 4px 0 #0000000f;padding:.4rem 1rem .4rem 2rem;transition:.4s}.icon-search-table-custom{left:.5rem;position:absolute}.input-search-table-custom:focus{background-color:#f8f8f8;outline:none;width:20rem}.form-list-suggest-search-table{background-color:hsla(0,0%,100%,.911);border-radius:10px;box-shadow:0 3px 5px #0000000a;font-size:12px;padding-bottom:.5rem;position:absolute;top:2.5rem;width:100%;z-index:10000}.header-list-suggest-search-table{background-color:#f7f7f7;border-radius:5px 5px 0 0;color:#9c9c9c;padding:.4rem .5rem}.item-suggest-search-table{padding:.2rem .5rem}.item-suggest-search-table:hover{background-color:#fafafa;cursor:pointer}.icon-pay{align-items:center;color:#464646;display:flex;font-size:30px;font-weight:500}.header-pay{box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;padding:.4rem 2rem}.body-pay{background-image:linear-gradient(#fff,#dadada);height:100%}.banner-pay{background:url(https://qlk.qfoody.vn/static/media/imgbannerpay1.53111065b0902f0303b9.jpg);background-position:top;background-size:cover;border-radius:2rem;color:#fff;height:20rem;left:2rem;padding:3rem 0 0 5rem;position:absolute;right:2rem;top:2rem}.form-item-pay{grid-gap:2rem;bottom:2rem;display:grid;gap:2rem;grid-template-columns:5fr 2fr;left:3.5rem;position:absolute;right:3.5rem;top:12rem;z-index:1000}.item-body-pay{background-color:#fff;border-radius:2rem;box-shadow:0 2px 8px 0 #63636333;height:100%;padding:2rem;position:relative}.btn-pay-custom{background:#004c8a!important;border:none;border-radius:1rem;bottom:2rem;font-size:15px;left:2rem;padding:1rem 0;position:absolute;right:2rem;width:auto;z-index:1000}.btn-chevron-left-pay{background-color:#000;border:none;border-radius:2rem 0 0 0;color:#fff;cursor:pointer;display:flex;font-size:20px;gap:.5rem;left:0;padding:.7rem 1.5rem;position:absolute;top:0}.text-chevron-left-pay{display:none;font-size:13px}.btn-chevron-left-pay:hover{background-color:#fff;color:#000}.btn-chevron-left-pay:hover .text-chevron-left-pay{display:block}.outline-form-body-table-pay{bottom:2rem;left:2rem;position:absolute;right:2rem;top:4rem}.form-body-table-pay{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem;max-height:100%;overflow-y:auto;padding:0 .5rem 1rem}.form-item-table-pay{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;padding:.3rem 1rem .3rem .3rem}.item-info-table-pay{background-color:#e6eef7;border-radius:5px;color:#125ab1;font-size:11px;padding:.2rem .5rem}.hoa-don-table-thanh-toan-custome{overflow-y:auto}.form-tab-pay{background-color:#f7f7f7;color:#8d8d8d;gap:.2rem;padding:.25rem}.form-tab-pay,.item-tab-pay{border-radius:5px;display:flex}.item-tab-pay{cursor:pointer;justify-content:center;padding:.4rem;width:100%}.form-tab-pay .active{background-color:#fff;box-shadow:0 1px 4px #00000029;color:#000}.form-info-order-pay{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.item-info-order-pay{background-color:#f8f8f8;border-radius:10px;padding:.2rem .5rem}.btn-choose-pay-promotion{align-items:center;background:url(https://qlk.qfoody.vn/static/media/bgbtnkhuyenmai.0981da524a05c6f21441.png);background-position:50%;background-size:cover;border-radius:10px;color:#fff!important;display:flex;justify-content:start;padding:.75rem;width:100%}.icon-choose-pay-promotion{align-items:center;background-color:#fafafa;border-radius:.5rem;color:#494949;display:flex;font-size:large;padding:.3rem .7rem}.text-secondary-choose-pay-promotion{background-color:#fff;border-radius:5px;color:#ff00b3;padding:0 .5rem;width:-webkit-max-content;width:max-content}@media screen and (max-width:1700px){.body-pay{font-size:11px}.banner-pay{left:.75rem;right:.75rem;top:.75rem}.form-item-pay{bottom:.75rem;gap:1.5rem;grid-template-columns:5fr 2.5fr;left:2rem;right:2rem;top:10rem}.btn-pay-custom{bottom:1rem;font-size:13px;left:1rem;padding:.75rem 0;right:1rem}.form-body-table-pay{grid-template-columns:1fr}.outline-form-body-table-pay{left:1rem;right:1rem}.item-body-pay{padding:2rem 1rem}}.dialogKM_custom .MuiDialog-container .MuiPaper-root{max-height:calc(100% - 30px)!important}.input-search-menu{background-color:#eee;font-size:15px;margin-right:15px;min-width:609px}.input-search-menu+div{background:#fff;border-radius:3px;left:250px;max-height:300px;overflow:auto;padding:0;position:absolute;top:40px;width:448px;z-index:99999}.input-search-menu+div::-webkit-scrollbar-thumb{background-color:#d5d5d5;border:solid #f7f7f7;border-radius:8px}.input-search-menu+div::-webkit-scrollbar-thumb:hover{background-color:#c5c5c5}.input-search-menu+div::-webkit-scrollbar{background-color:#fff;border-radius:8px}.input-search-menu+div:before{background-color:#fff;content:"";height:100%;position:absolute;width:100%;z-index:-1}.input-search-menu+div .list-item{align-items:center;border-bottom:.5px dotted #c8c8c8;color:#000;cursor:pointer;display:flex;height:60px;padding:8px;transition:.15s linear}.input-search-menu+div .list-item.focus-one,.input-search-menu+div .list-item:hover{background-color:#e5e5e5}.input-search-menu+div .list-item .image{margin-right:10px}.input-search-menu+div .list-item .info{color:#000;font-size:12px;width:100%}.input-search-menu+div .list-item .info>div:first-child{font-weight:700}.input-search-menu+div .list-item .info>div:last-child span:first-child{display:inline-block;min-width:40px}.input-search-menu+div .list-item .info>div:last-child span:nth-child(2){margin-left:20px}.input-search-menu+div .list-item-no-result{height:180px}.input-search-menu+div .list-item-no-result>span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.form-control:focus{box-shadow:none}.table_dataKM{height:calc(100vh - 280px);overflow:auto}.table_dataKM::-webkit-scrollbar{background-color:#fff;border-radius:8px;width:15px}.table_dataKM::-webkit-scrollbar-thumb{background-color:#d5d5d5;border:solid #f7f7f7;border-radius:8px}.table_dataKM .table thead tr th{background-color:#b0e0e6;font-size:12px;position:-webkit-sticky;position:sticky;top:-1px}.table_dataKM .table tbody tr td,.table_dataKM .table thead tr th{text-align:center;vertical-align:middle}.pure-material-switch{display:inline-block;line-height:1.5;position:relative;z-index:0}.pure-material-switch>input{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:#00000061;background-color:rgba(var(--pure-material-onsurface-rgb,0,0,0),.38);border-radius:50%;display:block;height:40px;margin:0;opacity:0;outline:none;pointer-events:none;position:absolute;right:6px;top:-8px;transform:scale(1);transition:opacity .3s .1s,transform .2s .1s;width:40px;z-index:-1}.pure-material-switch>span{cursor:pointer;display:inline-block;width:100%}.pure-material-switch>span:before{background-color:#00000061;background-color:rgba(var(--pure-material-onsurface-rgb,0,0,0),.38);border-radius:7px;content:"";display:inline-block;float:right;height:14px;margin:5px 0 5px 10px;transition:background-color .2s,opacity .2s;vertical-align:top;width:36px}.pure-material-switch>span:after{background-color:#fff;background-color:rgb(var(--pure-material-onprimary-rgb,255,255,255));border-radius:50%;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;content:"";height:20px;position:absolute;right:16px;top:2px;transition:background-color .2s,transform .2s;width:20px}.pure-material-switch>input:checked{background-color:#2196f3;background-color:rgb(var(--pure-material-primary-rgb,33,150,243));right:-10px}.pure-material-switch>input:checked+span:before{background-color:#2196f399;background-color:rgba(var(--pure-material-primary-rgb,33,150,243),.6)}.pure-material-switch>input:checked+span:after{background-color:#2196f3;background-color:rgb(var(--pure-material-primary-rgb,33,150,243));transform:translateX(16px)}.pure-material-switch:hover>input{opacity:.04}.pure-material-switch>input:focus{opacity:.12}.pure-material-switch:hover>input:focus{opacity:.16}.pure-material-switch>input:active{opacity:1;transform:scale(0);transition:transform 0s,opacity 0s}.pure-material-switch>input:active+span:before{background-color:#2196f399;background-color:rgba(var(--pure-material-primary-rgb,33,150,243),.6)}.pure-material-switch>input:checked:active+span:before{background-color:#00000061;background-color:rgba(var(--pure-material-onsurface-rgb,0,0,0),.38)}.pure-material-switch>input:disabled{opacity:0}.pure-material-switch>input:disabled+span{color:#000;color:rgb(var(--pure-material-onsurface-rgb,0,0,0));cursor:default;opacity:.38}.pure-material-switch>input:disabled+span:before{background-color:#00000061;background-color:rgba(var(--pure-material-onsurface-rgb,0,0,0),.38)}.pure-material-switch>input:checked:disabled+span:before{background-color:#2196f399;background-color:rgba(var(--pure-material-primary-rgb,33,150,243),.6)}.input-so-luong-tra-hang{background-color:#fff;border:none;border-radius:2rem;box-shadow:inset 0 2px 4px 0 #0000000f;font-size:larger;font-weight:500;padding:.5rem 1rem;width:10rem}.form-tra-hang-nhap{grid-gap:2rem;background-image:linear-gradient(#fff,#ececec);display:grid;gap:2rem;grid-template-columns:3fr 1fr;min-height:calc(100% - 6rem);overflow-y:auto;padding:1rem 2rem}.form-billing-infomation{background-color:#fff;border-radius:2rem;box-shadow:0 2px 8px 0 #63636333;height:-webkit-max-content;height:max-content;padding-top:2rem}.body-billing-information{grid-gap:.5rem;background-color:#f8f8f8;border-radius:2rem;box-shadow:0 0 5px 0 #0000001a,0 0 1px 0 #0000001a;display:grid;gap:.5rem;margin-top:2rem;padding:2rem}.text-ghi-chu-bill-info{background-color:#fff;border:initial;border-radius:10px;padding:1rem;width:100%}.btn-billing-information{background-color:#2196f3;border-radius:1rem;color:#fff;font-size:15px;padding:.75rem;width:100%}.item-header-info-billing{background-color:#f5f5f5;border:2px solid #fff;border-radius:10px;box-shadow:0 0 0 1px #0000000d;padding:.5rem;width:100%}.table-list-pro-returns{grid-gap:1rem;background-color:#fff;border-radius:2rem;box-shadow:0 2px 8px 0 #63636333;display:grid;gap:1rem;height:-webkit-max-content;height:max-content;padding:2rem}.row-table-list-pro-returns{align-items:center;border-bottom:2px solid #ebebeb;display:grid;grid-template-columns:.5fr 1fr 2fr 1fr 1fr 1fr 1fr 1.5fr;padding:.5rem 1rem 1rem}.header-table-list-pro-returns{background-color:#eee;border:none;border-radius:10px}.item-detail-info-retuns{background-color:#f8f8f8;border:3px solid #fff;border-radius:2rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;font-size:12px;padding:.5rem .75rem}.header-bill-returns-pro{align-items:center;box-shadow:0 4px 12px #0000001a;color:#4b4b4b;display:flex;margin-bottom:2rem;min-height:4rem;padding:0 2rem}.header-bill-returns-pro .btn{border-radius:0}.form-list-nlcb{background-color:#f3f3f3;color:#949494;height:100%;padding:1rem 1.5rem 2rem;width:100%}.text-select-step-nlcb{border:1px solid #d3d3d3;border-radius:10px;color:#000;padding:.2rem .8rem}.btn-close-form-nlcb{align-items:center;cursor:pointer;display:flex;font-size:17px;height:1.5rem;justify-content:center;position:absolute;right:1.7rem;transition:.4s;width:1.5rem}.btn-close-form-nlcb:hover{background-color:#dadada;color:#000}.btn-create-processing-orders{align-items:center;background-color:#0062b3;border:none;border-radius:2rem;color:#fff!important;display:flex;font-size:13px;gap:.5rem;padding:.75rem 2rem}.form-body-list-nlcb{background-color:#fcfcfc;border-radius:2rem;box-shadow:inset 0 2px 8px 0 #63636333;color:#000;display:flex;gap:1.5rem;height:89vh;width:100%}.form-body-nlcb-left{width:27%}.form-body-nlcb-right{margin-right:1rem;margin-top:1rem;max-height:85vh;overflow-y:auto;padding:0 0 1rem 2rem;width:100%}.form-list-filter-nlcb{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px 0 #63636333;display:flex;margin-top:1.5rem;padding:.3rem}.form-list-filter-nlcb .active{background-color:#dfdfdf}.form-list-filter-nlcb .active .icon-item-list-filter-nlcb{color:#005f9e}.item-list-filter-nlcb{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:16px;gap:1rem;padding:.3rem .5rem .3rem .3rem;transition:.4s}.item-list-filter-nlcb:hover{background-color:#ebebeb}.outline-form-list-body-nlcb-left{background:#fff;border-radius:2rem;margin:2rem}.outline-form-list-body-nlcb-left .form-list-body-nlcb-left{margin:0!important}.outline-form-list-body-nlcb-left .form-list-mon-an-nlcb{max-height:calc(100vh - 20rem)}.form-list-body-nlcb-left{background-color:#fff;border-radius:2rem;margin:2rem;padding:1.5rem}.text-item-mon-an-nlcb-so-luong{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;height:1.3rem;justify-content:center;padding:.2rem .2rem .25rem;position:absolute;right:0;width:1.3rem}.icon-item-list-filter-nlcb{background-color:#fff;border-radius:5px;display:flex;padding:.5rem 1rem}.form-list-mon-an-nlcb{grid-gap:1rem;background-color:#f8f8f8;border-radius:2rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr;max-height:calc(100vh - 35rem);overflow-y:auto;padding:1rem}.item-mon-an-nlcb{display:flex;justify-content:center;margin-bottom:2rem;position:relative}.text-item-mon-an-nlcb{background-color:#fff;border-radius:10px;bottom:-.7rem;box-shadow:0 4px 12px #0000001a;font-size:9px;padding:.2rem .5rem;position:absolute}.outline-form-body-list-nlcb-right{padding:2rem 2rem 2rem 0}.form-body-list-nlcb-right{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr;height:-webkit-min-content;height:min-content}.item-list-nlcb-right{background-color:#fff;border-radius:1rem;box-shadow:0 3px 5px #0000000a;font-size:x-small;padding:.75rem}.item-list-nlcb-right .success{background-color:#f3fff4;color:#00ad5c}.item-list-nlcb-right .error{background-color:#fff3f3;color:#ad0000}.form-calculate-quanlity-nlcb{align-items:center;border-radius:10px;display:flex;gap:1rem;padding:.5rem}.icon-calculate-quanlity-nlcb{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;height:1rem;justify-content:center;padding-bottom:.05rem;width:1rem}.item-list-nlcb-right .success .icon-calculate-quanlity-nlcb{background-color:#00ad5c}.item-list-nlcb-right .error .icon-calculate-quanlity-nlcb{background-color:#d00}.item-info-list-nlcb-right{background-color:#f8f8f8;border-radius:7px;color:#9e9e9e;font-size:xx-small;padding:.5rem;width:100%}.luu-tam{background-color:#fff;color:#000!important}.luu-tam:hover{background-color:#e6ebee;color:#00439b!important}.form-list-temporary{animation:scrollLeftCB .6s ease-in-out forwards;background-color:#fff;border-radius:2rem;height:calc(100% - 4.5rem);margin-top:4.5rem;padding:2rem;position:relative;transform-origin:right center;width:100%}.form-option-them-moi-temporary{cursor:pointer;min-height:2rem;position:absolute;right:1.7rem;top:2.5rem;width:8rem;z-index:1}.list-option-them-moi-temporary{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:none;margin-top:2rem;padding:.5rem 0;width:100%}.item-option-them-moi-temporary{margin-bottom:.2rem;padding:.2rem 1rem;width:100%}.item-option-them-moi-temporary:hover{background-color:#fafafa}.form-option-them-moi-temporary:hover .list-option-them-moi-temporary{display:block}@keyframes scrollLeftCB{0%{background-color:initial!important;opacity:0;transform:translateX(20rem)}70%{background-color:initial!important;opacity:0}to{background-color:#fff;opacity:1;transform:translateX(0)}}.table-nlcb-body-right{background-color:#fff;border-radius:7px;padding:1rem}.item-table-nlcb-body-right{border-bottom:2px solid #f3f3f3;display:grid;grid-template-columns:.5fr 1.5fr 1fr 1fr .5fr 2fr;padding:1rem .5rem}.item-table-nlcb-body-right h6{margin-bottom:0}.header-table-nlcb-body-right{background-color:#e6e6e6;border-radius:7px;color:#646464;padding:.2rem .5rem}.text-ghi-chu-nlcb{background-color:#b6b6b6;border-radius:5px;font-size:12px;margin-top:1rem!important;padding:.2rem .7rem;width:-webkit-max-content;width:max-content}.text-ghi-chu-nlcb-success{background-color:#e9fff0;color:#009c53}.text-ghi-chu-nlcb-error{background-color:#ffe9e9;color:#a50000}.form-info-lenh-che-bien{grid-gap:.5rem;gap:.5rem;grid-template-columns:1fr 1fr;padding:.5rem 0}.form-info-lenh-che-bien,.info-lenh-che-bien{display:grid;width:-webkit-max-content;width:max-content}.info-lenh-che-bien{grid-gap:.2rem;background-color:#fff;border-radius:2rem;box-shadow:0 1px 4px #00000029;color:#6b6b6b;gap:.2rem;grid-template-columns:1fr 1fr;padding:.2rem .5rem}.outline-form-info-lenh-che-bien{background-color:#eee;box-shadow:inset 0 2px 4px 0 #0000000f;display:flex;justify-content:space-between;position:relative}.form-info-lenh-che-bien-2{background-color:#fff;border-radius:1rem;box-shadow:0 4px 12px #00000014;margin:2rem;padding:1rem;width:100%}.form-item-info-lenh-che-bien-2{background-color:#fafafa;border-radius:10px;box-shadow:inset 0 2px 4px 0 #0000000f;padding:1rem}.btn-pn-and-px-nlcb{background-color:#fff;border:none;border-radius:5px;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;font-size:12px;height:100%;min-height:4rem;padding:.25rem;position:relative;width:100%}.btn-pn-and-px-nlcb:hover{background-color:#f5f5f5}.form-btn-pn-and-px-nlcb{display:flex;gap:.5rem}.form-file-text-o{background-color:#f7f7f7;border-radius:5px;color:#727272;font-size:1rem;padding:0 0 1rem}.btn-pn-and-px-nlcb:hover .form-file-text-o{background-color:#fff}.btn-pn-and-px-nlcb:hover .text-code-info-pn-px{background-color:#f7f7f7}.fake-item-groping-spdv{background-color:initial;border:none;border-radius:2rem;box-shadow:none;color:#8f8f8f;cursor:pointer;font-size:12px;padding:.5rem 1rem;text-transform:uppercase;width:-webkit-max-content;width:max-content}.fake-item-groping-spdv-active{background-image:linear-gradient(#1886b4,#24b0ec)!important;color:#fff}.fake-item-groping-spdv:hover{background-color:initial;box-shadow:0 1px 3px 0 #00000005,0 0 0 1px #1b1f2326;color:#000}.item-mon-an-nlcb-custom{align-items:center;border-bottom:2px solid #f3f3f3;display:grid;grid-template-columns:.5fr 1fr 1.5fr 1fr 1fr;padding:1rem .5rem}.text-code-info-pn-px{background-color:#fff;border-radius:0 0 5px 5px;color:#1886b4;font-size:12px;padding:0 .5rem}.outline-form-btn-action-pn-and-px-nlcb{bottom:-.6rem;display:flex;justify-content:center;left:0;position:absolute;right:0}.form-btn-action-pn-and-px-nlcb{background-color:#f8f8f8;border-radius:2rem;box-shadow:0 1px 4px #00000029;display:flex;gap:.5rem;padding:.2rem;width:-webkit-max-content;width:max-content}.item-btn-action-pn-and-px-nlcb{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #0000000d;display:flex;font-size:12px;font-weight:700;height:1.4rem;justify-content:center;width:1.4rem}.form-btn-action-pn-and-px-nlcb .xoa-thong-tin:hover{background-color:#fff1f1;color:#c90000}.btn-pn-and-px-nlcb:hover .xem-thong-tin{background-color:#f1faff;color:#00a1c9}.form-btn-action-pn-and-px-nlcb:hover .xem-thong-tin{background-color:#fff;color:#000}.xem-thong-tin:hover{background-color:#f1faff!important;color:#00a1c9!important}.border-bottom-item-info-lenh-che-bien-2{border-bottom:1px solid #ececec}@media screen and (max-width:1700px){.form-list-nlcb{font-size:x-small;padding:1rem}.btn-create-processing-orders{font-size:10px;padding:.5rem 1.5rem}.form-body-list-nlcb{gap:1rem}.form-list-body-nlcb-left{margin:1rem;padding:1rem}.outline-form-list-body-nlcb-left{margin:1rem}.form-list-body-nlcb-left .text-secondary{font-size:11.5px!important}.outline-form-body-list-nlcb-right{padding:1rem 1rem 1rem 0}.form-list-mon-an-nlcb{border-radius:1rem;gap:.5rem;padding:.5rem}.form-body-list-nlcb-right{grid-template-columns:1fr 1fr 1fr 1fr}.item-list-nlcb-right{padding:.5rem}.item-list-filter-nlcb{font-size:12px}.item-mon-an-nlcb{margin-bottom:.5rem}.form-info-lenh-che-bien-2{border-radius:10px;margin:1rem;padding:.5rem}.btn-pn-and-px-nlcb{font-size:9px}}@media screen and (max-width:1550px){.form-list-mon-an-nlcb{gap:1rem;grid-template-columns:1fr 1fr 1fr}.form-body-nlcb-left{width:40%}}@media screen and (max-width:1300px){.form-body-list-nlcb-right{grid-template-columns:1fr 1fr 1fr}.form-body-list-nlcb{grid-template-columns:1.3fr 3fr}.text-item-mon-an-nlcb{font-size:7.5px}.form-body-nlcb-left{width:45%}}.rowCustom{display:flex}.colCustom{flex:50% 1;padding:10px}.form-input-choosse-ngay-nhap-hang{bottom:8rem;height:15rem;position:absolute;right:0;width:15rem}.input-choose-ngay-nhap-hang{display:none}.form-input-choosse-ngay-nhap-hang:hover .input-choose-ngay-nhap-hang{display:block}.search-khach-hang{align-items:center;display:flex;position:relative;width:100%}.search-khach-hang .fa-search{position:absolute;right:10px;top:8px;z-index:1}.search-khach-hang .fa-plus{cursor:pointer;position:absolute;right:40px;top:9px;z-index:1}.search-khach-hang .btn-huy{color:#ddd;cursor:pointer;z-index:1}.search-khach-hang .btn-huy i:hover{color:#ccc}.search-autocomplete,.search-autocomplete>div{width:100%}.search-autocomplete>div>input{border:1px solid #000;border-radius:3px;height:30px;position:relative;width:100%}.search-autocomplete>div>input+div{z-index:1}.search-autocomplete>div>input+div:before{background-color:#fff;content:"";height:100%;position:absolute;width:100%;z-index:-1}.search-autocomplete>div>div{max-height:240px!important;overflow:auto;z-index:1}.search-autocomplete>div>div::-webkit-scrollbar-thumb{background-color:#d5d5d5;border:solid #f7f7f7;border-radius:8px}.search-autocomplete>div>div::-webkit-scrollbar-thumb:hover{background-color:#c5c5c5}.search-autocomplete>div>div::-webkit-scrollbar{background-color:#fff;border-radius:8px}.search-autocomplete .list-item{align-items:center;border-bottom:.5px dotted #c8c8c8;color:#000;cursor:pointer;display:flex;height:60px;padding:8px;transition:.15s linear}.search-autocomplete .list-item.focus-one,.search-autocomplete .list-item:hover{background-color:#e5e5e5}.search-autocomplete .list-item .image{background-color:#ccc;border-radius:50%;margin-right:10px}.search-autocomplete .list-item .info{color:#000;font-size:12px;width:100%}.search-autocomplete .list-item .info>div:first-child{font-weight:700}.search-autocomplete .list-item .info>div:last-child span:first-child{display:inline-block;min-width:40px}.search-autocomplete .list-item .info>div:last-child span:nth-child(2){margin-left:20px}.tab-content{border-radius:0 5px 5px 5px;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326}.nav-tabs .nav-item .nav-link{border-radius:5px 5px 0 0;transition:.4s}.nav-tabs .nav-item .nav-link:hover{border:none;border-bottom:4px solid hsla(0,0%,83%,.596)!important;box-shadow:0 2px 8px 0 #63636333;color:#004369!important;padding:.5rem 2rem}.nav-tabs .active{background-color:#fff!important;border:none!important;border-bottom:4px solid #0074b8!important;box-shadow:0 .0625em .0625em #00000040,0 .125em .5em #00000040,inset 0 0 0 1px #ffffff1a;color:#0074b8!important;font-weight:700;padding:.5rem 2rem}.detail_NCT table{font-size:13px}.detail_NCT table thead tr{background-color:#b0e0e6}.detail_NCT table thead tr td{border-left:.5px solid #e0e0e0;font-weight:700}.detail_NCT table tbody tr td,.detail_NCT table thead tr td{padding:5px 10px;text-align:center}.detail_NCT table tbody tr:nth-child(odd){background:#f5f5f5}.detail_NCT table tbody tr:nth-child(2n){background:#fff}.detail_NCT Button{margin-right:8px}.modal_dieu_chinh_cong_no .form-group b,.modal_dieu_chinh_cong_no .form-group label{font-weight:500}.modal_dieu_chinh_cong_no .form-group.form-control-NoCanTraHienTai .col-md-8 .form-control-value{padding:0 8px}.modal_thanh_toan_cong_no .form-group b,.modal_thanh_toan_cong_no .form-group label{font-weight:500}.modal_thanh_toan_cong_no .form-group.form-control-NoHienTai .col-md-6 .form-control-value,.modal_thanh_toan_cong_no .form-group.form-control-NoHienTai .col-md-8 .form-control-value,.modal_thanh_toan_cong_no .form-group.form-control-NoSau .col-md-6 .form-control-value,.modal_thanh_toan_cong_no .form-group.form-control-NoSau .col-md-8 .form-control-value{padding:0 .5rem}.modal_thanh_toan_cong_no .form-group.form-control-CongVaoTaiKhoanKhachHang .col-md-6 .form-control-value,.modal_thanh_toan_cong_no .form-group.form-control-CongVaoTaiKhoanKhachHang .col-md-8 .form-control-value,.modal_thanh_toan_cong_no .form-group.form-control-TongThanhToan .col-md-6 .form-control-value,.modal_thanh_toan_cong_no .form-group.form-control-TongThanhToan .col-md-8 .form-control-value{padding:0 1rem}.Detail-LienHe .win10-container{padding-right:10px}.Detail-LienHe .win10-container .tab-content .row{height:auto!important}.Detail-LienHe .win10-container .tab-pane{min-height:calc(100vh - 240px)}.Detail-LienHe .form-group label{font-size:14px;font-weight:500}.Detail-LienHe .col-md-8{padding-top:.25rem}.Detail-LienHe .win10-container>.row>div:last-child .ntable>.search{pointer-events:auto}.menu-tab{border-bottom:1px solid #c8ced3}.dat-ban :not(.fa),.menu-tab .wrapper-tab *{font-family:Roboto,Helvetica,Arial,sans-serif}.dat-ban .card-body{height:calc(100vh - 80px);overflow:auto}.dat-ban .card-body::-webkit-scrollbar-thumb{background-color:#d5d5d5;border:solid #f7f7f7;border-radius:8px}.dat-ban .card-body::-webkit-scrollbar-thumb:hover{background-color:#c5c5c5}.dat-ban .card-body::-webkit-scrollbar{background-color:#fff;border-radius:8px}@keyframes animationMenuTabBanHang{0%{width:2rem}to{width:20rem}}.outline-menu-tab-ban-hang{background-color:#fff;bottom:0;box-shadow:0 1px 2px #00000012,0 2px 4px #00000012,0 4px 8px #00000012,0 8px 16px #00000012,0 16px 32px #00000012,0 32px 64px #00000012;padding:1rem;position:fixed;top:0;transform-origin:right center;transition:.2s;width:5rem;z-index:1000}.outline-menu-tab-ban-hang:hover{width:20rem}.outline-menu-tab-ban-hang .logo-menu-tab-ban-hang{margin-bottom:2rem;width:3rem}.outline-menu-tab-ban-hang:hover .menu-tab-ban-hang p{display:block}.outline-menu-tab-ban-hang .menu-tab-ban-hang{border:1px solid #0000;border-radius:5px;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.75rem;text-align:center;width:100%}.outline-menu-tab-ban-hang .menu-tab-ban-hang .img-menu-tab-ban-hang{width:1.5rem!important}.outline-menu-tab-ban-hang .menu-tab-ban-hang:hover{background-color:#fafafa;color:#000;transform:scale(1)!important}.outline-menu-tab-ban-hang .menu-tab-ban-hang:hover p{color:#000}.outline-menu-tab-ban-hang .menu-tab-ban-hang.active{background-color:#f7f7f7;border:1px solid #ececec}.outline-menu-tab-ban-hang .menu-tab-ban-hang.active p{color:#29abe2!important}.outline-menu-tab-ban-hang .menu-tab-ban-hang p{color:#afafaf;display:none;font-weight:700;margin:0 0 0 3rem;position:absolute;transition:.4s}.outline-menu-tab-ban-hang .setting-tab-ban-hang{align-items:center;background-color:#00488b;color:#fff!important;margin-top:60vh}.outline-menu-tab-ban-hang .setting-tab-ban-hang:hover{background-image:linear-gradient(#0078a3,#28b4e7)}.outline-menu-tab-ban-hang .setting-tab-ban-hang p{color:#fff!important}.infor-don-vi .image-khach-hang{border:1px dashed #ccc;border-radius:10px;height:115px;margin:auto;position:relative;width:115px}.infor-don-vi .image-khach-hang .camera-image-kh{color:#ccc;font-size:35px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.infor-don-vi .image-khach-hang .camera-image-kh .preview-image{border-radius:10px;box-shadow:0 3px 10px 0 gray;height:115px;object-fit:contain;width:115px}.infor-don-vi .btn-chon-anh{display:flex;justify-content:center;margin:10px}.infor-don-vi .btn-chon-anh .choose-image-khach-hang{cursor:pointer;height:35px;opacity:0;overflow:hidden;position:absolute;width:100%;z-index:0}.infor-don-vi .btn-chon-anh .choose-image-khach-hang+.label-chon-anh{background:#1cb6e0;border:none;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-size:10pt;font-weight:700;margin:0;padding:7px 15px;white-space:nowrap}.infor-don-vi .btn-chon-anh .choose-image-khach-hang+.label-chon-anh:hover{background-color:blue;cursor:pointer}.infor-don-vi .btn-huy-anh{cursor:pointer;font-size:20px;position:absolute;right:10px;top:-15px}