.content-booking{min-width:1052px;max-width:100%;margin:0 auto}.funcs-head-booking{display:flex;gap:25px;align-items:center;margin-bottom:30px}.funcs-head-booking .input-group,.funcs-head-booking .form-date{width:50%}.funcs-head-booking .box-left{width:130px;flex-shrink:0}.funcs-head-booking .box-mid{flex-grow:1;display:flex;gap:25px}.funcs-head-booking .box-right{width:260px;flex-shrink:0}.table-booking{background:#fff;border-radius:5px}.table-booking .filter-box{display:flex;align-items:center;gap:27px;box-shadow:inset 0px -1px 0px #efefef;padding:0 21px}.table-booking .filter-btn{position:relative;display:flex;align-items:center;gap:4px;padding:15px 0;font-size:14px;line-height:100%;font-family:Roboto-Regular;color:#111;opacity:.4}.table-booking .filter-btn.active,.table-booking .filter-btn:hover{transition:all .15s;opacity:1}.table-booking .filter-btn.active .txt,.table-booking .filter-btn:hover .txt{font-family:Roboto-Medium}.table-booking .filter-btn.active:before,.table-booking .filter-btn:hover:before{width:100%;height:2px;background:#7367f0;bottom:0;left:0;display:block;content:"";position:absolute}.table-booking .filter-btn.active .count{color:#7367f0;display:block}.table-booking .filter-btn .txt{display:block}.table-booking .filter-btn .count{display:none}.table-booking .table-header{display:flex;padding:17px 21px;justify-content:space-between;align-items:center}.table-booking .checkbox{width:20px;margin-right:21px;flex-shrink:0}.table-booking .list-hd{flex-grow:1;padding:0;justify-content:space-between;display:flex;align-items:center;list-style-type:none;margin:0}.table-booking .list-hd .tb-text{font-family:Roboto-Medium;font-size:.9rem;color:#111;line-height:110%;font-weight:normal}.table-booking .list-hd li:nth-child(1){width:180px}.table-booking .list-hd li:nth-child(2){width:242px}.table-booking .list-hd li:nth-child(3){width:76px}.table-booking .list-hd li:nth-child(4){width:310px}.table-booking .tb-row{display:flex;padding:17px 21px;justify-content:space-between;box-shadow:inset 0px 1px 0px #efefef}.table-booking .detail-tb{flex-grow:1;padding:0;justify-content:space-between;display:flex;list-style-type:none;margin:0}.table-booking .detail-tb .info-booking{width:180px}.table-booking .detail-tb .id-book{font-size:11px;line-height:150%;font-family:Roboto-Regular;color:#7367f0}.table-booking .detail-tb .date-time-book{font-size:13px;line-height:150%;font-family:Roboto-Bold;color:#111;margin-bottom:10px}.table-booking .detail-tb .date-time-book .time-book{font-size:13px;line-height:150%;color:#555;font-family:Roboto-Regular}.table-booking .detail-tb .address-book{font-size:12px;line-height:101%;font-family:Roboto-Regular;color:#777}.table-booking .detail-tb .info-cus{width:242px;position:relative;padding-bottom:34px}.table-booking .detail-tb .extra-info{position:absolute;bottom:0;left:0;display:flex;align-items:center;gap:21px;white-space:nowrap}.table-booking .detail-tb .name-cus{font-size:13px;line-height:101%;font-family:Roboto-Regular;margin-bottom:10px;color:#111}.table-booking .detail-tb .phone-cus{font-size:14px;line-height:101%;font-family:Roboto-Medium;display:block;color:#7367f0}.table-booking .detail-tb .view-menu{font-size:13px;line-height:101%;font-family:Roboto-Regular;display:block;color:#ff9f43}.table-booking .detail-tb .note-book{font-size:13px;line-height:101%;font-family:Roboto-Italic;color:#666}.table-booking .detail-tb .people{width:76px;font-size:14px;line-height:101%;font-family:Roboto-Regular;color:#666}.table-booking .detail-tb .funcs-book-group{width:310px;display:flex;align-items:center;justify-content:flex-start;gap:10px}.table-booking .detail-tb .select-booking-stt{width:147px;flex-shrink:0}.menu-booking-popup{padding:20px;background:#fff}.list-food-booking{padding:0;list-style-type:none}.list-food-booking li+li{margin-top:15px;padding-top:15px;border-top:.7px dashed #dfdfdf}.list-food-booking .food-book{display:flex;align-items:center;gap:20px}.list-food-booking .info{flex-grow:1;display:block}.list-food-booking .name-food{font-size:15px;line-height:145%;font-family:Roboto-Medium;margin-bottom:3px;color:#222}.list-food-booking .price-food{font-size:13px;line-height:100%;font-family:Roboto-Regular;color:#999}.list-food-booking .quantity-food{font-size:14px;line-height:120%;width:18px;text-align:right;flex-shrink:0;color:#666}.list-food-booking .price-final{width:90px;font-size:15px;line-height:100%;font-family:Roboto-Medium;flex-shrink:0;text-align:right;color:#7367f0}@media screen and (max-width: 768px){.daterangepicker{width:310px;padding-bottom:0}.funcs-head-booking{padding:0 16px 15px;gap:10px;flex-wrap:wrap;background:#fff;margin-bottom:0}.funcs-head-booking .input-group.bh-seacrh{flex-wrap:nowrap;width:50%;box-sizing:border-box}.funcs-head-booking .input-group.bh-seacrh input{width:100%}.funcs-head-booking .form-date{width:50%}.funcs-head-booking .form-date input{width:100%}.funcs-head-booking .box-left{display:none}.funcs-head-booking .box-mid{width:100%;gap:10px}.funcs-head-booking .box-right{width:100%}.content-booking{min-width:unset}.table-booking{background:none;border-radius:0}.table-booking .filter-box{width:100vw;white-space:nowrap;overflow-y:scroll;background:#fff;margin-bottom:13px;border-top:1px solid #e7e7e7}.table-booking .filter-box::-webkit-scrollbar{opacity:0;display:none}.table-booking .table-header{display:none}.table-booking .checkbox{display:none}.table-booking .tb-row{background:#fff;box-shadow:0px 4px 7px rgba(0,0,0,.03);margin-bottom:12px;padding:16px}.table-booking .detail-tb{flex-direction:column;gap:14px;position:relative}.table-booking .detail-tb .info-booking{border-bottom:.5px solid #eee;width:100%;padding-bottom:14px}.table-booking .detail-tb .id-book{font-size:13px}.table-booking .detail-tb .date-time-book{font-size:16px}.table-booking .detail-tb .date-time-book .time-book{font-size:16px}.table-booking .detail-tb .address-book{font-size:14px}.table-booking .detail-tb .info-cus{position:relative;padding-bottom:14px;border-bottom:.5px solid #eee;width:100%}.table-booking .detail-tb .extra-info{bottom:auto;left:auto;position:relative;flex-direction:column;align-items:flex-start;gap:8px;white-space:unset;width:100%;padding-bottom:14px;border-bottom:.5px solid #eee}.table-booking .detail-tb .name-cus{font-size:16px;font-family:"Roboto-Medium";line-height:130%}.table-booking .detail-tb .phone-cus{font-size:16px}.table-booking .detail-tb .view-menu{font-size:14px}.table-booking .detail-tb .note-book{font-size:14px}.table-booking .detail-tb .people{font-size:16px;padding-bottom:14px;border-bottom:.5px solid #eee;width:100%}.table-booking .detail-tb .funcs-book-group{width:100%}.table-booking .detail-tb .select-booking-stt{width:auto;flex-grow:1}.list-food-booking .name-food{font-size:14px}}.content-booking-detail{padding-bottom:100px}.content-booking-detail .content-Box{width:636px;max-width:100%;margin:0 auto;background:#fff;border:1px solid #efefef;border-radius:5px}.content-booking-detail .heading{position:relative;background:#fff;box-shadow:inset 0px -1px 0px #efefef;border-radius:5px 5px 0 0;font-family:Roboto-Medium;font-size:19px;line-height:48px;box-sizing:border-box;color:#111;padding-left:20px}.content-booking-detail .heading:before{width:4px;height:16px;transform:translateY(-50%);display:block;content:"";position:absolute;top:50%;left:0;background:#7367f0}.content-booking-detail .price-total{font-size:15px;line-height:100%;font-family:Roboto-Medium;position:absolute;right:20px;top:19px;color:#fd4949;display:block}.logs-box{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:101%;font-family:Roboto-Italic;color:#999;width:636px;max-width:100%;margin:0 auto}@media screen and (max-width: 768px){.m-xs-1{margin:1rem !important}.mb-xs-1{margin-bottom:1rem !important}.mb-xs-2{margin-bottom:2rem !important}.mt-xs-1{margin-top:1rem !important}.mt-xs-2{margin-top:2rem !important}.footer-fixed-bottom{left:0;width:100%;padding:10px 16px 30px;height:auto}.footer-fixed-bottom .save-btn{margin-left:1rem;font-size:14px;flex-grow:1;height:40px}.footer-fixed-bottom .close-order{height:40px;font-size:14px;padding:10px 20px;background:#fff;border:1px solid #a0a0a0;border-radius:5px;box-sizing:border-box}.content-booking-detail .content-Box{border-radius:0;border-left:0;border-right:0}.content-booking-detail .logs-box{display:flex;flex-direction:column;gap:15px}}