diff --git a/ownLib.zip b/ownLib.zip
new file mode 100644
index 0000000..c6410d9
Binary files /dev/null and b/ownLib.zip differ
diff --git a/src/Pages/BookingScreen/Components/BSCombo/BSC1Payment.jsx b/src/Pages/BookingScreen/Components/BSCombo/BSC1Payment.jsx
index b5584e9..a39f4ef 100644
--- a/src/Pages/BookingScreen/Components/BSCombo/BSC1Payment.jsx
+++ b/src/Pages/BookingScreen/Components/BSCombo/BSC1Payment.jsx
@@ -154,7 +154,7 @@ import {
   getDefaultPaymentOptions,
   GlobalAddCustomerDetails,
   triggerCustomerRefresh,
-  VerifiedPaymentDtl
+  VerifiedPaymentDtl,
 } from '../../../../Features/BookingScreen/Customer/addCustomer';
 import PozoHoldIcon from '../UtillComponents/Pozo retail icons/PozoHoldIcon';
 import PozoDineInIcon from '../UtillComponents/Pozo retail icons/PozoDineIn.jsx';
@@ -748,7 +748,7 @@ const BSC1Payment = (props) => {
     if (!preOrder) {
       const totalSum = OrderCardDetail?.reduce(
         // (acc, card) => acc + parseFloat(card.OrderRate * card.OrderQty || 0),
-         (acc, card) => acc + parseFloat(card.TotalAmt || 0),
+        (acc, card) => acc + parseFloat(card.TotalAmt || 0),
         0
       );
 
@@ -840,7 +840,7 @@ const BSC1Payment = (props) => {
           ? (Number(withdiscTotal) + Number(globalTipAmount)).toFixed(2)
           : (Number(Total) + Number(globalTipAmount)).toFixed(2)
       );
-console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
+      console.log(currentOrderNetAmount, totalSum, 'currentOrderNetAmount');
       setTotalAmount(
         salesBillEdit
           ? currentOrderNetAmount > previousNetAmount
@@ -875,37 +875,38 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
     OtherServiceTicketClaim,
     Discount,
   ]);
-   useEffect(() => {
-  
+  useEffect(() => {
     const fetchPrinterMapping = async () => {
       try {
-        if (UserType !== 'Super Admin'  && isMobile && MobileA4Print) {
+        if (UserType !== 'Super Admin' && isMobile && MobileA4Print) {
           const data = {
             CompId: CompId,
             BranchId: BranchId,
             AppId: AppId,
             UserId: UserId,
           };
-  // && isMobile && MobileA4Print
-          const response = await dispatch(getPrinterMappingDetails(data)).unwrap();
+          // && isMobile && MobileA4Print
+          const response = await dispatch(
+            getPrinterMappingDetails(data)
+          ).unwrap();
           if (response?.data?.statusCode === 0) {
-                handlePrintMappingClick()  
-            }
-          console.log(response, "printer mapping response");
+            handlePrintMappingClick();
+          }
+          console.log(response, 'printer mapping response');
         }
       } catch (error) {
-        console.error("Error fetching printer mapping:", error);
+        console.error('Error fetching printer mapping:', error);
       }
     };
-  
+
     fetchPrinterMapping();
     handleOtherData();
   }, []);
-   const handlePrintMappingClick = () => {
-      // setReprint1(true)
-      window.dispatchEvent(new Event('CLICK PRINTER MAPPING'));
-    };
- 
+  const handlePrintMappingClick = () => {
+    // setReprint1(true)
+    window.dispatchEvent(new Event('CLICK PRINTER MAPPING'));
+  };
+
   useEffect(() => {
     if (!preferenceshortcutkey) return;
 
@@ -2241,7 +2242,7 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
       PackageDtl: a.PackageDtl,
       ...(a?.DiscountValue && { DiscountValue: a.DiscountValue }),
       ...(a?.DiscountType && { DiscountType: a.DiscountType }),
-      ...(a?.DiscountAmt && { DiscountAmt: a.DiscountAmt })
+      ...(a?.DiscountAmt && { DiscountAmt: a.DiscountAmt }),
     }));
     const NotSlectedTypeFind = temporderdetail?.find(
       (a) => a?.BookingType != SelectedBookingType
@@ -3961,8 +3962,6 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
                         : handlePaymentMode(payment.ModeId, payment.ModeName)
                     }
                   >
-                    {/* {UpiOption === "" && payment?.ModeName?.toLowerCase() === "upi" && <p> UPI</p>} */}
-
                     <div
                       style={{
                         display: 'flex',
@@ -4426,40 +4425,42 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
               </>
             )}
             {/* Customer Orders */}
-            {(SelCustId && BSComboData?.BookingBilling?.[1]?.filter((item) => item.OptionName === 'PreviousBillFetch')
-                .length === 1) && (
-              <Tooltip title="Customer Orders" isMobile={isMobile}>
-                {' '}
-                <div
-                  className="BSBillingNav-icon-table-icon"
-                  onClick={() => {
-                    if (
-                      CheckBookingStatus !== 'Close' &&
-                      !addnewAccess &&
-                      !(OrderCardDetail?.length > 0)
-                    ) {
-                      setCustomerPreviesOrders(true);
-                    }
-                  }}
-                  style={{
-                    cursor: OrderCardDetail?.length > 0 && 'not-allowed',
-                    color:
-                      OrderCardDetail?.length > 0 ||
-                      (OrderCardDetail?.length > 0 &&
-                        GetCustId?.CustMobile === undefined)
-                        ? 'gray'
-                        : 'rgb(18, 146, 238)',
-                    fontSize: '25px',
-                    display: 'flex',
-                    alignItems: 'center',
-                    height: '2.46rem',
-                    width: '1.5rem',
-                  }}
-                >
-                  <FaCartPlus />
-                </div>
-              </Tooltip>
-            )}
+            {SelCustId &&
+              BSComboData?.BookingBilling?.[1]?.filter(
+                (item) => item.OptionName === 'PreviousBillFetch'
+              ).length === 1 && (
+                <Tooltip title="Customer Orders" isMobile={isMobile}>
+                  {' '}
+                  <div
+                    className="BSBillingNav-icon-table-icon"
+                    onClick={() => {
+                      if (
+                        CheckBookingStatus !== 'Close' &&
+                        !addnewAccess &&
+                        !(OrderCardDetail?.length > 0)
+                      ) {
+                        setCustomerPreviesOrders(true);
+                      }
+                    }}
+                    style={{
+                      cursor: OrderCardDetail?.length > 0 && 'not-allowed',
+                      color:
+                        OrderCardDetail?.length > 0 ||
+                        (OrderCardDetail?.length > 0 &&
+                          GetCustId?.CustMobile === undefined)
+                          ? 'gray'
+                          : 'rgb(18, 146, 238)',
+                      fontSize: '25px',
+                      display: 'flex',
+                      alignItems: 'center',
+                      height: '2.46rem',
+                      width: '1.5rem',
+                    }}
+                  >
+                    <FaCartPlus />
+                  </div>
+                </Tooltip>
+              )}
             {preOrderOpen && <BSNavBarPreOrder />}
             {sportsAppPreference && <BSMembership />}
             {dinePreference &&
diff --git a/src/Pages/BookingScreen/Components/BSItemCards/BSItemCard.jsx b/src/Pages/BookingScreen/Components/BSItemCards/BSItemCard.jsx
index 857f940..3d32c3c 100644
--- a/src/Pages/BookingScreen/Components/BSItemCards/BSItemCard.jsx
+++ b/src/Pages/BookingScreen/Components/BSItemCards/BSItemCard.jsx
@@ -162,6 +162,8 @@ export function SortableCard({ id, children, item }) {
 
 const BSItemCard = (props) => {
   const cardFunction = props?.cardFunctionality;
+  const { connectingState = null, setConnectingState = () => {} } = props;
+  console.log(connectingState?.positionChange, 'positionChange');
   // const applyOffer = useApplyOfferto_CardDetail();
   const preferenceDatas = useSelector(PreferenceData, shallowEqual);
   const { selectedDate } = useDateStore();
@@ -6106,7 +6108,8 @@ const BSItemCard = (props) => {
             }}
             style={{
               position: 'absolute',
-              zIndex: '12',
+              // zIndex: '12',
+              zIndex: connectingState?.positionChange ? '0' : '20',
               top:
                 templateData?.BookingNavbar?.[0] === 'Navbar3' &&
                 templateData?.BookingLayout?.[0] === 'Layout3'
diff --git a/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar1.jsx b/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar1.jsx
index a77c3ba..eaed9a7 100644
--- a/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar1.jsx
+++ b/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar1.jsx
@@ -1,4 +1,4 @@
-import  { useCallback, useEffect, useRef, useState, lazy } from 'react';
+import { useCallback, useEffect, useRef, useState, lazy } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
 import { Badge, Popconfirm, Popover, Tooltip } from 'antd';
@@ -147,7 +147,6 @@ import PozoAddCustomerIcon from '../UtillComponents/Pozo retail icons/PozoAddCus
 import CustomerDisplayicon from '../UtillComponents/Pozo retail icons/PozoCustomerDisplayicon.jsx';
 import PozoPaymentFailesIcon from '../UtillComponents/Pozo retail icons/PozoFailedPaymentsIcon.jsx';
 import PozoMenuIcon from '../UtillComponents/Pozo retail icons/PozoMenuIcon.jsx';
-
 import TooltipWrapper from '../../../../Components/Tooltip/Tooltip';
 import { IoMdClose } from 'react-icons/io';
 import { TbSettingsSearch } from 'react-icons/tb';
@@ -157,21 +156,20 @@ import { isMobile } from 'react-device-detect';
 import { DefaultModal } from '../../../../Components/Modal/DefaultModal.jsx';
 import '../../../../Styles/BookingScreen/Components/BSNavbar/BSNavbar1.scss';
 import { RiFullscreenExitFill, RiFullscreenFill } from 'react-icons/ri';
-import { useNavbarCommon } from './BSNavBarCommon.js';
+import { LuSearch } from 'react-icons/lu';
 
 const subDirectory = import.meta.env.ENV_BASE_URL;
 const commonUrl = import.meta.env.ENV_COMMON_BASE_URL;
 
-const BSNavbar1 = (props) => {
-
-  console.log(props?.BookingNavbar,"propspropspropspropspropspropspropsprops")
+const BSNavbar1 = (props, BookingNavbar) => {
+  const { connectingState = null, setConnectingState = () => {} } = props;
+  console.log(props?.BookingNavbar, 'propsopsprops');
   const dispatch = useDispatch();
   const navigate = useNavigate();
   const [Navmenu, setNavmenu] = useState(false);
   const [isAccOpen, setAccIsOpen] = useState(false);
   const [formattedDate, setFormattedDate] = useState('');
 
-  // const [FeatureAddonData, setFeatureAddonData] = useState([]);
   const [paymentfeataddon, setpaymentfeataddon] = useState(false);
   const [addcustomer, setAddCustomer] = useState(false);
   const [hold, setHold] = useState(false);
@@ -260,6 +258,27 @@ const BSNavbar1 = (props) => {
     GlobalComboRedirectionToDefaultLayoutForParking
   );
 
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const handleFullscreen = useCallback(async () => {
+    if (!isFullscreen) {
+      try {
+        await document.documentElement.requestFullscreen();
+        setIsFullscreen(true);
+      } catch (error) {
+        console.error('Fullscreen error:', error);
+      }
+    } else {
+      try {
+        if (document.fullscreenElement) {
+          await document.exitFullscreen();
+        }
+        setIsFullscreen(false);
+      } catch (error) {
+        console.error('Exit fullscreen error:', error);
+      }
+    }
+  }, [isFullscreen]);
+
   const divRef = useRef(null);
   const handleClickOutside = (event) => {
     if (divRef.current && !divRef.current.contains(event.target)) {
@@ -267,13 +286,6 @@ const BSNavbar1 = (props) => {
     }
   };
 
-  const {
-    handleFullscreen, 
-    isFullscreen,
-  } = useNavbarCommon();
-
-
-  
   useEffect(() => {
     if (!FeatureAddonData?.FeatureDtls?.length) return;
 
@@ -289,9 +301,6 @@ const BSNavbar1 = (props) => {
   useEffect(() => {
     handleOtherData();
 
-    // if (UserType === "Employee") {
-    //   fetchApi()
-    // }
     document.addEventListener('click', handleClickOutside, true);
     return () => {
       document.removeEventListener('click', handleClickOutside, true);
@@ -386,20 +395,12 @@ const BSNavbar1 = (props) => {
   };
 
   const getFeatureAddonData = async () => {
-    // let featureAddon = await dispatch(
-    //   FeatureAddon({ AppId: AppId, UserId: UserId })
-    // ).unwrap();
-    // if (featureAddon?.data?.statusCode === 1) {
-    //   setFeatureAddonData(featureAddon?.data?.data?.[0]?.FeatAddonHdr?.[0]);
     const hasPaymentFeatures = FeatureAddonData?.FeatureDtls.some(
       (item) =>
         item.FeatureAddonName === 'Payment Gateway' ||
         item.FeatureAddonName === 'Payment Device'
     );
     setpaymentfeataddon(hasPaymentFeatures);
-    // } else {
-    //   setFeatureAddonData([]);
-    // }
   };
 
   const handleOtherData = async (e) => {
@@ -418,6 +419,10 @@ const BSNavbar1 = (props) => {
 
   const NavmenuOpenClose = () => {
     setNavmenu(!Navmenu);
+    setConnectingState((prev) => ({
+      ...prev,
+      positionChange: !prev?.positionChange,
+    }));
   };
   const UserAcc = useCallback(() => {
     setAccIsOpen((prev) => !prev);
@@ -482,7 +487,6 @@ const BSNavbar1 = (props) => {
 
       customerDisplayWindow.onload = () => {
         setTimeout(() => {
-          // Ensure it moves & resizes correctly
           customerDisplayWindow.moveTo(
             targetScreen.left || 0,
             targetScreen.top || 0
@@ -492,14 +496,12 @@ const BSNavbar1 = (props) => {
             targetScreen.height
           );
 
-          // Try fullscreen (Needs user interaction)
           try {
             customerDisplayWindow.document.documentElement.requestFullscreen();
           } catch (err) {
             console.warn('Fullscreen request failed:', err);
           }
 
-          // Send initial data
           customerDisplayWindow.postMessage(initialData, '*');
         }, 500);
       };
@@ -508,19 +510,6 @@ const BSNavbar1 = (props) => {
     }
   };
 
-  // const Combodata = async () => {
-  //   let data = {
-  //     AppId: AppId,
-  //     CompId: CompId,
-  //     BranchId: BranchId,
-  //   };
-
-  //   let Response = await dispatch(Comboget(data)).unwrap();
-  //   if (Response?.data?.statusCode == 1) {
-  //     setComboDropDown(Response?.data?.data);
-  //   }
-  // };
-
   const openPreOrder = async (e) => {
     if (e == 'small-screen') {
       setPreOrderOpen(true);
@@ -529,8 +518,6 @@ const BSNavbar1 = (props) => {
       } else {
         setpreOrderhiseandShow(false);
       }
-
-      // setpreOrderhiseandShow(!preOrderhiseandShow)
     } else {
       setPreOrderOpen((prevState) => !prevState);
       if (preOrderOpen) {
@@ -616,14 +603,13 @@ const BSNavbar1 = (props) => {
 
   return (
     <div
-      className="BSBillingNavBar1"
-      style={{
-        backgroundColor: background,
-        color:
-          background == 'white' && '#fff' && '#ffff' && 'rgb(1, 1, 1)'
-            ? 'white'
-            : 'black',
-      }}
+      className={
+        props?.BookingNavbar === 'Navbar1'
+          ? 'BSBillingNavBar1'
+          : props?.BookingNavbar === 'Navbar2'
+            ? 'BSBillingNavBar2'
+            : 'BSBillingNavBar3'
+      }
     >
       <Popconfirm
         title="Are you sure you want to go home?"
@@ -637,17 +623,11 @@ const BSNavbar1 = (props) => {
             placement="right"
             isMobile={isMobile}
           >
-            <PozoHomeIcon
-              style={{
-                color: '#1292EE',
-                fontSize: '28px',
-                cursor: 'pointer',
-              }}
-              className="BSBillingNav2-toggle-icon"
-            />
+            <PozoHomeIcon className={'BSNavbarHomeIcon'} />
           </TooltipWrapper>
         </div>
       </Popconfirm>
+
       {(addcustomer || hold) && (
         <FeaturesFunctionalities
           handleAddCustomerCancel={handleAddCustomerCancel}
@@ -656,34 +636,39 @@ const BSNavbar1 = (props) => {
           modalOpen={hold}
         />
       )}
-      <div className="BSBillingNav1div2">
-        <div style={{ display: 'flex', alignItems: 'center', gap: '4px' }}>
-          <div className="salesStoreName">
-            <BranchName />
-          </div>
-
-          {OtherServiceStatus && (
-            <div style={{ fontSize: '1.5rem', color: 'rgb(18, 146, 238)' }}>
-              <TooltipWrapper title="Other Services" isMobile={isMobile}>
-                <div
-                  onClick={handleotherservices}
-                  className="BSBillingNavBar1-AllIcons"
-                  style={{
-                    width: '1.49rem',
-                    margin: '0',
-                    pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
-                    cursor: 'pointer',
-                  }}
-                >
-                  <FaParking
-                    fill={OtherServicesglobal === true ? '#52C41A' : '#1292EE'}
-                  />
-                </div>
-              </TooltipWrapper>
+      {/* Store name */}
+      <div className="salesStoreName">
+        <BranchName />
+      </div>
+      {/* Parking Other Service */}
+      <div className="OtherServiceParking">
+        {OtherServiceStatus && (
+          <TooltipWrapper title="Other Services" isMobile={isMobile}>
+            <div
+              onClick={handleotherservices}
+              style={{
+                width: '1.49rem',
+                margin: '0',
+                pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                cursor: 'pointer',
+                display: 'flex',
+              }}
+            >
+              <FaParking
+                size={24}
+                display={'flex'}
+                className={
+                  OtherServicesglobal === true
+                    ? 'ParkingIconActive'
+                    : 'ParkingIconDea'
+                }
+                // fill={OtherServicesglobal === true ? '#52C41A' : '#1292EE'}
+              />
             </div>
-          )}
-        </div>
-
+          </TooltipWrapper>
+        )}
+      </div>
+      <div className="BSBillingNav1div2">
         <div className="NavbarDivForSearch">
           {/* Multiple search  */}
           <Tooltip title={'Multiple Search'}>
@@ -700,12 +685,13 @@ const BSNavbar1 = (props) => {
                     Comboglobal === false &&
                     !sportsAppPreference && (
                       <div
-                        className="BSBillingNavBar1-Inputsearch-container"
+                        className="BSBillingNavBar1-Inputsearch-container NavbarSearchModified"
                         style={{
                           pointerEvents:
                             OrderType === 'Failed' ? 'none' : 'auto',
                         }}
                       >
+                        <LuSearch className="bothnbavbarIcon" />
                         <BSNavBarSearch nosearch={true} OrderType={OrderType} />
                       </div>
                     )}
@@ -730,9 +716,10 @@ const BSNavbar1 = (props) => {
             )}
           </>
         )}
-        <div className="BSBillingNavBar1-AllIcons">
+        <div className="BsNavbar-IconSections">
           {navbarOptions?.map((item) => (
             <>
+              {/* Reprint */}
               <>
                 {item?.OptionName == 'RePrint' && !OtherServicesglobal && (
                   <TooltipWrapper title="Reprint (Alt+R)" isMobile={isMobile}>
@@ -746,8 +733,18 @@ const BSNavbar1 = (props) => {
                   </TooltipWrapper>
                 )}
               </>
+
               {!OtherServicesglobal && (
                 <>
+                  {item?.OptionName == 'QuickAdd' && (
+                    <div
+                      style={{
+                        pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                      }}
+                    >
+                      <BSNavBarQuickAdd />
+                    </div>
+                  )}
                   {item?.OptionName == 'Hold' &&
                     OrderType != 'Failed' &&
                     OrderType != 'Reorder' &&
@@ -758,15 +755,7 @@ const BSNavbar1 = (props) => {
                         <BSNavBarHand />
                       </div>
                     )}
-                  {item?.OptionName == 'QuickAdd' && (
-                    <div
-                      style={{
-                        pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
-                      }}
-                    >
-                      <BSNavBarQuickAdd />
-                    </div>
-                  )}
+
                   {item?.OptionName == 'DineIn' &&
                     dinePreference &&
                     PreferenceDatas?.[0]?.['SettingDtlDetails']?.find(
@@ -820,10 +809,10 @@ const BSNavbar1 = (props) => {
                     </div>
                   )}
                   {item?.OptionName == 'AddCustomer' && !preOrderOpen && (
-                    <>
+                    <div className="NavbarCus-Add">
                       <BSCustomerSelect TopName={'navbar-top'} />
                       <BSNavBarAddUser />
-                    </>
+                    </div>
                   )}
                 </>
               )}
@@ -957,392 +946,348 @@ const BSNavbar1 = (props) => {
               )}
             </>
           )}
+          {!isMobile && (
+            <div className="PrinterSettingMB">
+              <BSMobilePrintSettings />
+            </div>
+          )}
         </div>
-        {isMobile && (
-          <div
-            style={{
-              color: 'rgb(33, 150, 243)',
-            }}
-          >
-            <BSMobilePrintSettings />
-          </div>
-        )}
+
         {!OtherServicesglobal && (
           <>
             <div className="BSNavbar1-time-user">
-              <div
-                className="BSBillingNavBar1-SearchBar"
-                style={{ color: '#212529', flexDirection: 'column' }}
+              {props?.BookingNavbar !== 'Navbar2' && (
+                <div
+                  className="BSBillingNavBar1-SearchBar"
+                  style={{ color: '#212529', flexDirection: 'column' }}
+                >
+                  <TimerClock />
+                  {formattedDate}
+                </div>
+              )}
+              <Tooltip
+                title={isFullscreen ? 'Exit Full Screen' : 'Full Screen'}
               >
-                <TimerClock />
-                {formattedDate}
-              </div>
+                <div
+                  className={
+                    isFullscreen
+                      ? 'BsNavbar1FullScreenExit'
+                      : 'BsNavbar1FullScreen'
+                  }
+                  onClick={handleFullscreen}
+                >
+                  {isFullscreen ? (
+                    <RiFullscreenExitFill />
+                  ) : (
+                    <RiFullscreenFill />
+                  )}
+                </div>
+              </Tooltip>
+
+              <TooltipWrapper title="User Profile" isMobile={isMobile}>
+                <div className="UserProfile">
+                  <PozoUserIcon onClick={UserAcc} />
+                </div>
+              </TooltipWrapper>
+
+              <BSNavBarUserInfo
+                isOpen={isAccOpen}
+                divRef={divRef}
+                CompBranchData={CompBranchData}
+                BacktoLogin={BacktoLogin}
+                userProfileData={userProfileData}
+                handleEditProfile={handleEditProfile}
+                UserRelieveManager={<UserRelieveManager />}
+                Logout={Logout}
+              />
             </div>
-
-            <Tooltip title={isFullscreen ? 'Exit Full Screen' : 'Full Screen'}>
-              <div
-                className={
-                  isFullscreen
-                    ? 'BsNavbar1FullScreenExit'
-                    : 'BsNavbar1FullScreen'
-                }
-                onClick={handleFullscreen}
-              >
-                {isFullscreen ? <RiFullscreenExitFill /> : <RiFullscreenFill />}
-              </div>
-            </Tooltip>
-
-            <TooltipWrapper title="User Profile" isMobile={isMobile}>
-              <div className="UserProfile">
-                <PozoUserIcon onClick={UserAcc} />
-              </div>
-            </TooltipWrapper>
-
-            {/* {isMobile && ( */}
-            {/* <div>
-              <BSPrinterSetting />
-            </div> */}
-            {/* )} */}
-
-            {/* Use BSNavBarUserInfo for the account menu */}
-            <BSNavBarUserInfo
-              isOpen={isAccOpen}
-              divRef={divRef}
-              CompBranchData={CompBranchData}
-              BacktoLogin={BacktoLogin}
-              userProfileData={userProfileData}
-              handleEditProfile={handleEditProfile}
-              UserRelieveManager={<UserRelieveManager />}
-              Logout={Logout}
-            />
           </>
         )}
+      </div>
+      <div className="BSBillingnav1-threedots" onClick={NavmenuOpenClose}>
+        <PozoMenuIcon size={20} />
+      </div>
 
-        {/* small screen nav bar */}
-        {Navmenu && (
-          <div>
-            <div
-              className="BSBillingnav1-Smallscreen"
-              style={{ backgroundColor: background }}
-            >
-              <div className="BSBillingNavBar1-AllIcons-column">
-                {OtherServiceStatus && (
-                  <div
-                    style={{ fontSize: '1.5rem', color: 'rgb(18, 146, 238)' }}
-                  >
-                    <TooltipWrapper title="Other Services" isMobile={isMobile}>
-                      <div onClick={handleotherservices}>
-                        <FaParking
-                          fill={
-                            OtherServicesglobal === true ? '#52C41A' : '#1292EE'
-                          }
-                        />
+      {/*  */}
+      {/*  */}
+      {/*  */}
+      {/* small screen nav bar */}
+      {/*  */}
+      {/*  */}
+      {/*  */}
+
+      {Navmenu && (
+        <div className="resNavbarMain">
+          <div className="ResBsNavbar-IconSections">
+            <div className="resnavbarClose">
+              <IoMdClose onClick={NavmenuOpenClose} />
+            </div>
+            {navbarOptions?.map((item) => (
+              <>
+                {/* Reprint */}
+                <>
+                  {item?.OptionName == 'RePrint' && !OtherServicesglobal && (
+                    <TooltipWrapper title="Reprint (Alt+R)" isMobile={isMobile}>
+                      <div
+                        style={{
+                          pointerEvents:
+                            OrderType === 'Failed' ? 'none' : 'auto',
+                        }}
+                        className="ReprintIconRes ResNavbarIcons"
+                      >
+                        <BSPrinterSetting />
                       </div>
                     </TooltipWrapper>
-                  </div>
-                )}
-                {!OtherServicesglobal &&
-                  ScanLayoutScreen?.SettingValue === 'Y' && <BSScanTemplate />}
+                  )}
+                </>
 
                 {!OtherServicesglobal && (
                   <>
-                    {OpenFailData && (
-                      <PaymentFailedSales
-                        paymentFailedStatusFun={paymentFailedStatusFun}
-                        OpenFailData={OpenFailData}
-                      />
-                    )}
-                    {/* {ComboDropDown?.length >= 1 && (
-                      <div
-                        style={{ fontSize: '1.5rem', color: 'rgb(18, 146, 238)' }}
-                      >
-                        <TooltipWrapper title="Combo Product" isMobile={isMobile}>
-                          <div
-                            onClick={handleClick}
-                            style={{
-                              width: '1.49rem',
-                              pointerEvents:
-                                OrderType === 'Failed' ? 'none' : 'auto',
-                              cursor: 'pointer',
-                            }}
-                          >
-                            <PozoComboProductIcon
-                              fill={Comboglobal === true ? '#52C41A' : '#1292EE'}
-                            />
-                          </div>
-                        </TooltipWrapper>
-                      </div>
-                    )} */}
-                    {navbarOptions?.map((item) => (
-                      <>
-                        {item?.OptionName == 'RePrint' &&
-                          !OtherServicesglobal && (
-                            <div
-                              style={{
-                                pointerEvents:
-                                  OrderType === 'Failed' ? 'none' : 'auto',
-                              }}
-                            >
-                              <BSPrinterSetting />
-                            </div>
-                          )}
-                        {item?.OptionName == 'Hold' &&
-                          OrderType != 'Failed' &&
-                          OrderType != 'Reorder' &&
-                          CheckBookingStatus != 'Close' &&
-                          isHoldEnable &&
-                          !addnewAccess && (
-                            <div>
-                              <BSNavBarHand className="BSBillingNavBar1-hand" />
-                            </div>
-                          )}
-                        {item?.OptionName == 'QuickAdd' && (
-                          <div
-                            style={{
-                              pointerEvents:
-                                OrderType === 'Failed' ? 'none' : 'auto',
-                            }}
-                          >
-                            <BSNavBarQuickAdd />
-                          </div>
-                        )}
-                        {/* {item?.OptionName == 'Quick Transfer' && (
+                    {/* Quick Add */}
+                    {item?.OptionName == 'QuickAdd' && (
                       <div
                         style={{
                           pointerEvents:
                             OrderType === 'Failed' ? 'none' : 'auto',
                         }}
+                        className="QuicAddIconRes ResNavbarIcons"
                       >
-                        <Tooltip title="Quick Transfer" placement="top">
-                          <Button
-                            type="primary"
-                            shape="circle"
-                            icon={<SwapIcon />}
-                            size="small"
-                            onClick={showModal}
-                          />
-                        </Tooltip>
+                        <BSNavBarQuickAdd />
                       </div>
-                    )} */}
-                        {item?.OptionName == 'DineIn' &&
-                          dinePreference &&
-                          PreferenceDatas?.[0]?.['SettingDtlDetails']?.find(
-                            (item) => item.SettingIdName === 'DineIn'
-                          )?.SettingValue === 'Y' && (
-                            <div
-                              style={{
-                                pointerEvents:
-                                  OrderType === 'Failed' || addnewAccess
-                                    ? 'none'
-                                    : 'auto',
-                              }}
-                            >
-                              <BSNavBarTable />
-                            </div>
-                          )}
-                        {item?.OptionName == 'TakeAway' && (
-                          <div
-                            style={{
-                              pointerEvents:
-                                OrderType === 'Failed' ? 'none' : 'auto',
-                            }}
-                          >
-                            <BSNavBarHandbag />
-                          </div>
-                        )}
+                    )}
+                    {/* Hold */}
+                    {item?.OptionName == 'Hold' &&
+                      OrderType != 'Failed' &&
+                      OrderType != 'Reorder' &&
+                      CheckBookingStatus != 'Close' &&
+                      isHoldEnable &&
+                      !addnewAccess && (
+                        <div className="BSBillingNavBar1-hand ResNavbarIcons">
+                          <BSNavBarHand />
+                        </div>
+                      )}
 
-                        {item?.OptionName === 'Offer' &&
-                          GlobEstBooking !== 'OvrAllEst' &&
-                          GlobEstBooking !== 'ParEst' &&
-                          GlobEstBooking === 'Sales' &&
-                          PreferenceDatas?.[0]?.['SettingDtlDetails']?.find(
-                            (item) => item.SettingIdName === 'Offer'
-                          )?.SettingValue === 'Y' && (
-                            <div
-                              style={{
-                                pointerEvents:
-                                  OrderType === 'Failed' ? 'none' : 'auto',
-                              }}
-                            >
-                              <BSNavBarOffer />
-                            </div>
-                          )}
-                        {item?.OptionName == 'ExtraCharge' && (
-                          // CartOrderDetails?.length > 0 &&
-                          <div
-                            style={{
-                              pointerEvents:
-                                OrderType === 'Failed' ? 'none' : 'auto',
-                            }}
-                          >
-                            <BSNavBarAddons />
-                          </div>
-                        )}
-                        {item?.OptionName == 'AddCustomer' && (
-                          <Popover
-                            content={
-                              <div
-                                style={{
-                                  display: 'flex',
-                                  alignItems: 'center',
-                                  columnGap: '0.5rem',
-                                }}
-                              >
-                                <BSCustomerSelect TopName={'navbar-top'} />
-                                <BSNavBarAddUser />
-                              </div>
-                            }
-                            trigger="click"
-                            placement="left"
-                            open={open}
-                            onOpenChange={handleOpenChange}
-                          >
-                            <PozoAddCustomerIcon className="BSBillingNav-icon" />
-                          </Popover>
-                        )}
-                      </>
-                    ))}
-                    {FeatureAddonData?.FeatureDtls?.find(
-                      (item) =>
-                        item?.FeatureAddonName?.toLowerCase() === 'Weight Scale'
-                    ) && (
+                    {item?.OptionName == 'DineIn' &&
+                      dinePreference &&
+                      PreferenceDatas?.[0]?.['SettingDtlDetails']?.find(
+                        (item) => item.SettingIdName === 'DineIn'
+                      )?.SettingValue === 'Y' && (
+                        <div
+                          className="ResNavbarIcons"
+                          style={{
+                            pointerEvents:
+                              OrderType === 'Failed' || addnewAccess
+                                ? 'none'
+                                : 'auto',
+                          }}
+                        >
+                          <BSNavBarTable />
+                        </div>
+                      )}
+                    {item?.OptionName == 'TakeAway' && takeAwayPreference && (
                       <div
+                        className="ResNavbarIcons"
                         style={{
                           pointerEvents:
                             OrderType === 'Failed' ? 'none' : 'auto',
                         }}
                       >
-                        <BSNavBarWeightScale />
+                        <BSNavBarHandbag />
                       </div>
                     )}
-                    {FeatureAddonData?.FeatureDtls?.find(
-                      (item) =>
-                        item?.FeatureAddonName?.toLowerCase() === 'preorder'
-                    ) && (
-                      <div
-                        style={{
-                          pointerEvents:
-                            tableData || OrderType === 'Failed'
-                              ? 'none'
-                              : 'auto',
-                          opacity: tableData ? 0.5 : 1,
-                        }}
-                      >
-                        <TooltipWrapper
-                          title={'Pre Booking'}
-                          isMobile={isMobile}
-                        >
-                          <Badge
-                            count={preOrderPendingCount}
-                            offset={[-5, 10]}
-                            size="small"
-                          >
-                            <PozoPreOrderIcon
-                              className="BSBillingNav-icon"
-                              fill={preOrderOpen ? '#52C41A' : '#1292EE'}
-                              onClick={() => {
-                                openPreOrder('small-screen');
-                              }}
-                            />
-                          </Badge>
-                        </TooltipWrapper>
-                      </div>
-                    )}
-                    {preOrderOpen && (
-                      <BSNavBarPreOrder
-                        preOrderhiseandShow={handlepreOrderhiseandShow}
-                        preOrderhideshow={preOrderhiseandShow}
-                        HandleClose={preOrderHandleclose}
-                      />
-                    )}
-                    {sportsAppPreference && <BSMembership />}
-                    {Estimation?.SettingValue == 'Y' &&
-                      !OrderOfferStatus &&
-                      BookingType !== 'Dine In' &&
-                      !BookingTypeBoth && (
+
+                    {item?.OptionName === 'Offer' &&
+                      GlobEstBooking !== 'OvrAllEst' &&
+                      GlobEstBooking !== 'ParEst' &&
+                      GlobEstBooking === 'Sales' &&
+                      PreferenceDatas?.[0]?.['SettingDtlDetails']?.find(
+                        (item) => item.SettingIdName === 'Offer'
+                      )?.SettingValue === 'Y' && (
                         <div
                           style={{
                             pointerEvents:
                               OrderType === 'Failed' ? 'none' : 'auto',
                           }}
+                          className="ResNavbarIcons"
                         >
-                          <BSNavBarEstimate />
+                          <BSNavBarOffer />
                         </div>
                       )}
-                    {SalesMode?.SettingValue === 'Y' &&
-                      !OtherServicesglobal && <BSNavBarWholeSale />}
-
-                    {!sportsAppPreference && (
+                    {item?.OptionName == 'ExtraCharge' && (
                       <div
+                        className="ResNavbarIcons"
                         style={{
                           pointerEvents:
                             OrderType === 'Failed' ? 'none' : 'auto',
                         }}
                       >
-                        <BSNavBarFavItems type="small-screen" />
+                        <BSNavBarAddons />
                       </div>
                     )}
+                    {/* Customer Add Select */}
+                    {item?.OptionName == 'AddCustomer' && !preOrderOpen && (
+                      <div className="NavbarCus-Add">
+                        <BSCustomerSelect TopName={'navbar-top'} />
+                        <BSNavBarAddUser />
+                      </div>
+                    )}
+                  </>
+                )}
+              </>
+            ))}
 
+            {!OtherServicesglobal && (
+              <>
+                {/* Weight Scale */}
+                {FeatureAddonData?.FeatureDtls?.find(
+                  (item) =>
+                    item?.FeatureAddonName?.toLowerCase() === 'weight scale'
+                ) && (
+                  <div
+                    className="ResNavbarIcons"
+                    style={{
+                      pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                    }}
+                  >
+                    <BSNavBarWeightScale />
+                  </div>
+                )}
+                {/* PreOrder */}
+                {FeatureAddonData?.FeatureDtls?.find(
+                  (item) => item?.FeatureAddonName?.toLowerCase() === 'preorder'
+                ) && (
+                  <div
+                    className="ResNavbarIcons"
+                    style={{
+                      pointerEvents:
+                        tableData || OrderType === 'Failed' ? 'none' : 'auto',
+                      opacity: tableData ? 0.5 : 1,
+                    }}
+                  >
+                    <TooltipWrapper title={'Pre Booking'} isMobile={isMobile}>
+                      <Badge
+                        count={preOrderPendingCount}
+                        offset={[-5, 10]}
+                        size="small"
+                      >
+                        <PozoPreOrderIcon
+                          className="BSBillingNav-icon"
+                          fill={preOrderOpen ? '#52C41A' : '#1292EE'}
+                          onClick={() => {
+                            openPreOrder();
+                          }}
+                          HandleClose={preOrderHandleclose}
+                        />
+                      </Badge>
+                    </TooltipWrapper>
+                  </div>
+                )}
+                {preOrderOpen && (
+                  <BSNavBarPreOrder HandleClose={preOrderHandleclose} />
+                )}
+                {sportsAppPreference && <BSMembership />}
+                {Estimation?.SettingValue === 'Y' &&
+                  BookingType !== 'Dine In' &&
+                  !BookingTypeBoth &&
+                  !OrderOfferStatus && (
                     <div
                       style={{
                         pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
                       }}
                     >
-                      <BSNavBarDragItems type="small-screen" />
+                      <BSNavBarEstimate />
                     </div>
-                    {FeatureAddonData?.FeatureDtls?.find(
-                      (item) =>
-                        item?.FeatureAddonName?.toLowerCase() ===
-                        'customer display'
-                    ) && (
-                      <TooltipWrapper
-                        title="Customer Display"
-                        isMobile={isMobile}
-                      >
-                        {/* <div onClick={openNewTab} style={{ display: "flex", alignItems: "center", cursor: "pointer" }}>
-                      <FaDisplay />
-                    </div> */}
-                        <div
-                          onClick={openNewTab}
-                          style={{ width: '1.3rem', cursor: 'pointer' }}
-                        >
-                          <CustomerDisplayicon />
-                        </div>
-                      </TooltipWrapper>
-                    )}
-
-                    {VerifyTheProducts && <VerfiedProducts />}
-
-                    {paymentfeataddon && (
-                      <TooltipWrapper
-                        title="Failed Payment"
-                        isMobile={isMobile}
-                      >
-                        {/* PozoPaymentFailesIcon */}
-                        <div
-                          onClick={() => {
-                            paymentFailedStatusFun();
-                          }}
-                          style={{ width: '1.4rem', cursor: 'pointer' }}
-                        >
-                          <PozoPaymentFailesIcon />
-                        </div>
-                      </TooltipWrapper>
-                    )}
-                  </>
+                  )}
+                {/* mohan */}
+                {SalesMode?.SettingValue === 'Y' && !OtherServicesglobal && (
+                  <div className="ResNavbarIcons">
+                    <BSNavBarWholeSale />
+                  </div>
                 )}
+                {!OtherServicesglobal &&
+                  ScanLayoutScreen?.SettingValue === 'Y' && <BSScanTemplate />}
+                {/* favourites */}
+                {!sportsAppPreference && (
+                  <div
+                    className="ResNavbarIcons"
+                    style={{
+                      pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                    }}
+                  >
+                    <BSNavBarFavItems />
+                  </div>
+                )}
+                {/* DragItem */}
+                <div
+                  className="favIcon ResNavbarIcons"
+                  style={{
+                    pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                  }}
+                >
+                  <BSNavBarDragItems />
+                </div>
+                {/* Customer Display */}
+                {FeatureAddonData?.FeatureDtls?.find(
+                  (item) =>
+                    item?.FeatureAddonName?.toLowerCase() === 'customer display'
+                ) && (
+                  <TooltipWrapper title="Customer Display" isMobile={isMobile}>
+                    <div
+                      onClick={openNewTab}
+                      className="BSBillingNavBar1-AllIcons ResNavbarIcons"
+                      style={{
+                        width: '1.3rem',
+                        margin: '10px',
+                        cursor: 'pointer',
+                      }}
+                    >
+                      <CustomerDisplayicon />
+                    </div>
+                  </TooltipWrapper>
+                )}
+                {/* Pay,ent Failed */}
+                {paymentfeataddon && (
+                  <TooltipWrapper title="Failed Payment" isMobile={isMobile}>
+                    <div
+                      onClick={() => {
+                        paymentFailedStatusFun();
+                      }}
+                      className="BSBillingNavBar1-AllIcons ResNavbarIcons"
+                      style={{ width: '1.4rem', cursor: 'pointer' }}
+                    >
+                      <PozoPaymentFailesIcon />
+                    </div>
+                  </TooltipWrapper>
+                )}
+                {/* VerifyTheProducts */}
+                {VerifyTheProducts && (
+                  <TooltipWrapper
+                    title={'Verfied Products'}
+                    isMobile={isMobile}
+                  >
+                    <div className="ResNavbarIcons">
+                      <VerfiedProducts />
+                    </div>
+                  </TooltipWrapper>
+                )}
+              </>
+            )}
+            {!isMobile && (
+              <div className="PrinterSettingMB">
+                <BSMobilePrintSettings />
               </div>
-            </div>
+            )}
           </div>
-        )}
-      </div>
-      <div className="BSBillingnav1-threedots" onClick={NavmenuOpenClose}>
-        {Navmenu ? (
-          <IoMdClose size={24} color="#ff0000" />
-        ) : (
-          <PozoMenuIcon size={20} />
-        )}
-      </div>
+        </div>
+      )}
+
+      {/*  */}
+      {/*  */}
+      {/*  */}
+      {/* small screen nav bar End*/}
+      {/*  */}
+      {/*  */}
+      {/*  */}
 
       <DefaultModal
         open={multiple}
diff --git a/src/Pages/BookingScreen/Components/BookingFunctionality/FeaturesFunctionalities.jsx b/src/Pages/BookingScreen/Components/BookingFunctionality/FeaturesFunctionalities.jsx
index ff8c63f..726089b 100644
--- a/src/Pages/BookingScreen/Components/BookingFunctionality/FeaturesFunctionalities.jsx
+++ b/src/Pages/BookingScreen/Components/BookingFunctionality/FeaturesFunctionalities.jsx
@@ -587,7 +587,7 @@ const FeaturesFunctionalities = (props) => {
   ];
   useEffect(() => {
     setWeightScale(props.WeightScale);
-  }, [props.WeightScale]); 
+  }, [props.WeightScale]);
   const ExtTabledata = async () => {
     const data = {
       CompId: CompId,
@@ -1652,6 +1652,10 @@ const FeaturesFunctionalities = (props) => {
       }
       formRef.current?.setFieldsValue(response?.data?.data?.[0]);
 
+      if (response?.data?.data?.[0]?.Gender) {
+        setGender(response?.data?.data?.[0]?.Gender);
+      }
+
       if (response?.data?.data?.[0]?.InitialOutStanding) {
         setInitialOutStandingType(
           response?.data?.data?.[0]?.InitialOutStanding
@@ -2978,7 +2982,7 @@ const FeaturesFunctionalities = (props) => {
                           },
                           {
                             validator: async (_, value) => {
-                              await validateSafeInput(value); // To block HTML tags & SQL keywords
+                              await validateSafeInput(value);
                               return Promise.resolve();
                             },
                           },
@@ -3021,6 +3025,7 @@ const FeaturesFunctionalities = (props) => {
                           }
                         />
                       </Form.Item>
+
                       <Form.Item name={'Gender'}>
                         <RadioGrpButton
                           Header={'Gender'}
@@ -3028,7 +3033,6 @@ const FeaturesFunctionalities = (props) => {
                             { label: 'Male', value: 'M' },
                             { label: 'Female', value: 'F' },
                           ]}
-                          // value={formRef.current?.getFieldsValue()?.Gender}
                           defaultSelect={gender}
                           onSelectFuntion={(e) => {
                             setGender(e);
@@ -3036,6 +3040,7 @@ const FeaturesFunctionalities = (props) => {
                           }}
                         />
                       </Form.Item>
+
                       <Form.Item name={'AadhaarNo'}>
                         <InputField
                           label={'Aadhaar No'}
@@ -3075,22 +3080,7 @@ const FeaturesFunctionalities = (props) => {
                       </div>
                     </div>
                   </div>
-                  {/* <p
-                    onClick={handleToggle}
-                    style={{
-                      fontSize: '13px',
-                      cursor: 'pointer',
-                      padding: '1rem 0.3rem',
-                      display: 'flex',
-                      // alignItems: "center",
-                      flexDirection: 'row',
-                      columnGap: '0.3rem',
-                    }}
-                  >
-                    {' '}
-                    {isOpen ? 'More info close' : 'More info open'}{' '}
-                    <AiOutlineDownCircle />
-                  </p> */}
+
                   <p
                     style={{
                       fontSize: '13px',
@@ -3516,7 +3506,9 @@ const FeaturesFunctionalities = (props) => {
                                   borderRadius: '6px',
                                   cursor: 'pointer',
                                   marginTop: '8px',
-                                  fontWeight: '500',
+                                  fontWeight: '400',
+                                  fontFamily: 'Poppins',
+                                  fontSize: '12px',
                                 }}
                               >
                                 {editingIndex !== null
@@ -3984,10 +3976,6 @@ const FeaturesFunctionalities = (props) => {
                             option?.BookingTypeName +
                             ' ' +
                             option?.SinglePc,
-                          // label: option.Type === 'P'  ? option.ProdVariantName !== 'Variant 1'
-                          // ? `${option?.ProdName} (${option.Size} ${option.UomName}) (${option.ProdVariantName}${BookingTypeBoth ? ` (${option?.BookingTypeName})` : ''})`
-                          //   : `${option?.ProdName} (${option.Size} ${option.UomName}) ${BookingTypeBoth ? ` (${option?.BookingTypeName})` : ''}`
-                          //   : `${option?.ProdName} (1 Combo)`
                           label:
                             option.Type === 'P'
                               ? option.ProdVariantName !== 'Variant 1'
diff --git a/src/Pages/BookingScreen/Components/UtillComponents/BSNavBarSearch.jsx b/src/Pages/BookingScreen/Components/UtillComponents/BSNavBarSearch.jsx
index 1e56375..ded503f 100644
--- a/src/Pages/BookingScreen/Components/UtillComponents/BSNavBarSearch.jsx
+++ b/src/Pages/BookingScreen/Components/UtillComponents/BSNavBarSearch.jsx
@@ -392,7 +392,7 @@ const BSNavBarSearch = (props) => {
   }, []);
 
   return (
-    <div>
+    <div className="BSNavBarSearchMaster">
       <Messages
         messageData={messageData}
         messageType={messageType}
@@ -416,16 +416,16 @@ const BSNavBarSearch = (props) => {
             value={searchDataFocus}
             ref={searchInputRef}
             className="custom-input"
-            placeholder="Search (SHIFT + S)"
+            placeholder={
+              isMobile && screenWidth <= 768
+                ? 'SHIFT + S'
+                : 'Search (SHIFT + S)'
+            }
             onChange={(e) => searchdata(e?.target?.value)}
             onBlur={handleBlur}
             disabled={props.OrderType === 'Failed' ? true : false}
           />
           {isMobile && screenWidth <= 768 ? (
-            // <BiBarcodeReader
-            //   className="search-icon"
-            //   onClick={() => handleQrcode()}
-            // />
             <BarCodeScan
               onScan={(value) => {
                 searchdata(value);
diff --git a/src/Pages/BookingScreen/Components/UtillComponents/BSNavBarWholeSale.jsx b/src/Pages/BookingScreen/Components/UtillComponents/BSNavBarWholeSale.jsx
index 5f0e0b8..8ecab15 100644
--- a/src/Pages/BookingScreen/Components/UtillComponents/BSNavBarWholeSale.jsx
+++ b/src/Pages/BookingScreen/Components/UtillComponents/BSNavBarWholeSale.jsx
@@ -1,72 +1,83 @@
 import { useDispatch, useSelector } from 'react-redux';
-import { GlobalRetailWSSalesType, changeRetailWSSalesType } from '../../../../Features/BookingScreen/BookingData/BookingData';
-import { MdAddShoppingCart } from "react-icons/md";
-import { FaBoxes } from "react-icons/fa";
+import {
+  GlobalRetailWSSalesType,
+  changeRetailWSSalesType,
+} from '../../../../Features/BookingScreen/BookingData/BookingData';
+import { MdAddShoppingCart } from 'react-icons/md';
+import { FaBoxes } from 'react-icons/fa';
 import { useEffect } from 'react';
 
- 
+const BSNavBarWholeSale = ({
+  drawerOpen = false,
+  setDrawerOpen = () => {},
+}) => {
+  const dispatch = useDispatch();
+  const SaleType = useSelector(GlobalRetailWSSalesType);
+  const isWholesale = SaleType === 'W';
 
-const BSNavBarWholeSale = ({ drawerOpen = false, setDrawerOpen = () => { } }) => {
-    const dispatch = useDispatch();
-    const SaleType = useSelector(GlobalRetailWSSalesType);
-    const isWholesale = SaleType === 'W';
+  const toggleSaleType = () => {
+    dispatch(changeRetailWSSalesType(isWholesale ? 'R' : 'W'));
+  };
 
-    const toggleSaleType = () => {
-        dispatch(changeRetailWSSalesType(isWholesale ? 'R' : 'W'));
-    };
+  const btnStyle = {
+    width: '30px',
+    height: '30px',
+    borderRadius: '6px',
+    backgroundColor: isWholesale ? '#45ca00' : '#1292ee',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative',
+    border: 'none',
+    outline: 'none',
+    cursor: 'pointer',
+    padding: '10px',
+    color: '#fff',
+  };
 
-    const btnStyle = {
-        width: '33px',
-        height: '33px',
-        borderRadius: '8px',
-        backgroundColor: isWholesale ? '#22c55e' : '#3b82f6',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        position: 'relative',
-        border: 'none',
-        outline: 'none',
-        cursor: 'pointer',
-        padding:"10px",
-    };
+  const iconStyle = {
+    fontSize: '17px',
+    color: 'white',
+    display: 'flex',
+  };
 
-    const iconStyle = {
-        fontSize: '16px',
-        color: 'white',
-        display : 'flex',
-    };
+  const badgeStyle = {
+    position: 'absolute',
+    top: '-2px',
+    right: '-10px',
+    backgroundColor: isWholesale ? '#3bb100' : '#0078ce',
+    color: 'white',
+    fontSize: '11px',
+    fontWeight: '500',
+    borderRadius: '9999px',
+    width: '20px',
+    height: '20px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontFamily: 'Poppins',
+    color: '#fff',
+  };
 
-    const badgeStyle = {
-        position: 'absolute',
-        top: '-2px',
-        right: '-10px',
-        backgroundColor: isWholesale ? '#15803d' : '#1e40af',
-        color: 'white',
-        fontSize: '12px',
-        fontWeight: 'bold',
-        borderRadius: '9999px',
-        width: '20px',
-        height: '20px',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-    };
+  useEffect(() => {
+    if (drawerOpen?.wholesale) {
+      toggleSaleType();
+      setDrawerOpen((prev) => ({ ...prev, wholesale: false }));
+    }
+  }, [drawerOpen?.wholesale]);
 
-    useEffect(() => {
-        if (drawerOpen?.wholesale) {
-            toggleSaleType();
-            setDrawerOpen(prev => ({ ...prev, wholesale: false }));
-        }
-    }, [drawerOpen?.wholesale])
-
-    return (
-        <button className='WholesaleretialChangeIcon' onClick={toggleSaleType} style={btnStyle}>
-            <span style={iconStyle}>
-                {isWholesale ? <FaBoxes/> : <MdAddShoppingCart />}
-            </span>
-            <span style={badgeStyle}>{SaleType}</span>
-        </button>
-    );
+  return (
+    <button
+      className="WholesaleretialChangeIcon"
+      onClick={toggleSaleType}
+      style={btnStyle}
+    >
+      <span style={iconStyle}>
+        {isWholesale ? <FaBoxes /> : <MdAddShoppingCart />}
+      </span>
+      <span style={badgeStyle}>{SaleType}</span>
+    </button>
+  );
 };
 
 export default BSNavBarWholeSale;
diff --git a/src/Pages/BookingScreen/Template/BSLayout1/BSLayout1.jsx b/src/Pages/BookingScreen/Template/BSLayout1/BSLayout1.jsx
index f1b7c74..ef79dd1 100644
--- a/src/Pages/BookingScreen/Template/BSLayout1/BSLayout1.jsx
+++ b/src/Pages/BookingScreen/Template/BSLayout1/BSLayout1.jsx
@@ -101,10 +101,10 @@ const ComboSalesBillTable = lazy(
   () =>
     import('../../Components/BSBillingTables/ComboSalesBillTable/ComboSalesBillTable.jsx')
 );
-const SalesCountComponent = lazy(() => import('../SalesCountComponent.jsx')); 
+const SalesCountComponent = lazy(() => import('../SalesCountComponent.jsx'));
 // const PlanExpireNotification = lazy(() => import('../PlanExpireNotification.jsx'));
 import PlanExpireNotification from '../PlanExpireNotification.jsx';
- 
+
 const BSLayout1 = () => {
   const dispatch = useDispatch();
 
@@ -147,6 +147,7 @@ const BSLayout1 = () => {
   const BookingBilling = BSLayout1Data?.BookingBilling?.[0];
   const [messageType, setMessageType] = useState(null);
   const [messageData, setMessageData] = useState(null);
+  const [connectingState, setConnectingState] = useState({});
   // const [AppExpDate, setAppExpDate] = useState(0);
   const [screenHeight, setScreenHeight] = useState(window.innerHeight);
   const [Kioskopen, setKioskopen] = useState(false);
@@ -317,9 +318,9 @@ const BSLayout1 = () => {
   };
   const handleInvoiceClose = () => {
     setListOfInvoices(false);
-  }; 
-  return ( 
-      <Suspense fallback={<CardSkeleton />}>
+  };
+  return (
+    <Suspense fallback={<CardSkeleton />}>
       <>
         <Messages
           messageType={messageType}
@@ -338,8 +339,11 @@ const BSLayout1 = () => {
           style={{ height: containerHeight, overflow: 'hidden' }}
         >
           <div className="BSLayout1-NavBar">
-             <BSNavbar1 BookingNavbar={BookingNavbar}/>
-     
+            <BSNavbar1
+              BookingNavbar={BookingNavbar}
+              connectingState={connectingState}
+              setConnectingState={setConnectingState}
+            />
           </div>
           <div
             className={
@@ -349,176 +353,167 @@ const BSLayout1 = () => {
               backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor,
             }}
           >
-            {BookingNavbar != 'Navbar3' ? (
+            <div
+              className="Layout-bill-container"
+              style={{ marginTop: '12px' }}
+            >
               <div
-                className="Layout-bill-container"
-                style={{ marginTop: '12px' }}
+                className="Layout-bill-Subcontainer"
+                style={{ width: OtherServicesglobal ? '10%' : '100%' }}
               >
-                <div
-                  className="Layout-bill-Subcontainer"
-                  style={{ width: OtherServicesglobal ? '10%' : '100%' }}
-                >
-                  {UserType !== 'Employee' && (
-                    <div className="pricing-name-details">
-                      {PricingAppPricingName?.[0]?.PricingName +
-                        ' / ' +
-                        PricingAppPricingName?.[0]?.Type}
-                    </div>
-                  )}
-                  {AvailableDate && (
+                {UserType !== 'Employee' && (
+                  <div className="pricing-name-details">
+                    {PricingAppPricingName?.[0]?.PricingName +
+                      ' / ' +
+                      PricingAppPricingName?.[0]?.Type}
+                  </div>
+                )}
+                {AvailableDate && (
+                  <div
+                    style={{
+                      padding: '3px 5px',
+                      marginLeft: '1rem',
+                    }}
+                  >
+                    <DatePicker
+                      disabledDate={disablePastDates}
+                      // defaultValue={moment()} // today’s date
+                      format="DD-MMM-YYYY"
+                      value={selectedDate ? dayjs(selectedDate) : null}
+                      onChange={(date) => setSelectedDate(date)}
+                    />
+                  </div>
+                )}
+                {!OtherServicesglobal && (
+                  <SalesCountComponent
+                    DineInAccess={DineInAccess}
+                    GlobalsalesDetailData={GlobalsalesDetailData}
+                    BookingNavbar={BookingNavbar}
+                  />
+                )}
+                {SessionData?.FeatureAddonData?.FeatureDtls?.find(
+                  (item) =>
+                    item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
+                ) &&
+                  !sportsAppPreference && (
                     <div
                       style={{
-                        padding: '3px 5px',
-                        marginLeft: '1rem',
+                        pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
+                        opacity: OrderStatus > 0 ? 0.5 : 1,
                       }}
                     >
-                      <DatePicker
-                        disabledDate={disablePastDates}
-                        // defaultValue={moment()} // today’s date
-                        format="DD-MMM-YYYY"
-                        value={selectedDate ? dayjs(selectedDate) : null}
-                        onChange={(date) => setSelectedDate(date)}
+                      {!OtherServicesglobal && (
+                        <Tooltip title={'Kiosk Sales'}>
+                          <Badge
+                            count={badgeCount}
+                            offset={[-10, 3]}
+                            size="small"
+                          >
+                            <PozoKioskIcon
+                              onClick={() => openModalKiosk()}
+                              style={{
+                                cursor: 'pointer',
+                                fontSize: '1.5rem',
+                              }}
+                              className="iconsize"
+                            />
+                          </Badge>
+                        </Tooltip>
+                      )}
+                    </div>
+                  )}
+                {!OtherServicesglobal && (
+                  <TooltipWrapper
+                    title={'Low Stock Alerts'}
+                    isMobile={isMobile}
+                  >
+                    {' '}
+                    <BSExpireProductsList />
+                  </TooltipWrapper>
+                )}
+                {Kioskopen && (
+                  <BSKioskCounterPayment
+                    Kioskopen={Kioskopen}
+                    closeKioskModal={closeModalKiosk}
+                  />
+                )}
+                {SAdminuserPin?.length > 0 &&
+                  UserType != 'Super Admin User' && (
+                    <div>
+                      <SAdminUserNotification
+                        SAdminuserPin={SAdminuserPin}
+                        popOverOpen={popOverOpen}
+                        handleSupportUser={handleSupportUser}
+                        handlePopOverOpen={handlePopOverOpen}
                       />
                     </div>
                   )}
-                  {!OtherServicesglobal && (
-                    <SalesCountComponent
-                      DineInAccess={DineInAccess}
-                      GlobalsalesDetailData={GlobalsalesDetailData}
-                    />
-                  )}
-                  {SessionData?.FeatureAddonData?.FeatureDtls?.find(
-                    (item) =>
-                      item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
-                  ) &&
-                    !sportsAppPreference && (
-                      <div
-                        style={{
-                          pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
-                          opacity: OrderStatus > 0 ? 0.5 : 1,
-                        }}
-                      >
-                        {!OtherServicesglobal && (
-                          <Tooltip title={'Kiosk Sales'}>
-                            <Badge
-                              count={badgeCount}
-                              offset={[-10, 3]}
-                              size="small"
-                            >
-                              <PozoKioskIcon
-                                onClick={() => openModalKiosk()}
-                                style={{
-                                  cursor: 'pointer',
-                                  fontSize: '1.5rem',
-                                }}
-                                className="iconsize"
-                              />
-                            </Badge>
-                          </Tooltip>
-                        )}
-                      </div>
-                    )}
-                  {!OtherServicesglobal && (
-                    <TooltipWrapper
-                      title={'Low Stock Alerts'}
-                      isMobile={isMobile}
-                    >
-                      {' '}
-                      <BSExpireProductsList />
-                    </TooltipWrapper>
-                  )}
-                  {Kioskopen && (
-                    <BSKioskCounterPayment
-                      Kioskopen={Kioskopen}
-                      closeKioskModal={closeModalKiosk}
-                    />
-                  )}
-                  {SAdminuserPin?.length > 0 &&
-                    UserType != 'Super Admin User' && (
-                      <div>
-                        <SAdminUserNotification
-                          SAdminuserPin={SAdminuserPin}
-                          popOverOpen={popOverOpen}
-                          handleSupportUser={handleSupportUser}
-                          handlePopOverOpen={handlePopOverOpen}
-                        />
-                      </div>
-                    )}
-                  {!OtherServicesglobal && (
-                    <>
-                      <div>
-                        {CheckBookingStatus == 'Open' ? (
-                          <div style={{ marginLeft: '10px' }}>
-                            <TooltipWrapper
-                              title={'Booking Close'}
-                              isMobile={isMobile}
-                            >
-                              {' '}
-                              <BookingCloseIcon
-                                onClick={OpenBookingModal}
-                                bgFill={'#52c41a'}
-                                style={{
-                                  fontSize: '16px',
-                                  marginTop: '4px',
-                                  color: '#52c41a',
-                                  cursor: 'pointer',
-                                }}
-                              />
-                            </TooltipWrapper>
-                          </div>
-                        ) : (
-                          <div style={{ marginLeft: '10px' }}>
-                            <TooltipWrapper
+                {!OtherServicesglobal && (
+                  <>
+                    <div>
+                      {CheckBookingStatus == 'Open' ? (
+                        <div style={{ marginLeft: '10px' }}>
+                          <TooltipWrapper
+                            title={'Booking Close'}
+                            isMobile={isMobile}
+                          >
+                            {' '}
+                            <BookingCloseIcon
+                              onClick={OpenBookingModal}
+                              bgFill={'#52c41a'}
+                              style={{
+                                fontSize: '16px',
+                                marginTop: '4px',
+                                color: '#52c41a',
+                                cursor: 'pointer',
+                              }}
+                            />
+                          </TooltipWrapper>
+                        </div>
+                      ) : (
+                        <div style={{ marginLeft: '10px' }}>
+                          <TooltipWrapper
+                            title="Booking Open"
+                            isMobile={isMobile}
+                          >
+                            <Popconfirm
+                              placement="leftTop"
                               title="Booking Open"
-                              isMobile={isMobile}
+                              description="Are you sure you want to Open the sales?"
+                              okText="Yes"
+                              cancelText="No"
+                              onConfirm={() => BookingOpenFun('Open')}
                             >
-                              <Popconfirm
-                                placement="leftTop"
-                                title="Booking Open"
-                                description="Are you sure you want to Open the sales?"
-                                okText="Yes"
-                                cancelText="No"
-                                onConfirm={() => BookingOpenFun('Open')}
-                              >
-                                <span>
-                                  <BookingCloseIcon
-                                    bgFill="red"
-                                    style={{
-                                      fontSize: '16px',
-                                      marginTop: '4px',
-                                      color: '#52c41a',
-                                      cursor: 'pointer',
-                                    }}
-                                  />
-                                </span>
-                              </Popconfirm>
-                            </TooltipWrapper>
-                          </div>
-                        )}
-                      </div>
-                      <div style={{ marginLeft: '10px' }}>
-                        <TooltipWrapper
-                          title={'E-way Bill'}
-                          isMobile={isMobile}
-                        >
-                          {''}
-                          <BSEwayBillicon
-                            style={{ cursor: 'pointer', marginTop: '5px' }}
-                            onClick={OpenListOfInvoices}
-                          />
-                        </TooltipWrapper>
-                      </div>
-                    </>
-                  )}
-                </div>
+                              <span>
+                                <BookingCloseIcon
+                                  bgFill="red"
+                                  style={{
+                                    fontSize: '16px',
+                                    marginTop: '4px',
+                                    color: '#52c41a',
+                                    cursor: 'pointer',
+                                  }}
+                                />
+                              </span>
+                            </Popconfirm>
+                          </TooltipWrapper>
+                        </div>
+                      )}
+                    </div>
+                    <div style={{ marginLeft: '10px' }}>
+                      <TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
+                        {''}
+                        <BSEwayBillicon
+                          style={{ cursor: 'pointer', marginTop: '5px' }}
+                          onClick={OpenListOfInvoices}
+                        />
+                      </TooltipWrapper>
+                    </div>
+                  </>
+                )}
               </div>
-            ) : (
-              <SalesCountForStandard
-                PricingAppPricingName={PricingAppPricingName}
-                DineInAccess={DineInAccess}
-                GlobalsalesDetailData={GlobalsalesDetailData}
-              />
-            )}
+            </div>
+
             <div className="BSLayout1-ContentDiv">
               <div className="BSCategory1-Contentcont">
                 <div
@@ -587,6 +582,8 @@ const BSLayout1 = () => {
                         />
                       ) : (
                         <BSItemCard
+                          connectingState={connectingState}
+                          setConnectingState={setConnectingState}
                           screenHeight={screenHeight}
                           cardFunctionality={dynamicComponentProps(
                             'Card',
@@ -670,7 +667,7 @@ const BSLayout1 = () => {
           />
         )}
       </>
-     </Suspense> 
+    </Suspense>
   );
 };
 
diff --git a/src/Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx b/src/Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx
index 906cba5..ca545c3 100644
--- a/src/Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx
+++ b/src/Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx
@@ -168,6 +168,7 @@ const BSLayout2 = () => {
   const [messageType, setMessageType] = useState(null);
   const [messageData, setMessageData] = useState(null);
   const [popOverOpen, setPopOverOpen] = useState(false);
+  const [connectingState, setConnectingState] = useState({});
   const BookingStatus = useSelector(GlobalBookingStatus);
   const CheckBookingStatus =
     BookingStatus?.find((item) => item.ScreenType === 'Booking')
@@ -348,7 +349,11 @@ const BSLayout2 = () => {
             style={{ height: containerHeight, overflow: 'hidden' }}
           >
             <div className="BSLayout2-NavBar">
-              <BSNavbar1 BookingNavbar={BookingNavbar}/>
+              <BSNavbar1
+                BookingNavbar={BookingNavbar}
+                connectingState={connectingState}
+                setConnectingState={setConnectingState}
+              />
             </div>
 
             <div
@@ -357,169 +362,160 @@ const BSLayout2 = () => {
                 BookingNavbar != 'Navbar3' ? 'BSLayout2Standard' : 'BSLayout2'
               }
             >
-              {BookingNavbar != 'Navbar3' ? (
+              <div
+                className="Layout-bill-container"
+                style={{ marginTop: '9px' }}
+              >
                 <div
-                  className="Layout-bill-container"
-                  style={{ marginTop: '9px' }}
+                  className="Layout-bill-Subcontainer"
+                  style={{ width: OtherServicesglobal ? '10%' : '100%' }}
                 >
-                  <div
-                    className="Layout-bill-Subcontainer"
-                    style={{ width: OtherServicesglobal ? '10%' : '100%' }}
-                  >
-                    {UserType !== 'Employee' && (
-                      <div className="pricing-name-details">
-                        {PricingAppPricingName?.[0]?.PricingName +
-                          ' / ' +
-                          PricingAppPricingName?.[0]?.Type}
+                  {UserType !== 'Employee' && (
+                    <div className="pricing-name-details">
+                      {PricingAppPricingName?.[0]?.PricingName +
+                        ' / ' +
+                        PricingAppPricingName?.[0]?.Type}
+                    </div>
+                  )}
+                  {!OtherServicesglobal && (
+                    <Suspense fallback={null}>
+                      <SalesCountComponent
+                        DineInAccess={DineInAccess}
+                        GlobalsalesDetailData={GlobalsalesDetailData}
+                        BookingNavbar={BookingNavbar}
+                      />
+                    </Suspense>
+                  )}
+                  {SessionData?.FeatureAddonData?.FeatureDtls?.find(
+                    (item) =>
+                      item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
+                  ) &&
+                    !sportsAppPreference && (
+                      <div
+                        style={{
+                          pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
+                          opacity: OrderStatus > 0 ? 0.5 : 1,
+                        }}
+                      >
+                        {!OtherServicesglobal && (
+                          <Tooltip title={'Kiosk Sales'}>
+                            <Badge
+                              count={badgeCount}
+                              offset={[-10, 3]}
+                              size="small"
+                            >
+                              <PozoKioskIcon
+                                onClick={() => openModalKiosk()}
+                                style={{
+                                  cursor: 'pointer',
+                                  fontSize: '1.5rem',
+                                }}
+                                className="iconsize"
+                              />
+                            </Badge>
+                          </Tooltip>
+                        )}
                       </div>
                     )}
-                    {!OtherServicesglobal && (
+                  {!OtherServicesglobal && (
+                    <TooltipWrapper
+                      title={'Low Stock Alerts'}
+                      isMobile={isMobile}
+                    >
+                      {' '}
                       <Suspense fallback={null}>
-                        <SalesCountComponent
-                          DineInAccess={DineInAccess}
-                          GlobalsalesDetailData={GlobalsalesDetailData}
-                        />
+                        <BSExpireProductsList />
                       </Suspense>
-                    )}
-                    {SessionData?.FeatureAddonData?.FeatureDtls?.find(
-                      (item) =>
-                        item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
-                    ) &&
-                      !sportsAppPreference && (
-                        <div
-                          style={{
-                            pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
-                            opacity: OrderStatus > 0 ? 0.5 : 1,
-                          }}
-                        >
-                          {!OtherServicesglobal && (
-                            <Tooltip title={'Kiosk Sales'}>
-                              <Badge
-                                count={badgeCount}
-                                offset={[-10, 3]}
-                                size="small"
-                              >
-                                <PozoKioskIcon
-                                  onClick={() => openModalKiosk()}
-                                  style={{
-                                    cursor: 'pointer',
-                                    fontSize: '1.5rem',
-                                  }}
-                                  className="iconsize"
-                                />
-                              </Badge>
-                            </Tooltip>
-                          )}
-                        </div>
-                      )}
-                    {!OtherServicesglobal && (
-                      <TooltipWrapper
-                        title={'Low Stock Alerts'}
-                        isMobile={isMobile}
-                      >
-                        {' '}
-                        <Suspense fallback={null}>
-                          <BSExpireProductsList />
-                        </Suspense>
-                      </TooltipWrapper>
-                    )}
-                    {Kioskopen && (
-                      <Suspense fallback={null}>
-                        <BSKioskCounterPayment
-                          Kioskopen={Kioskopen}
-                          closeKioskModal={closeModalKiosk}
-                        />
-                      </Suspense>
-                    )}
+                    </TooltipWrapper>
+                  )}
+                  {Kioskopen && (
+                    <Suspense fallback={null}>
+                      <BSKioskCounterPayment
+                        Kioskopen={Kioskopen}
+                        closeKioskModal={closeModalKiosk}
+                      />
+                    </Suspense>
+                  )}
 
-                    {SAdminuserPin?.length > 0 &&
-                      UserType != 'Super Admin User' && (
-                        <Suspense fallback={null}>
-                          <div>
-                            <SAdminUserNotification
-                              SAdminuserPin={SAdminuserPin}
-                              popOverOpen={popOverOpen}
-                              handleSupportUser={handleSupportUser}
-                              handlePopOverOpen={handlePopOverOpen}
-                            />
-                          </div>
-                        </Suspense>
-                      )}
-                    {!OtherServicesglobal && (
-                      <>
-                        {CheckBookingStatus == 'Open' ? (
-                          <div style={{ marginLeft: '10px' }}>
-                            <TooltipWrapper
-                              title={'Booking Close'}
-                              isMobile={isMobile}
-                            >
-                              {' '}
-                              <BookingCloseIcon
-                                onClick={OpenBookingModal}
-                                bgFill={'#52c41a'}
-                                style={{
-                                  fontSize: '16px',
-                                  marginTop: '4px',
-                                  color: '#52c41a',
-                                  cursor: 'pointer',
-                                }}
-                              />
-                            </TooltipWrapper>
-                          </div>
-                        ) : (
-                          <div style={{ marginLeft: '10px' }}>
-                            <TooltipWrapper
-                              title="Booking Open"
-                              isMobile={isMobile}
-                            >
-                              <Popconfirm
-                                placement="leftTop"
-                                title="Booking Open"
-                                description="Are you sure you want to Open the sales?"
-                                okText="Yes"
-                                cancelText="No"
-                                onConfirm={() => BookingOpenFun('Open')}
-                              >
-                                <span>
-                                  <BookingCloseIcon
-                                    bgFill="red"
-                                    style={{
-                                      fontSize: '16px',
-                                      marginTop: '4px',
-                                      color: '#52c41a',
-                                      cursor: 'pointer',
-                                    }}
-                                  />
-                                </span>
-                              </Popconfirm>
-                            </TooltipWrapper>
-                          </div>
-                        )}
+                  {SAdminuserPin?.length > 0 &&
+                    UserType != 'Super Admin User' && (
+                      <Suspense fallback={null}>
+                        <div>
+                          <SAdminUserNotification
+                            SAdminuserPin={SAdminuserPin}
+                            popOverOpen={popOverOpen}
+                            handleSupportUser={handleSupportUser}
+                            handlePopOverOpen={handlePopOverOpen}
+                          />
+                        </div>
+                      </Suspense>
+                    )}
+                  {!OtherServicesglobal && (
+                    <>
+                      {CheckBookingStatus == 'Open' ? (
                         <div style={{ marginLeft: '10px' }}>
                           <TooltipWrapper
-                            title={'E-way Bill'}
+                            title={'Booking Close'}
                             isMobile={isMobile}
                           >
-                            {''}
-                            <BSEwayBillicon
-                              style={{ cursor: 'pointer', marginTop: '5px' }}
-                              onClick={OpenListOfInvoices}
+                            {' '}
+                            <BookingCloseIcon
+                              onClick={OpenBookingModal}
+                              bgFill={'#52c41a'}
+                              style={{
+                                fontSize: '16px',
+                                marginTop: '4px',
+                                color: '#52c41a',
+                                cursor: 'pointer',
+                              }}
                             />
                           </TooltipWrapper>
                         </div>
-                      </>
-                    )}
-                  </div>
+                      ) : (
+                        <div style={{ marginLeft: '10px' }}>
+                          <TooltipWrapper
+                            title="Booking Open"
+                            isMobile={isMobile}
+                          >
+                            <Popconfirm
+                              placement="leftTop"
+                              title="Booking Open"
+                              description="Are you sure you want to Open the sales?"
+                              okText="Yes"
+                              cancelText="No"
+                              onConfirm={() => BookingOpenFun('Open')}
+                            >
+                              <span>
+                                <BookingCloseIcon
+                                  bgFill="red"
+                                  style={{
+                                    fontSize: '16px',
+                                    marginTop: '4px',
+                                    color: '#52c41a',
+                                    cursor: 'pointer',
+                                  }}
+                                />
+                              </span>
+                            </Popconfirm>
+                          </TooltipWrapper>
+                        </div>
+                      )}
+                      <div style={{ marginLeft: '10px' }}>
+                        <TooltipWrapper
+                          title={'E-way Bill'}
+                          isMobile={isMobile}
+                        >
+                          {''}
+                          <BSEwayBillicon
+                            style={{ cursor: 'pointer', marginTop: '5px' }}
+                            onClick={OpenListOfInvoices}
+                          />
+                        </TooltipWrapper>
+                      </div>
+                    </>
+                  )}
                 </div>
-              ) : (
-                <Suspense fallback={null}>
-                  <SalesCountForStandard
-                    PricingAppPricingName={PricingAppPricingName}
-                    DineInAccess={DineInAccess}
-                    GlobalsalesDetailData={GlobalsalesDetailData}
-                  />
-                </Suspense>
-              )}
+              </div>
 
               <div
                 className="BsLayout2-ContentDiv"
@@ -582,6 +578,8 @@ const BSLayout2 = () => {
                         />
                       ) : (
                         <BSItemCard
+                          connectingState={connectingState}
+                          setConnectingState={setConnectingState}
                           cardFunctionality={dynamicComponentProps(
                             'Card',
                             BSLayout2Data?.BookingCard?.[1],
diff --git a/src/Pages/BookingScreen/Template/BSLayout3/BSLayout3.jsx b/src/Pages/BookingScreen/Template/BSLayout3/BSLayout3.jsx
index 1fba57c..fd84de0 100644
--- a/src/Pages/BookingScreen/Template/BSLayout3/BSLayout3.jsx
+++ b/src/Pages/BookingScreen/Template/BSLayout3/BSLayout3.jsx
@@ -112,8 +112,6 @@ const BSNavbar2 = lazy(() => import('../../Components/BSNavbar/BSNavbar2'));
 import '../../../../Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss';
 import CardSkeleton from '../../../../Components/Skeleton/CardSkeleton.jsx';
 
-
-
 const BSLayout3 = () => {
   const dispatch = useDispatch();
   const { action, selectedProducts } = useSelector(
@@ -168,6 +166,7 @@ const BSLayout3 = () => {
       (i) => i.SettingIdName === 'DineIn'
     )?.[0];
   }, [SettingDataSelector]);
+  const [connectingState, setConnectingState] = useState({});
   const [ListOfInvoices, setListOfInvoices] = useState(false);
   const AppId = SessionData?.AppId;
   const CompId = SessionData?.CompId;
@@ -321,7 +320,11 @@ const BSLayout3 = () => {
           style={{ height: containerHeight, overflow: 'hidden' }}
         >
           <div className="BSLayout3-NavBar">
-            <BSNavbar1 BookingNavbar={BookingNavbar}/>
+            <BSNavbar1
+              BookingNavbar={BookingNavbar}
+              connectingState={connectingState}
+              setConnectingState={setConnectingState}
+            />
           </div>
           <div
             className={
@@ -331,156 +334,149 @@ const BSLayout3 = () => {
               backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor,
             }}
           >
-            {BookingNavbar != 'Navbar3' ? (
+            <div className="Layout-bill-container" style={{ marginTop: '9px' }}>
               <div
-                className="Layout-bill-container"
-                style={{ marginTop: '9px' }}
+                className="Layout-bill-Subcontainer"
+                style={{ width: OtherServicesglobal ? '10%' : '100%' }}
               >
-                <div
-                  className="Layout-bill-Subcontainer"
-                  style={{ width: OtherServicesglobal ? '10%' : '100%' }}
-                >
-                  {UserType !== 'Employee' && (
-                    <div className="pricing-name-details">
-                      {PricingAppPricingName?.[0]?.PricingName +
-                        ' / ' +
-                        PricingAppPricingName?.[0]?.Type}
-                    </div>
-                  )}
-                  {!OtherServicesglobal && (
-                    <SalesCountComponent
-                      DineInAccess={DineInAccess}
-                      GlobalsalesDetailData={GlobalsalesDetailData}
-                    />
-                  )}
-                  {!OtherServicesglobal &&
-                    SessionData?.FeatureAddonData?.FeatureDtls?.find(
-                      (item) =>
-                        item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
-                    ) &&
-                    !sportsAppPreference && (
-                      <div
-                        style={{
-                          pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
-                          opacity: OrderStatus > 0 ? 0.5 : 1,
-                        }}
-                      >
-                        <Tooltip title={'Kiosk Sales'}>
-                          {''}
-                          <Badge
-                            count={badgeCount}
-                            offset={[-10, 3]}
-                            size="small"
-                          >
-                            <PozoKioskIcon
-                              onClick={() => openModalKiosk()}
-                              style={{ cursor: 'pointer', fontSize: '1.5rem' }}
-                              className="iconsize"
-                            />
-                          </Badge>
-                        </Tooltip>
-                      </div>
-                    )}
-                  {!OtherServicesglobal && (
-                    <TooltipWrapper
-                      title={'Low Stock Alerts'}
-                      isMobile={isMobile}
+                {UserType !== 'Employee' && (
+                  <div className="pricing-name-details">
+                    {PricingAppPricingName?.[0]?.PricingName +
+                      ' / ' +
+                      PricingAppPricingName?.[0]?.Type}
+                  </div>
+                )}
+                {!OtherServicesglobal && (
+                  <SalesCountComponent
+                    DineInAccess={DineInAccess}
+                    GlobalsalesDetailData={GlobalsalesDetailData}
+                    BookingNavbar={BookingNavbar}
+                  />
+                )}
+                {!OtherServicesglobal &&
+                  SessionData?.FeatureAddonData?.FeatureDtls?.find(
+                    (item) =>
+                      item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
+                  ) &&
+                  !sportsAppPreference && (
+                    <div
+                      style={{
+                        pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
+                        opacity: OrderStatus > 0 ? 0.5 : 1,
+                      }}
                     >
-                      {' '}
-                      <BSExpireProductsList />
-                    </TooltipWrapper>
-                  )}
-                  {!OtherServicesglobal && Kioskopen && (
-                    <BSKioskCounterPayment
-                      Kioskopen={Kioskopen}
-                      closeKioskModal={closeModalKiosk}
-                    />
-                  )}
-                  {SAdminuserPin?.length > 0 &&
-                    UserType != 'Super Admin User' && (
-                      <div>
-                        <SAdminUserNotification
-                          SAdminuserPin={SAdminuserPin}
-                          popOverOpen={popOverOpen}
-                          handleSupportUser={handleSupportUser}
-                          handlePopOverOpen={handlePopOverOpen}
-                        />
-                      </div>
-                    )}
-
-                  {!OtherServicesglobal && (
-                    <>
-                      {' '}
-                      {CheckBookingStatus == 'Open' ? (
-                        <div style={{ marginLeft: '10px' }}>
-                          <TooltipWrapper
-                            title={'Booking Close'}
-                            isMobile={isMobile}
-                          >
-                            {' '}
-                            <BookingCloseIcon
-                              onClick={OpenBookingModal}
-                              bgFill={'#52c41a'}
-                              style={{
-                                fontSize: '16px',
-                                marginTop: '4px',
-                                color: '#52c41a',
-                                cursor: 'pointer',
-                              }}
-                            />
-                            {/* <button className="BookingCloseButton"
-                                                    onClick={OpenBookingModal}>Booking Close</button> */}
-                          </TooltipWrapper>
-                        </div>
-                      ) : (
-                        <div style={{ marginLeft: '10px' }}>
-                          <TooltipWrapper
-                            title="Booking Open"
-                            isMobile={isMobile}
-                          >
-                            <Popconfirm
-                              placement="leftTop"
-                              title="Booking Open"
-                              description="Are you sure you want to Open the sales?"
-                              okText="Yes"
-                              cancelText="No"
-                              onConfirm={() => BookingOpenFun('Open')}
-                            >
-                              <span>
-                                <BookingCloseIcon
-                                  bgFill="red"
-                                  style={{
-                                    fontSize: '16px',
-                                    marginTop: '4px',
-                                    color: '#52c41a',
-                                    cursor: 'pointer',
-                                  }}
-                                />
-                              </span>
-                            </Popconfirm>
-                          </TooltipWrapper>
-                        </div>
-                      )}{' '}
-                    </>
-                  )}
-                  {!OtherServicesglobal && (
-                    <div style={{ marginLeft: '10px' }}>
-                      <TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
+                      <Tooltip title={'Kiosk Sales'}>
                         {''}
-                        <BSEwayBillicon
-                          style={{ cursor: 'pointer', marginTop: '5px' }}
-                          onClick={OpenListOfInvoices}
-                        />
-                      </TooltipWrapper>
+                        <Badge
+                          count={badgeCount}
+                          offset={[-10, 3]}
+                          size="small"
+                        >
+                          <PozoKioskIcon
+                            onClick={() => openModalKiosk()}
+                            style={{ cursor: 'pointer', fontSize: '1.5rem' }}
+                            className="iconsize"
+                          />
+                        </Badge>
+                      </Tooltip>
                     </div>
                   )}
-                </div>
+                {!OtherServicesglobal && (
+                  <TooltipWrapper
+                    title={'Low Stock Alerts'}
+                    isMobile={isMobile}
+                  >
+                    {' '}
+                    <BSExpireProductsList />
+                  </TooltipWrapper>
+                )}
+                {!OtherServicesglobal && Kioskopen && (
+                  <BSKioskCounterPayment
+                    Kioskopen={Kioskopen}
+                    closeKioskModal={closeModalKiosk}
+                  />
+                )}
+                {SAdminuserPin?.length > 0 &&
+                  UserType != 'Super Admin User' && (
+                    <div>
+                      <SAdminUserNotification
+                        SAdminuserPin={SAdminuserPin}
+                        popOverOpen={popOverOpen}
+                        handleSupportUser={handleSupportUser}
+                        handlePopOverOpen={handlePopOverOpen}
+                      />
+                    </div>
+                  )}
+
+                {!OtherServicesglobal && (
+                  <>
+                    {' '}
+                    {CheckBookingStatus == 'Open' ? (
+                      <div style={{ marginLeft: '10px' }}>
+                        <TooltipWrapper
+                          title={'Booking Close'}
+                          isMobile={isMobile}
+                        >
+                          {' '}
+                          <BookingCloseIcon
+                            onClick={OpenBookingModal}
+                            bgFill={'#52c41a'}
+                            style={{
+                              fontSize: '16px',
+                              marginTop: '4px',
+                              color: '#52c41a',
+                              cursor: 'pointer',
+                            }}
+                          />
+                          {/* <button className="BookingCloseButton"
+                                                    onClick={OpenBookingModal}>Booking Close</button> */}
+                        </TooltipWrapper>
+                      </div>
+                    ) : (
+                      <div style={{ marginLeft: '10px' }}>
+                        <TooltipWrapper
+                          title="Booking Open"
+                          isMobile={isMobile}
+                        >
+                          <Popconfirm
+                            placement="leftTop"
+                            title="Booking Open"
+                            description="Are you sure you want to Open the sales?"
+                            okText="Yes"
+                            cancelText="No"
+                            onConfirm={() => BookingOpenFun('Open')}
+                          >
+                            <span>
+                              <BookingCloseIcon
+                                bgFill="red"
+                                style={{
+                                  fontSize: '16px',
+                                  marginTop: '4px',
+                                  color: '#52c41a',
+                                  cursor: 'pointer',
+                                }}
+                              />
+                            </span>
+                          </Popconfirm>
+                        </TooltipWrapper>
+                      </div>
+                    )}{' '}
+                  </>
+                )}
+                {!OtherServicesglobal && (
+                  <div style={{ marginLeft: '10px' }}>
+                    <TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
+                      {''}
+                      <BSEwayBillicon
+                        style={{ cursor: 'pointer', marginTop: '5px' }}
+                        onClick={OpenListOfInvoices}
+                      />
+                    </TooltipWrapper>
+                  </div>
+                )}
               </div>
-            ) : (
-              <>
-                <SalesCountForStandard />
-              </>
-            )}
+            </div>
+
             <div
               className="BsLayout3-ContentDiv"
               style={{
@@ -542,6 +538,8 @@ const BSLayout3 = () => {
                 >
                   {!OtherServicesglobal && Comboglobal === false && (
                     <BSItemCard
+                      connectingState={connectingState}
+                      setConnectingState={setConnectingState}
                       cardFunctionality={dynamicComponentProps(
                         'Card',
                         BookingCard?.[1],
@@ -623,7 +621,7 @@ const BSLayout3 = () => {
           />
         )}
       </>
-     </Suspense>
+    </Suspense>
   );
 };
 
diff --git a/src/Pages/BookingScreen/Template/BSLayout4/BSLayout4.jsx b/src/Pages/BookingScreen/Template/BSLayout4/BSLayout4.jsx
index 5a95f65..fb57f96 100644
--- a/src/Pages/BookingScreen/Template/BSLayout4/BSLayout4.jsx
+++ b/src/Pages/BookingScreen/Template/BSLayout4/BSLayout4.jsx
@@ -170,6 +170,7 @@ const BSLayout4 = () => {
   );
   // const [AppExpDate, setAppExpDate] = useState(0);
   const [Kioskopen, setKioskopen] = useState(false);
+  const [connectingState, setConnectingState] = useState({});
   const BookingStatus = useSelector(GlobalBookingStatus);
   const CheckBookingStatus =
     BookingStatus?.find((item) => item.ScreenType === 'Booking')
@@ -337,91 +338,111 @@ const BSLayout4 = () => {
           style={{ height: containerHeight, overflow: 'hidden' }}
         >
           <div className="Bslayout4_navbar">
-           <BSNavbar1 BookingNavbar={BookingNavbar}/>
+            <BSNavbar1
+              connectingState={connectingState}
+              setConnectingState={setConnectingState}
+              BookingNavbar={BookingNavbar}
+            />
           </div>
-          {BookingNavbar != 'Navbar3' ? (
-            <div className="Layout-bill-container" style={{ margin: '0' }}>
-              <div
-                className="Layout-bill-Subcontainer"
-                style={{ width: OtherServicesglobal ? '10%' : '100%' }}
-              >
-                {UserType !== 'Employee' && (
-                  <div className="pricing-name-details">
-                    {PricingAppPricingName?.[0]?.PricingName +
-                      ' / ' +
-                      PricingAppPricingName?.[0]?.Type}
+
+          <div className="Layout-bill-container" style={{ margin: '0' }}>
+            <div
+              className="Layout-bill-Subcontainer"
+              style={{ width: OtherServicesglobal ? '10%' : '100%' }}
+            >
+              {UserType !== 'Employee' && (
+                <div className="pricing-name-details">
+                  {PricingAppPricingName?.[0]?.PricingName +
+                    ' / ' +
+                    PricingAppPricingName?.[0]?.Type}
+                </div>
+              )}
+              {!OtherServicesglobal && (
+                <SalesCountComponent
+                  DineInAccess={DineInAccess}
+                  GlobalsalesDetailData={GlobalsalesDetailData}
+                  BookingNavbar={BookingNavbar}
+                />
+              )}
+              {!OtherServicesglobal &&
+                SessionData?.FeatureAddonData?.FeatureDtls?.find(
+                  (item) =>
+                    item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
+                ) &&
+                !sportsAppPreference && (
+                  <div
+                    style={{
+                      pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
+                      opacity: OrderStatus > 0 ? 0.5 : 1,
+                    }}
+                  >
+                    <Tooltip title={'Kiosk Sales'}>
+                      <Badge count={badgeCount} offset={[-10, 3]} size="small">
+                        <PozoKioskIcon
+                          onClick={() => openModalKiosk()}
+                          style={{ cursor: 'pointer', fontSize: '1.5rem' }}
+                          className="iconsize"
+                        />
+                      </Badge>
+                    </Tooltip>
                   </div>
                 )}
-                {!OtherServicesglobal && (
-                  <SalesCountComponent
-                    DineInAccess={DineInAccess}
-                    GlobalsalesDetailData={GlobalsalesDetailData}
+              {!OtherServicesglobal && (
+                <TooltipWrapper title={'Low Stock Alerts'} isMobile={isMobile}>
+                  {' '}
+                  <BSExpireProductsList />
+                </TooltipWrapper>
+              )}
+              {!OtherServicesglobal && Kioskopen && (
+                <BSKioskCounterPayment
+                  Kioskopen={Kioskopen}
+                  closeKioskModal={closeModalKiosk}
+                />
+              )}
+              {SAdminuserPin?.length > 0 && UserType != 'Super Admin User' && (
+                <div>
+                  <SAdminUserNotification
+                    SAdminuserPin={SAdminuserPin}
+                    popOverOpen={popOverOpen}
+                    handleSupportUser={handleSupportUser}
+                    handlePopOverOpen={handlePopOverOpen}
                   />
-                )}
-                {!OtherServicesglobal &&
-                  SessionData?.FeatureAddonData?.FeatureDtls?.find(
-                    (item) =>
-                      item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
-                  ) &&
-                  !sportsAppPreference && (
-                    <div
-                      style={{
-                        pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
-                        opacity: OrderStatus > 0 ? 0.5 : 1,
-                      }}
-                    >
-                      <Tooltip title={'Kiosk Sales'}>
-                        <Badge
-                          count={badgeCount}
-                          offset={[-10, 3]}
-                          size="small"
-                        >
-                          <PozoKioskIcon
-                            onClick={() => openModalKiosk()}
-                            style={{ cursor: 'pointer', fontSize: '1.5rem' }}
-                            className="iconsize"
-                          />
-                        </Badge>
-                      </Tooltip>
-                    </div>
-                  )}
-                {!OtherServicesglobal && (
-                  <TooltipWrapper
-                    title={'Low Stock Alerts'}
-                    isMobile={isMobile}
-                  >
-                    {' '}
-                    <BSExpireProductsList />
-                  </TooltipWrapper>
-                )}
-                {!OtherServicesglobal && Kioskopen && (
-                  <BSKioskCounterPayment
-                    Kioskopen={Kioskopen}
-                    closeKioskModal={closeModalKiosk}
-                  />
-                )}
-                {SAdminuserPin?.length > 0 &&
-                  UserType != 'Super Admin User' && (
-                    <div>
-                      <SAdminUserNotification
-                        SAdminuserPin={SAdminuserPin}
-                        popOverOpen={popOverOpen}
-                        handleSupportUser={handleSupportUser}
-                        handlePopOverOpen={handlePopOverOpen}
+                </div>
+              )}
+              {CheckBookingStatus == 'Open' ? (
+                !OtherServicesglobal && (
+                  <div style={{ marginLeft: '10px' }}>
+                    <TooltipWrapper title={'Booking Close'} isMobile={isMobile}>
+                      {' '}
+                      <BookingCloseIcon
+                        onClick={OpenBookingModal}
+                        bgFill={'#52c41a'}
+                        style={{
+                          fontSize: '16px',
+                          marginTop: '4px',
+                          color: '#52c41a',
+                          cursor: 'pointer',
+                        }}
                       />
-                    </div>
-                  )}
-                {CheckBookingStatus == 'Open' ? (
-                  !OtherServicesglobal && (
-                    <div style={{ marginLeft: '10px' }}>
-                      <TooltipWrapper
-                        title={'Booking Close'}
-                        isMobile={isMobile}
-                      >
-                        {' '}
+                      {/* <button className="BookingCloseButton"
+                                        >Booking Close</button> */}
+                    </TooltipWrapper>
+                  </div>
+                )
+              ) : (
+                <div style={{ marginLeft: '10px' }}>
+                  <TooltipWrapper title="Booking Open" isMobile={isMobile}>
+                    <Popconfirm
+                      placement="leftTop"
+                      title="Booking Open"
+                      description="Are you sure you want to Open the sales?"
+                      okText="Yes"
+                      cancelText="No"
+                      onConfirm={() => BookingOpenFun('Open')}
+                    >
+                      <span>
                         <BookingCloseIcon
-                          onClick={OpenBookingModal}
-                          bgFill={'#52c41a'}
+                          bgFill="red"
                           style={{
                             fontSize: '16px',
                             marginTop: '4px',
@@ -429,57 +450,25 @@ const BSLayout4 = () => {
                             cursor: 'pointer',
                           }}
                         />
-                        {/* <button className="BookingCloseButton"
-                                        >Booking Close</button> */}
-                      </TooltipWrapper>
-                    </div>
-                  )
-                ) : (
-                  <div style={{ marginLeft: '10px' }}>
-                    <TooltipWrapper title="Booking Open" isMobile={isMobile}>
-                      <Popconfirm
-                        placement="leftTop"
-                        title="Booking Open"
-                        description="Are you sure you want to Open the sales?"
-                        okText="Yes"
-                        cancelText="No"
-                        onConfirm={() => BookingOpenFun('Open')}
-                      >
-                        <span>
-                          <BookingCloseIcon
-                            bgFill="red"
-                            style={{
-                              fontSize: '16px',
-                              marginTop: '4px',
-                              color: '#52c41a',
-                              cursor: 'pointer',
-                            }}
-                          />
-                        </span>
-                      </Popconfirm>
-                    </TooltipWrapper>
-                  </div>
-                )}
-                {!OtherServicesglobal && (
-                  <div style={{ marginLeft: '10px' }}>
-                    <TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
-                      {''}
-                      <BSEwayBillicon
-                        style={{ cursor: 'pointer', marginTop: '5px' }}
-                        onClick={OpenListOfInvoices}
-                      />
-                    </TooltipWrapper>
-                  </div>
-                )}
-              </div>
+                      </span>
+                    </Popconfirm>
+                  </TooltipWrapper>
+                </div>
+              )}
+              {!OtherServicesglobal && (
+                <div style={{ marginLeft: '10px' }}>
+                  <TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
+                    {''}
+                    <BSEwayBillicon
+                      style={{ cursor: 'pointer', marginTop: '5px' }}
+                      onClick={OpenListOfInvoices}
+                    />
+                  </TooltipWrapper>
+                </div>
+              )}
             </div>
-          ) : (
-            <SalesCountForStandard
-              PricingAppPricingName={PricingAppPricingName}
-              DineInAccess={DineInAccess}
-              GlobalsalesDetailData={GlobalsalesDetailData}
-            />
-          )}
+          </div>
+
           <div
             className="Bslayout4_overall"
             style={{
@@ -524,6 +513,8 @@ const BSLayout4 = () => {
               >
                 {!OtherServicesglobal && Comboglobal === false && (
                   <BSItemCard
+                    connectingState={connectingState}
+                    setConnectingState={setConnectingState}
                     cardFunctionality={dynamicComponentProps(
                       'Card',
                       BookingCard?.[1],
@@ -610,7 +601,7 @@ const BSLayout4 = () => {
           />
         )}
       </>
-     </Suspense>
+    </Suspense>
   );
 };
 
diff --git a/src/Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx b/src/Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx
index a2b9484..9f69b93 100644
--- a/src/Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx
+++ b/src/Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx
@@ -136,6 +136,7 @@ const BSLayout5 = () => {
   // const [AppExpDate, setAppExpDate] = useState(0);
   const [screenHeight, setScreenHeight] = useState(window.innerHeight);
   const [Kioskopen, setKioskopen] = useState(false);
+  const [connectingState, setConnectingState] = useState({});
   const PricingAppPricingName = useSelector(GlobalPricingAppPricingName);
   const SAdminuserPin = useSelector(GLobalSadminUserPin);
   const BookingNavbar = BSLayout5Data?.BookingNavbar?.[0];
@@ -325,7 +326,11 @@ const BSLayout5 = () => {
           style={{ height: containerHeight, overflow: 'hidden' }}
         >
           <div className="BSLayout5-NavBar">
-            <BSNavbar1 BookingNavbar={BookingNavbar}/>
+            <BSNavbar1
+              BookingNavbar={BookingNavbar}
+              connectingState={connectingState}
+              setConnectingState={setConnectingState}
+            />
           </div>
 
           <div
@@ -334,155 +339,148 @@ const BSLayout5 = () => {
               backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor,
             }}
           >
-            {BookingNavbar != 'Navbar3' ? (
-              <div className="Layout-bill-container">
-                <div
-                  className="Layout-bill-Subcontainer"
-                  style={{ width: OtherServicesglobal ? '10%' : '100%' }}
-                >
-                  {UserType !== 'Employee' && (
-                    <div className="pricing-name-details">
-                      {PricingAppPricingName?.[0]?.PricingName +
-                        ' / ' +
-                        PricingAppPricingName?.[0]?.Type}
-                    </div>
-                  )}
-                  {!OtherServicesglobal && (
-                    <SalesCountComponent
-                      DineInAccess={DineInAccess}
-                      GlobalsalesDetailData={GlobalsalesDetailData}
-                    />
-                  )}
+            <div className="Layout-bill-container">
+              <div
+                className="Layout-bill-Subcontainer"
+                style={{ width: OtherServicesglobal ? '10%' : '100%' }}
+              >
+                {UserType !== 'Employee' && (
+                  <div className="pricing-name-details">
+                    {PricingAppPricingName?.[0]?.PricingName +
+                      ' / ' +
+                      PricingAppPricingName?.[0]?.Type}
+                  </div>
+                )}
+                {!OtherServicesglobal && (
+                  <SalesCountComponent
+                    DineInAccess={DineInAccess}
+                    GlobalsalesDetailData={GlobalsalesDetailData}
+                    BookingNavbar={BookingNavbar}
+                  />
+                )}
 
-                  {!OtherServicesglobal &&
-                    SessionData?.FeatureAddonData?.FeatureDtls?.find(
-                      (item) =>
-                        item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
-                    ) &&
-                    !sportsAppPreference && (
-                      <div
-                        style={{
-                          pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
-                          opacity: OrderStatus > 0 ? 0.5 : 1,
-                        }}
-                      >
-                        <Tooltip title={'Kiosk Sales'}>
-                          {''}
-                          <Badge
-                            count={badgeCount}
-                            offset={[-10, 3]}
-                            size="small"
-                          >
-                            <PozoKioskIcon
-                              onClick={() => openModalKiosk()}
-                              style={{ cursor: 'pointer', fontSize: '1.5rem' }}
-                              className="iconsize"
-                            />
-                          </Badge>
-                        </Tooltip>
-                      </div>
-                    )}
-                  {!OtherServicesglobal && (
-                    <TooltipWrapper
-                      title={'Low Stock Alerts'}
-                      isMobile={isMobile}
+                {!OtherServicesglobal &&
+                  SessionData?.FeatureAddonData?.FeatureDtls?.find(
+                    (item) =>
+                      item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
+                  ) &&
+                  !sportsAppPreference && (
+                    <div
+                      style={{
+                        pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
+                        opacity: OrderStatus > 0 ? 0.5 : 1,
+                      }}
                     >
-                      {' '}
-                      <BSExpireProductsList />
-                    </TooltipWrapper>
-                  )}
-                  {!OtherServicesglobal && Kioskopen && (
-                    <BSKioskCounterPayment
-                      Kioskopen={Kioskopen}
-                      closeKioskModal={closeModalKiosk}
-                    />
-                  )}
-                  {SAdminuserPin?.length > 0 &&
-                    UserType != 'Super Admin User' && (
-                      <div>
-                        <SAdminUserNotification
-                          SAdminuserPin={SAdminuserPin}
-                          popOverOpen={popOverOpen}
-                          handleSupportUser={handleSupportUser}
-                          handlePopOverOpen={handlePopOverOpen}
-                        />
-                      </div>
-                    )}
-                  {!OtherServicesglobal && (
-                    <>
-                      {' '}
-                      {CheckBookingStatus == 'Open' ? (
-                        <div style={{ marginLeft: '10px' }}>
-                          <TooltipWrapper
-                            title={'Booking Close'}
-                            isMobile={isMobile}
-                          >
-                            {' '}
-                            <BookingCloseIcon
-                              onClick={OpenBookingModal}
-                              bgFill={'#52c41a'}
-                              style={{
-                                fontSize: '16px',
-                                marginTop: '4px',
-                                color: '#52c41a',
-                                cursor: 'pointer',
-                              }}
-                            />
-                            {/* <button className="BookingCloseButton"
-                                                      >Booking Close</button> */}
-                          </TooltipWrapper>
-                        </div>
-                      ) : (
-                        <div style={{ marginLeft: '10px' }}>
-                          <TooltipWrapper
-                            title="Booking Open"
-                            isMobile={isMobile}
-                          >
-                            <Popconfirm
-                              placement="leftTop"
-                              title="Booking Open"
-                              description="Are you sure you want to Open the sales?"
-                              okText="Yes"
-                              cancelText="No"
-                              onConfirm={() => BookingOpenFun('Open')}
-                            >
-                              <span>
-                                <BookingCloseIcon
-                                  bgFill="red"
-                                  style={{
-                                    fontSize: '16px',
-                                    marginTop: '4px',
-                                    color: '#52c41a',
-                                    cursor: 'pointer',
-                                  }}
-                                />
-                              </span>
-                            </Popconfirm>
-                          </TooltipWrapper>
-                        </div>
-                      )}
-                    </>
-                  )}
-                  {!OtherServicesglobal && (
-                    <div style={{ marginLeft: '10px' }}>
-                      <TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
+                      <Tooltip title={'Kiosk Sales'}>
                         {''}
-                        <BSEwayBillicon
-                          style={{ cursor: 'pointer', marginTop: '5px' }}
-                          onClick={OpenListOfInvoices}
-                        />
-                      </TooltipWrapper>
+                        <Badge
+                          count={badgeCount}
+                          offset={[-10, 3]}
+                          size="small"
+                        >
+                          <PozoKioskIcon
+                            onClick={() => openModalKiosk()}
+                            style={{ cursor: 'pointer', fontSize: '1.5rem' }}
+                            className="iconsize"
+                          />
+                        </Badge>
+                      </Tooltip>
                     </div>
                   )}
-                </div>
+                {!OtherServicesglobal && (
+                  <TooltipWrapper
+                    title={'Low Stock Alerts'}
+                    isMobile={isMobile}
+                  >
+                    {' '}
+                    <BSExpireProductsList />
+                  </TooltipWrapper>
+                )}
+                {!OtherServicesglobal && Kioskopen && (
+                  <BSKioskCounterPayment
+                    Kioskopen={Kioskopen}
+                    closeKioskModal={closeModalKiosk}
+                  />
+                )}
+                {SAdminuserPin?.length > 0 &&
+                  UserType != 'Super Admin User' && (
+                    <div>
+                      <SAdminUserNotification
+                        SAdminuserPin={SAdminuserPin}
+                        popOverOpen={popOverOpen}
+                        handleSupportUser={handleSupportUser}
+                        handlePopOverOpen={handlePopOverOpen}
+                      />
+                    </div>
+                  )}
+                {!OtherServicesglobal && (
+                  <>
+                    {' '}
+                    {CheckBookingStatus == 'Open' ? (
+                      <div style={{ marginLeft: '10px' }}>
+                        <TooltipWrapper
+                          title={'Booking Close'}
+                          isMobile={isMobile}
+                        >
+                          {' '}
+                          <BookingCloseIcon
+                            onClick={OpenBookingModal}
+                            bgFill={'#52c41a'}
+                            style={{
+                              fontSize: '16px',
+                              marginTop: '4px',
+                              color: '#52c41a',
+                              cursor: 'pointer',
+                            }}
+                          />
+                          {/* <button className="BookingCloseButton"
+                                                      >Booking Close</button> */}
+                        </TooltipWrapper>
+                      </div>
+                    ) : (
+                      <div style={{ marginLeft: '10px' }}>
+                        <TooltipWrapper
+                          title="Booking Open"
+                          isMobile={isMobile}
+                        >
+                          <Popconfirm
+                            placement="leftTop"
+                            title="Booking Open"
+                            description="Are you sure you want to Open the sales?"
+                            okText="Yes"
+                            cancelText="No"
+                            onConfirm={() => BookingOpenFun('Open')}
+                          >
+                            <span>
+                              <BookingCloseIcon
+                                bgFill="red"
+                                style={{
+                                  fontSize: '16px',
+                                  marginTop: '4px',
+                                  color: '#52c41a',
+                                  cursor: 'pointer',
+                                }}
+                              />
+                            </span>
+                          </Popconfirm>
+                        </TooltipWrapper>
+                      </div>
+                    )}
+                  </>
+                )}
+                {!OtherServicesglobal && (
+                  <div style={{ marginLeft: '10px' }}>
+                    <TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
+                      {''}
+                      <BSEwayBillicon
+                        style={{ cursor: 'pointer', marginTop: '5px' }}
+                        onClick={OpenListOfInvoices}
+                      />
+                    </TooltipWrapper>
+                  </div>
+                )}
               </div>
-            ) : (
-              <SalesCountForStandard
-                PricingAppPricingName={PricingAppPricingName}
-                DineInAccess={DineInAccess}
-                GlobalsalesDetailData={GlobalsalesDetailData}
-              />
-            )}
+            </div>
 
             <div className="BsLayout5-ContentDiv">
               <div className="BSCategory5-tablecont">
@@ -557,6 +555,8 @@ const BSLayout5 = () => {
                 >
                   {!OtherServicesglobal && Comboglobal === false && (
                     <BSItemCard
+                      connectingState={connectingState}
+                      setConnectingState={setConnectingState}
                       cardFunctionality={dynamicComponentProps(
                         'Card',
                         BookingCard?.[1],
@@ -601,7 +601,7 @@ const BSLayout5 = () => {
           />
         )}
       </>
-     </Suspense>
+    </Suspense>
   );
 };
 
diff --git a/src/Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx b/src/Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx
index 289d92c..93e3e1a 100644
--- a/src/Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx
+++ b/src/Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx
@@ -148,6 +148,7 @@ const BSLayout6 = () => {
     BookingStatus?.find((item) => item.ScreenType === 'Booking')
       ?.ScreenStatus ?? 'Open';
   const [BookingModalOpen, setBookingModalOpen] = useState(false);
+  const [connectingState, setConnectingState] = useState({});
   const [Kioskopen, setKioskopen] = useState(false);
   const AppExpDate = useSelector(GlobalAppExpDateData);
   const [screenHeight, setScreenHeight] = useState(window?.innerHeight);
@@ -336,156 +337,155 @@ const BSLayout6 = () => {
         >
           <div className="BSLayout6-fullnav">
             <div className="BSLayout6-Navbar">
-             <BSNavbar1 BookingNavbar={BookingNavbar}/>
-            </div>
-            {BookingNavbar != 'Navbar3' ? (
-              <div className="Layout-bill-container">
-                <div
-                  className="Layout-bill-Subcontainer"
-                  style={{ width: OtherServicesglobal ? '10%' : '100%' }}
-                >
-                  {UserType !== 'Employee' && (
-                    <div className="pricing-name-details">
-                      {PricingAppPricingName?.[0]?.PricingName +
-                        ' / ' +
-                        PricingAppPricingName?.[0]?.Type}
-                    </div>
-                  )}
-                  {!OtherServicesglobal && (
-                    <SalesCountComponent
-                      DineInAccess={DineInAccess}
-                      GlobalsalesDetailData={GlobalsalesDetailData}
-                    />
-                  )}
-                  {!OtherServicesglobal &&
-                    SessionData?.FeatureAddonData?.FeatureDtls?.find(
-                      (item) =>
-                        item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
-                    ) &&
-                    !sportsAppPreference && (
-                      <div
-                        style={{
-                          pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
-                          opacity: OrderStatus > 0 ? 0.5 : 1,
-                        }}
-                      >
-                        <Tooltip title={'Kiosk Sales'}>
-                          {''}
-                          <Badge
-                            count={badgeCount}
-                            offset={[-10, 3]}
-                            size="small"
-                          >
-                            <PozoKioskIcon
-                              onClick={() => openModalKiosk()}
-                              style={{ cursor: 'pointer', fontSize: '1.5rem' }}
-                              className="iconsize"
-                            />
-                          </Badge>
-                        </Tooltip>
-                      </div>
-                    )}
-                  {!OtherServicesglobal && (
-                    <TooltipWrapper
-                      title={'Low Stock Alerts'}
-                      isMobile={isMobile}
-                    >
-                      {' '}
-                      <BSExpireProductsList />
-                    </TooltipWrapper>
-                  )}
-                  {!OtherServicesglobal && Kioskopen && (
-                    <BSKioskCounterPayment
-                      Kioskopen={Kioskopen}
-                      closeKioskModal={closeModalKiosk}
-                    />
-                  )}
-                  {SAdminuserPin?.length > 0 &&
-                    UserType != 'Super Admin User' && (
-                      <div>
-                        <SAdminUserNotification
-                          SAdminuserPin={SAdminuserPin}
-                          popOverOpen={popOverOpen}
-                          handleSupportUser={handleSupportUser}
-                          handlePopOverOpen={handlePopOverOpen}
-                        />
-                      </div>
-                    )}
-                  {!OtherServicesglobal && (
-                    <>
-                      {' '}
-                      {CheckBookingStatus == 'Open' ? (
-                        <div style={{ marginLeft: '10px' }}>
-                          <TooltipWrapper
-                            title={'Booking Close'}
-                            isMobile={isMobile}
-                          >
-                            {' '}
-                            <BookingCloseIcon
-                              onClick={OpenBookingModal}
-                              bgFill={'#52c41a'}
-                              style={{
-                                fontSize: '16px',
-                                marginTop: '4px',
-                                color: '#52c41a',
-                                cursor: 'pointer',
-                              }}
-                            />
-                            {/* <button className="BookingCloseButton"
-                                        >Booking Close</button> */}
-                          </TooltipWrapper>
-                        </div>
-                      ) : (
-                        <div style={{ marginLeft: '10px' }}>
-                          <TooltipWrapper
-                            title="Booking Open"
-                            isMobile={isMobile}
-                          >
-                            <Popconfirm
-                              placement="leftTop"
-                              title="Booking Open"
-                              description="Are you sure you want to Open the sales?"
-                              okText="Yes"
-                              cancelText="No"
-                              onConfirm={() => BookingOpenFun('Open')}
-                            >
-                              <span>
-                                <BookingCloseIcon
-                                  bgFill="red"
-                                  style={{
-                                    fontSize: '16px',
-                                    marginTop: '4px',
-                                    color: '#52c41a',
-                                    cursor: 'pointer',
-                                  }}
-                                />
-                              </span>
-                            </Popconfirm>
-                          </TooltipWrapper>
-                        </div>
-                      )}
-                    </>
-                  )}
-                  {!OtherServicesglobal && (
-                    <div style={{ marginLeft: '10px' }}>
-                      <TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
-                        {''}
-                        <BSEwayBillicon
-                          style={{ cursor: 'pointer', marginTop: '5px' }}
-                          onClick={OpenListOfInvoices}
-                        />
-                      </TooltipWrapper>
-                    </div>
-                  )}
-                </div>
-              </div>
-            ) : (
-              <SalesCountForStandard
-                PricingAppPricingName={PricingAppPricingName}
-                DineInAccess={DineInAccess}
-                GlobalsalesDetailData={GlobalsalesDetailData}
+              <BSNavbar1
+                BookingNavbar={BookingNavbar}
+                connectingState={connectingState}
+                setConnectingState={setConnectingState}
               />
-            )}
+            </div>
+
+            <div className="Layout-bill-container">
+              <div
+                className="Layout-bill-Subcontainer"
+                style={{ width: OtherServicesglobal ? '10%' : '100%' }}
+              >
+                {UserType !== 'Employee' && (
+                  <div className="pricing-name-details">
+                    {PricingAppPricingName?.[0]?.PricingName +
+                      ' / ' +
+                      PricingAppPricingName?.[0]?.Type}
+                  </div>
+                )}
+                {!OtherServicesglobal && (
+                  <SalesCountComponent
+                    DineInAccess={DineInAccess}
+                    GlobalsalesDetailData={GlobalsalesDetailData}
+                    BookingNavbar={BookingNavbar}
+                  />
+                )}
+                {!OtherServicesglobal &&
+                  SessionData?.FeatureAddonData?.FeatureDtls?.find(
+                    (item) =>
+                      item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
+                  ) &&
+                  !sportsAppPreference && (
+                    <div
+                      style={{
+                        pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
+                        opacity: OrderStatus > 0 ? 0.5 : 1,
+                      }}
+                    >
+                      <Tooltip title={'Kiosk Sales'}>
+                        {''}
+                        <Badge
+                          count={badgeCount}
+                          offset={[-10, 3]}
+                          size="small"
+                        >
+                          <PozoKioskIcon
+                            onClick={() => openModalKiosk()}
+                            style={{ cursor: 'pointer', fontSize: '1.5rem' }}
+                            className="iconsize"
+                          />
+                        </Badge>
+                      </Tooltip>
+                    </div>
+                  )}
+                {!OtherServicesglobal && (
+                  <TooltipWrapper
+                    title={'Low Stock Alerts'}
+                    isMobile={isMobile}
+                  >
+                    {' '}
+                    <BSExpireProductsList />
+                  </TooltipWrapper>
+                )}
+                {!OtherServicesglobal && Kioskopen && (
+                  <BSKioskCounterPayment
+                    Kioskopen={Kioskopen}
+                    closeKioskModal={closeModalKiosk}
+                  />
+                )}
+                {SAdminuserPin?.length > 0 &&
+                  UserType != 'Super Admin User' && (
+                    <div>
+                      <SAdminUserNotification
+                        SAdminuserPin={SAdminuserPin}
+                        popOverOpen={popOverOpen}
+                        handleSupportUser={handleSupportUser}
+                        handlePopOverOpen={handlePopOverOpen}
+                      />
+                    </div>
+                  )}
+                {!OtherServicesglobal && (
+                  <>
+                    {' '}
+                    {CheckBookingStatus == 'Open' ? (
+                      <div style={{ marginLeft: '10px' }}>
+                        <TooltipWrapper
+                          title={'Booking Close'}
+                          isMobile={isMobile}
+                        >
+                          {' '}
+                          <BookingCloseIcon
+                            onClick={OpenBookingModal}
+                            bgFill={'#52c41a'}
+                            style={{
+                              fontSize: '16px',
+                              marginTop: '4px',
+                              color: '#52c41a',
+                              cursor: 'pointer',
+                            }}
+                          />
+                          {/* <button className="BookingCloseButton"
+                                        >Booking Close</button> */}
+                        </TooltipWrapper>
+                      </div>
+                    ) : (
+                      <div style={{ marginLeft: '10px' }}>
+                        <TooltipWrapper
+                          title="Booking Open"
+                          isMobile={isMobile}
+                        >
+                          <Popconfirm
+                            placement="leftTop"
+                            title="Booking Open"
+                            description="Are you sure you want to Open the sales?"
+                            okText="Yes"
+                            cancelText="No"
+                            onConfirm={() => BookingOpenFun('Open')}
+                          >
+                            <span>
+                              <BookingCloseIcon
+                                bgFill="red"
+                                style={{
+                                  fontSize: '16px',
+                                  marginTop: '4px',
+                                  color: '#52c41a',
+                                  cursor: 'pointer',
+                                }}
+                              />
+                            </span>
+                          </Popconfirm>
+                        </TooltipWrapper>
+                      </div>
+                    )}
+                  </>
+                )}
+                {!OtherServicesglobal && (
+                  <div style={{ marginLeft: '10px' }}>
+                    <TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
+                      {''}
+                      <BSEwayBillicon
+                        style={{ cursor: 'pointer', marginTop: '5px' }}
+                        onClick={OpenListOfInvoices}
+                      />
+                    </TooltipWrapper>
+                  </div>
+                )}
+              </div>
+            </div>
+
             <div
               className="BSLayout6-category-div"
               style={{
@@ -529,6 +529,8 @@ const BSLayout6 = () => {
             >
               {!OtherServicesglobal && Comboglobal === false && (
                 <BSItemCard
+                  connectingState={connectingState}
+                  setConnectingState={setConnectingState}
                   // screenHeight={screenHeight}
                   cardFunctionality={dynamicComponentProps(
                     'Card',
@@ -623,7 +625,7 @@ const BSLayout6 = () => {
           )}
         </div>
       </>
-     </Suspense>
+    </Suspense>
   );
 };
 export default BSLayout6;
diff --git a/src/Pages/BookingScreen/Template/SalesCountComponent.jsx b/src/Pages/BookingScreen/Template/SalesCountComponent.jsx
index 24494ec..28007f4 100644
--- a/src/Pages/BookingScreen/Template/SalesCountComponent.jsx
+++ b/src/Pages/BookingScreen/Template/SalesCountComponent.jsx
@@ -18,7 +18,6 @@ import { MdOutlineCallReceived } from 'react-icons/md';
 import { GoPackageDependencies } from 'react-icons/go';
 import { Messages } from '../../../Components/Notifications/Messages';
 import { useSelector } from 'react-redux';
-import { DefaultModal } from '../../../Components/Modal/DefaultModal';
 import {
   getCardDataWithoutSub,
   getCardDataWithoutSubmodule,
@@ -56,11 +55,19 @@ const ShortcutKeyHelper = lazy(
 );
 // Scss
 import './SalesCountComponent.scss';
-import { SalesDetailsModal, SalesNetAmountModal } from '../Components/UtillComponents/SalesDetailsNetAmountModal.jsx';
+import {
+  SalesDetailsModal,
+  SalesNetAmountModal,
+} from '../Components/UtillComponents/SalesDetailsNetAmountModal.jsx';
 
 const SalesCountComponent = React.memo(
-  ({ DineInAccess, GlobalsalesDetailData }) => {
+  ({ DineInAccess, GlobalsalesDetailData, BookingNavbar }) => {
     // Destructure to simplify access to required values
+    console.log(
+      BookingNavbar,
+      'BookingNavbarBookingNavbar'
+    );
+
     const {
       DineInOrderCount,
       TakeAwayOrderCount,
@@ -541,9 +548,9 @@ const SalesCountComponent = React.memo(
                         <div>
                           {safeRound(
                             TakeAwayAmount +
-                            SelfTakeAwayAmount +
-                            PreOrderAmount -
-                            OverAllTakeAwayOfferAmount
+                              SelfTakeAwayAmount +
+                              PreOrderAmount -
+                              OverAllTakeAwayOfferAmount
                           )}
                         </div>
                       </div>
@@ -616,8 +623,8 @@ const SalesCountComponent = React.memo(
                         <div>
                           {safeRound(
                             DineInAmount +
-                            SelfDineInAmount -
-                            OverAllDineInOfferAmount
+                              SelfDineInAmount -
+                              OverAllDineInOfferAmount
                           )}
                         </div>
                       </div>
@@ -629,8 +636,8 @@ const SalesCountComponent = React.memo(
                     <span>
                       {safeRound(
                         DineInAmount +
-                        SelfDineInAmount -
-                        OverAllDineInOfferAmount
+                          SelfDineInAmount -
+                          OverAllDineInOfferAmount
                       )}
                     </span>
                   </p>
@@ -648,7 +655,7 @@ const SalesCountComponent = React.memo(
                     SelfTakeAwayAmount +
                     PreOrderAmount -
                     OverAllTakeAwayOfferAmount || 0) +
-                  (DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount)
+                    (DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount)
                 ) > 0 && setIsNetAmtModalOpen(true)
               }
             >
@@ -659,7 +666,7 @@ const SalesCountComponent = React.memo(
                     SelfTakeAwayAmount +
                     PreOrderAmount -
                     OverAllTakeAwayOfferAmount || 0) +
-                  (DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount)
+                    (DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount)
                 )}
               </span>
             </p>
diff --git a/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar1.scss b/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar1.scss
index db0b57b..bbf81da 100644
--- a/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar1.scss
+++ b/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar1.scss
@@ -1,11 +1,55 @@
-.BSBillingNavBar1 {
+.BSBillingNavBar1,
+.BSBillingNavBar2 {
   display: flex;
   align-items: center;
   width: 100vw;
-  height: 40px;
-  background-color: #ffffff;
+  height: 42px;
   box-shadow: var(--BOX_SHADOW_LEVEL2);
-  padding: 0 6px;
+  padding: 1px 6px;
+  gap: 12px;
+  background-color: #fff;
+  .NavbarSearchModified {
+    background-color: #e5e5e5;
+  }
+  .custom-input {
+    background-color: #e5e5e5;
+    border: none;
+    font-family: "Poppins";
+    font-weight: 500;
+  }
+  .search-input {
+    border: none !important;
+  }
+
+  @media (max-width: 1024px) {
+    .nameofBracnchmain {
+      width: 100px !important;
+    }
+  }
+  .ParkingIconDea {
+    background-color: #fff !important;
+    fill: #1292ee;
+  }
+  .ParkingIconActive {
+    background-color: #fff !important;
+    fill: #52c41a;
+  }
+}
+.BSBillingNavBar3 {
+  display: flex;
+  align-items: center;
+  width: 100vw;
+  height: 42px;
+  box-shadow: var(--BOX_SHADOW_LEVEL2);
+  padding: 1px 6px;
+  gap: 12px;
+  background: linear-gradient(to bottom right, #1e2536, #2a3447);
+
+  @media (max-width: 1024px) {
+    .nameofBracnchmain {
+      width: 100px !important;
+    }
+  }
 }
 
 .BSBillingNav1div2 {
@@ -15,13 +59,14 @@
   align-items: center;
   width: 100vw;
   color: var(--DEFAULT_SELECTED_COLOR);
+
   .BSBillingNavBar1-SearchBar {
     font-size: 12px !important;
     font-family: "Poppins" !important;
     font-weight: 500;
     justify-content: center;
     white-space: nowrap;
-    background-color: #f4f4f4;
+    background-color: #e5e5e5;
     padding: 1px 6px;
     div {
       text-align: center;
@@ -90,6 +135,10 @@
   width: 1.7rem;
   margin-right: 1rem;
   color: var(--DEFAULT_SELECTED_COLOR);
+  @media (max-width: 1024px) {
+    display: flex;
+    margin-right: 1rem;
+  }
 }
 
 .BSBillingNavBar1-smallscreen-Inputsearch-container {
@@ -121,11 +170,6 @@
 }
 
 @media (max-width: 1000px) {
-  .BSBillingnav1-threedots {
-    display: flex;
-    margin-right: 1rem;
-  }
-
   .BSBillingNavBar1-AllIcons {
     display: none;
   }
@@ -147,9 +191,8 @@
   .BSBillingNav1div2 {
     display: flex;
     flex-direction: row;
-    justify-content: space-around;
+    justify-content: space-between;
     align-items: center;
-    column-gap: 0rem !important;
     width: 100%;
     .ant-select-selector {
       height: max-content !important;
@@ -164,23 +207,6 @@
     text-align: center;
     font-size: 14px;
   }
-
-  .BSBillingnav1-Smallscreen {
-    position: absolute;
-    right: 0;
-    top: 40px;
-    display: flex !important;
-    border-right: 1px solid rgb(204, 198, 198);
-    background-color: rgb(255, 255, 255);
-    z-index: 3 !important;
-    justify-content: center;
-    padding: 10px;
-    box-shadow:
-      rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
-      rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
-    height: 100vh;
-    width: 100px;
-  }
 }
 
 @media all and (max-width: 499px) {
@@ -252,10 +278,8 @@
 .BSNavbar1-time-user {
   display: flex;
   align-items: center;
-  column-gap: 1rem;
+  gap: 12px;
   justify-content: flex-end;
-  margin-right: 1rem;
-  margin-left: 1rem;
 }
 
 .UserProfile {
@@ -334,6 +358,22 @@
 
 .BSBillingnav1-Smallscreen {
   display: none;
+  @media (max-width: 1024px) {
+    position: absolute;
+    right: 0;
+    top: 40px;
+    display: flex !important;
+    border-right: 1px solid rgb(204, 198, 198);
+    background-color: rgb(255, 255, 255);
+    z-index: 3 !important;
+    justify-content: center;
+    padding: 10px;
+    box-shadow:
+      rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
+      rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
+    height: 100vh;
+    width: 100px;
+  }
 }
 
 .BSNavbar1-timer .mytimer-width-container {
@@ -492,9 +532,11 @@
   align-items: center;
   column-gap: 4px;
   position: relative;
+  width: 100%;
+  max-width: 300px;
   .BarCodeScanMaster {
     position: absolute;
-    right: 10px;
+    right: 15px;
     top: 20%;
     padding: 0 !important;
     svg {
@@ -504,7 +546,7 @@
   }
 
   .MultiSearchIconDiv {
-    color: #1292ee !important;
+    color: #333 !important;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -513,7 +555,7 @@
     height: 27px;
     position: absolute;
     z-index: 10;
-    left: 6px;
+    right: 6px;
     background-color: unset !important;
   }
   .custom-input {
@@ -525,8 +567,8 @@
 }
 .BsNavbar1FullScreen {
   background-color: #1292ee;
-  height: 28px;
-  width: 28px;
+  height: max-content;
+  width: max-content;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -534,17 +576,248 @@
   cursor: pointer;
   font-size: 18px;
   color: #fff;
+  padding: 6px;
 }
 
 .BsNavbar1FullScreenExit {
   background-color: #ef4444;
-  height: 28px;
-  width: 28px;
+  height: max-content;
+  width: max-content;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 4px;
-  color: #fff;
-  font-size: 18px;
   cursor: pointer;
+  font-size: 19px;
+  color: #fff;
+  padding: 6px;
+}
+
+.BSNavbarHomeIcon {
+  color: #1292ee;
+  cursor: pointer;
+  width: 30px !important;
+  height: 30px !important;
+}
+
+.NavbarCus-Add {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.PrinterSettingMB {
+  color: #1292ee;
+  font-size: 20px;
+}
+
+.BsNavbar-IconSections {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  @media (max-width: 1024px) {
+    display: none;
+  }
+}
+.BSBillingNav1div2 .EstimateButton {
+  flex-direction: row !important;
+}
+//
+//
+//
+// Responsive navbar code
+//
+//
+//
+
+.resNavbarMain {
+  width: 100vw;
+  height: 100vh;
+  background-color: #00000056;
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99999;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-end;
+  overflow: visible;
+  backdrop-filter: blur(6px);
+  animation: fadeInRes 0.3s ease;
+
+  &.closing {
+    animation: fadeOutRes 0.3s ease;
+  }
+
+  .ResBsNavbar-IconSections {
+    background-color: #fff;
+    display: flex;
+    height: 100%;
+    width: max-content;
+    padding: 0 16px;
+    gap: 10px;
+    flex-direction: column;
+    align-items: center;
+    animation: slideInRightRes 0.3s ease;
+    .BSBillingNav-icon {
+      color: #1292ee;
+    }
+  }
+
+  &.closing .ResBsNavbar-IconSections {
+    animation: slideOutRightRes 0.3s ease;
+  }
+
+  .EstimateButton {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    color: #52c41a;
+    background-color: #1292ee;
+    height: 30px;
+    width: max-content;
+    justify-content: space-around;
+    border-radius: 6px;
+    padding: 0 5px;
+    padding: 10px;
+  }
+  .resnavbarClose {
+    display: flex;
+    width: 100%;
+    padding: 12px 0px 0 12px;
+    justify-content: flex-end;
+    cursor: pointer;
+    color: #ff0000;
+    font-size: 24px;
+    font-weight: 800;
+  }
+}
+
+.ReprintIconRes {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.ParkingIconDea {
+  background-color: #1292ee !important;
+}
+.ParkingIconActive {
+  background-color: #52c41a !important;
+}
+
+.NavbarSearchModified {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 2px 6px;
+  gap: 10px;
+  border-radius: 6px;
+  width: 100%;
+  max-width: 300px;
+
+  .BSNavBarSearchMaster {
+    width: 80%;
+  }
+  .custom-input {
+    padding: 6px 0 !important;
+    height: unset;
+    border: none !important;
+    color: #333 !important;
+    width: 100%;
+    border-radius: 0 !important;
+  }
+  .search-icon {
+    display: none;
+  }
+  .Prdinput-container {
+    width: 100%;
+  }
+
+  .bothnbavbarIcon {
+    color: #333;
+  }
+}
+
+@keyframes fadeInRes {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOutRes {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes slideInRightRes {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+@keyframes slideOutRightRes {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+.BSBillingNavBar3 {
+  .BSNavbarHomeIcon,
+  .nameofBracnchmain,
+  .BSBillingNav-icon,
+  .favIcon,
+  .PrinterSettingMB,
+  .UserProfile {
+    color: #fff !important;
+  }
+  .OtherServiceParking,
+  .EstimateButton,
+  .WholesaleretialChangeIcon,
+  .BsNavbar1FullScreen,
+  .BSBillingNavBar1-SearchBar {
+    background-color: #fff !important;
+  }
+  .ParkingIconDea {
+    background-color: #000000 !important;
+    fill: #fff !important;
+  }
+
+  .ParkingIconActive {
+    background-color: #ffffff !important;
+    fill: #52c41a;
+  }
+  .WholesaleretialChangeIcon svg {
+    color: #1292ee !important;
+  }
+  .favIcon svg {
+    color: #fff !important;
+  }
+  .BsNavbar1FullScreen {
+    color: #1292ee !important;
+  }
+  .BSBillingNavBar1-SearchBar {
+    font-size: 11px !important;
+    line-height: 1.3;
+  }
+}
+
+.BSBillingNavBar3 {
+  .ResBsNavbar-IconSections {
+    background: linear-gradient(to bottom right, #1e2536, #2a3447);
+  }
 }
diff --git a/src/Styles/BookingScreen/Components/UtillComponents/BSNavBarComponents.scss b/src/Styles/BookingScreen/Components/UtillComponents/BSNavBarComponents.scss
index 23181ac..453bd05 100644
--- a/src/Styles/BookingScreen/Components/UtillComponents/BSNavBarComponents.scss
+++ b/src/Styles/BookingScreen/Components/UtillComponents/BSNavBarComponents.scss
@@ -347,8 +347,6 @@
 
 @media only screen and (max-width: 1000px) {
   .BSBillingNav1div2 .EstimateButton {
-    flex-direction: column !important;
-    height: max-content !important;
     padding: 5px 2px;
   }
 }
diff --git a/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss b/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
index 500933f..ff75f35 100644
--- a/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
@@ -40,7 +40,7 @@ body {
 .BSLayout2Standard {
   overflow: hidden;
   position: relative;
-  top: 2rem;
+  top: 2.1rem;
   height: 100%;
 
   @media (max-width: 768px) {
@@ -359,12 +359,12 @@ body {
 
 .salesStoreName {
   color: #000000;
-  padding: 0.1rem 0.5rem;
+  padding: 0;
   font-size: 14px;
   font-weight: 500;
   text-align: center;
   font-family: "Poppins";
-  margin: 3px 3px 1px 3px;
+  margin: 0;
 
   svg {
     display: flex;
diff --git a/src/Styles/OverAllStyle/OverAllStyle.scss b/src/Styles/OverAllStyle/OverAllStyle.scss
index 0cb388d..ab9719c 100644
--- a/src/Styles/OverAllStyle/OverAllStyle.scss
+++ b/src/Styles/OverAllStyle/OverAllStyle.scss
@@ -1473,7 +1473,6 @@ table {
     height: 70vh;
     overflow-y: auto;
     scrollbar-width: thin;
-    /* Firefox */
     scroll-behavior: auto;
   }
 
@@ -1490,8 +1489,8 @@ table {
 .bulkChangePriceTable {
   width: 83vw;
   overflow: auto;
-  height: 60vh;
   scrollbar-width: thin;
+  height: 60vh;
   position: relative;
 
   .ant-table-cell {
@@ -1580,7 +1579,7 @@ table {
   height: max-content;
   max-height: 300px;
   width: 100%;
-  overflow-y: scroll;
+  overflow-y: auto;
   & .ant-table-wrapper table {
     width: 80%;
   }
@@ -1592,7 +1591,7 @@ table {
   flex-wrap: wrap;
   height: 400px;
   width: 100%;
-  overflow-y: scroll;
+  overflow-y: auto;
   & .ant-table-wrapper table {
     width: 100%;
   }
@@ -1688,3 +1687,16 @@ table {
     padding: 10px 0 !important;
   }
 }
+
+.CusAddressAddBtn {
+  background-color: #1677ff;
+  color: #fff;
+  padding: 6px 10px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 12px;
+  margin-top: 8px;
+  font-weight: 400;
+  font-family: "Poppins";
+}
diff --git a/src/check.scss b/src/check.scss
index 8a68a92..ab9719c 100644
--- a/src/check.scss
+++ b/src/check.scss
@@ -1,726 +1,1702 @@
-.BSC1-Master {
-  position: absolute;
-  overflow: hidden !important;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  position: absolute;
-  display: flex;
-  position: absolute;
-  overflow: auto !important;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  height: max-content;
-  overflow-y: auto;
-  height: 80vh;
-  z-index: -1;
+.productListBrowseImageButton {
+  width: 65px;
+  background-color: #dbd1d1;
+  border: 0.5px solid gray;
+  border-radius: 3px;
+  font-size: 10px;
+  font-weight: 600;
 }
 
-@media (max-height: 1400px) and (min-height: 1100px) {
-  .BSC1-Master {
-    height: 74vh !important;
-  }
+.productListBrowseImageButton2 {
+  width: 65px;
+  background-color: #dbd1d1;
+  border: 0.5px solid #808080;
+  border-radius: 3px;
+  font-size: 10px;
+  font-weight: 600;
 }
 
-@media (max-height: 1099px) and (min-height: 1001px) {
-  .BSC1-Master {
-    height: 71vh !important;
-  }
-}
+.product_primary_Button {
+  background-color: var(--ERROR_COLOR);
+  color: #fff;
+  padding: 15px;
 
-@media (max-height: 1000px) and (min-height: 901px) {
-  .BSC1-Master {
-    height: 68vh !important;
-  }
-}
-
-@media (max-height: 900px) and (min-height: 791px) {
-  .BSC1-Master {
-    height: 65vh !important;
-  }
-}
-
-@media (max-height: 790px) and (min-height: 690px) {
-  .BSC1-Master {
-    height: 60vh !important;
-  }
-}
-
-@media (max-height: 689px) and (min-height: 620px) {
-  .BSC1-Master {
-    height: 55vh !important;
-  }
-}
-
-@media (max-height: 619px) and (min-height: 560px) {
-  .BSC1-Master {
-    height: 55vh !important;
-  }
-
-  .BSBilling7-tablediv {
-    height: 46vh !important;
-  }
-}
-
-@media (max-height: 559px) and (min-height: 520px) {
-  .BSC1-Master {
-    height: 45vh !important;
-  }
-}
-
-@media (max-height: 519px) and (min-height: 480px) {
-  .BSC1-Master {
-    height: 40vh !important;
-  }
-}
-
-@media (max-height: 479px) and (min-height: 450px) {
-  .BSC1-Master {
-    height: 35vh !important;
-  }
-}
-
-@media (max-height: 449px) and (min-height: 425px) {
-  .BSC1-Master {
-    height: 35vh !important;
-  }
-}
-
-@media (max-height: 424px) and (min-height: 350px) {
-  .BSC1-Master {
-    height: 27vh !important;
-  }
-}
-
-.BS1ComboTable {
-  height: 80vh;
-  overflow: auto;
-  padding-bottom: 10rem !important;
-  padding: 0 3px;
-}
-
-.BS1ComboTableComboSalesBillTable {
-  height: 100%;
-  overflow: auto;
-  padding-bottom: 1.5rem !important;
-  padding: 0 3px;
-}
-
-.BS1ComboTable {
-  &.BillingTable1-table-th {
-    padding: 2vh 0vh 2vh 0vh;
-    font-size: 14px;
-  }
-
-  & .BillingTable1-table-td {
-    padding: 2vh 0vh 2vh 0vh;
-    font-size: 16px;
-  }
-}
-
-.BSC1-Master .PCBillingTable6-Table1 td {
-  border: 0.1px solid #a8a8a880 !important;
-  border-collapse: collapse;
-}
-
-.BSC1-Master .PCBillingTable6-Table1 th {
-  border: 0.1px solid #a8a8a880 !important;
-  border-collapse: collapse;
-}
-
-.BSC1-Master .BSBill-Table7 th {
-  border: 0.1px solid #a8a8a880 !important;
-  border-collapse: collapse;
-}
-
-.BSC1-Master .BSBill-Table7 td {
-  border: 0.1px solid #a8a8a880 !important;
-  border-collapse: collapse;
-}
-
-.BSC1-Master .Billing-Table1 th {
-  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
-  border-collapse: collapse;
-}
-
-.BSC1-Master .BSBill-Table3 th {
-  border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
-  border-collapse: collapse;
-}
-
-.BSC1-Master .BSBill-Table3 td {
-  border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
-  border-collapse: collapse;
-}
-
-.BSC1-Master .BillingTable1-table-td {
-  border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
-  border-collapse: collapse;
-}
-
-.BSC1-Master .BSBill-Table4 th {
-  border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
-  border-collapse: collapse;
-}
-
-.BSC1-Master .BSBill-Table4 td {
-  border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
-  border-collapse: collapse;
-  padding: 0 0.5rem;
-}
-
-.BSC1-Master .BSBillingTable5-tablediv th {
-  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
-  border-collapse: collapse !important;
-}
-
-.BSC1-Master .BSBillingTable5-tablediv td {
-  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
-  border-collapse: collapse !important;
-}
-
-.BSC1-Master .BillingTable6-Table1 td {
-  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
-  border-collapse: collapse !important;
-}
-
-.BSC1-Master .BillingTable6-Table1 th {
-  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
-  border-collapse: collapse !important;
-}
-
-.BSC1-Master .Table3-item-price {
-  text-align: center !important;
-}
-
-.BSC1-Master .Table4-item-price {
-  text-align: center !important;
-}
-
-.BSC1-Master .BillingTable1-table-td {
-  text-align: center !important;
-  padding: 0 10px;
-}
-
-.BSC1-Master .Table3-Dis-index {
-  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
-  border-collapse: collapse !important;
-}
-
-.BSC1-Master .forcomboalign {
-  text-align: center !important;
-}
-
-.BSC1-Master .comboAlignCenter {
-  right: 34vw;
-}
-
-@media screen and (min-width: 500px) and (max-width: 768px) {
-  .BSC1-Master .comboAlignCenter {
-    right: 30vw !important;
-  }
-
-  .BSC1-Master .BSC1Payment-Container {
-    height: 8rem;
-  }
-}
-
-@media screen and (max-width: 768px) {
-  .BSC1Payment-div4 {
-    margin: 0 !important;
-
-    gap: 1 !important;
-  }
-
-  .BSC1Payment-div4-button-disable {
-    width: 100% !important;
-  }
-
-  .BSC1Payment-div4-button {
-    width: 100%;
-  }
-
-  .BSC1Payment-div4-payment {
-    align-items: center;
-  }
-
-  .BSC1Payment-div4-payment {
-    gap: 0.6rem !important;
-  }
-
-  .BSC1-Master .Billing-Table1 td {
-    border: 0.1px solid #a8a8a880 !important;
-    border-collapse: collapse;
-    font-size: 12px !important;
-  }
-
-  .BSC1-Master .Billing-Table1 th {
-    border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
-    border-collapse: collapse;
-    font-size: 12px !important;
-  }
-
-  .BSC1-Master .BSBill-Table3 th {
-    border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
-    border-collapse: collapse;
-    font-size: 12px !important;
-  }
-
-  .BSC1-Master .BSBill-Table3 td {
-    border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
-    border-collapse: collapse;
-    font-size: 12px !important;
-  }
-
-  .BSC1-Master .BSBill-Table4 th {
-    border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
-    border-collapse: collapse;
-    font-size: 12px !important;
-  }
-
-  .BSC1-Master .BSBill-Table4 td {
-    border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
-    border-collapse: collapse;
-    font-size: 12px !important;
-  }
-
-  .BSC1-Master .BSBillingTable5-tablediv th {
-    border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
-    border-collapse: collapse !important;
-    font-size: 12px !important;
-  }
-
-  .BSC1-Master .BSBillingTable5-tablediv td {
-    border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
-    border-collapse: collapse !important;
-    font-size: 12px !important;
-  }
-
-  .BSC1-Master .BillingTable6-Table1 td {
-    border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
-    border-collapse: collapse !important;
-    font-size: 12px !important;
-  }
-
-  .BSC1-Master .BillingTable6-Table1 th {
-    border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
-    border-collapse: collapse !important;
-    font-size: 12px !important;
-  }
-
-  .BSC1Payment-div4 {
-    padding-bottom: 1rem !important;
-  }
-}
-
-@media screen and (max-width: 499px) {
-  .BSC1Payment-div4-payment {
-    flex-wrap: wrap;
-  }
-
-  .BSC1Payment-div4 {
-    padding: 0 !important;
-    gap: 1;
-  }
-
-  .BSC1Payment-div4-payment {
-    padding: 0 !important;
-  }
-
-  .BSC1Payment-div4-button-disable {
-    padding: 0;
-    height: 45px !important;
-  }
-}
-
-@media screen and (max-width: 599px) {
-  .BSC1Payment-div4-payment {
-    flex-wrap: wrap;
-  }
-
-  .BSC1Payment-div4 {
-    padding: 0 !important;
-  }
-
-  .BSC1Payment-div4-payment {
-    padding: 0 !important;
-  }
-
-  .BSC1Payment-div4-payment .css-x5j1g7-control {
-    width: 100px !important;
-  }
-
-  .BSC1NavBar-Container {
-    column-gap: 0.5rem !important;
-  }
-
-  .BSC1-Master .comboAlignCenter {
-    right: 15vw !important;
-    height: 15rem;
-  }
-
-  .BSC1-Master .BSBillingNav-icon-table-icon {
-    width: 22px !important;
-    height: 24px;
-  }
-
-  .BSC1Search-div1 {
-    width: 95vw;
-  }
-
-  .Combo-BSNavbar1-timer {
-    display: none !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 1220px) {
-  .BSC1-Master .BSC1Payment-div4 {
-    display: flex;
-    flex-direction: row;
-    gap: 1rem;
-    justify-content: center;
-    flex-wrap: wrap;
-  }
-}
-
-.BSC1-Master {
-  right: 0;
-  left: 0;
-}
-
-.overall-bscombo-container {
+  border: 1px solid;
   overflow: hidden;
 
-  .BSC1Search-div1 {
-    height: 45px !important;
-  }
-
-  .ant-select-selection-search {
-    top: 10px !important;
-  }
-}
-
-.BSC1-Master .for-combo {
-  text-align: left !important;
-}
-
-.BSC1-Master .BSC1Payment-Container {
-  height: 8rem;
-}
-
-.overall-bscombo-container .BSC1NavBar-manu-icon {
-  width: 31px;
-  height: 38px;
-  padding-top: 5px;
-  position: absolute !important;
-  bottom: -11px !important;
-}
-
-.Combo-BSNavbar1-timer {
-  width: 8rem;
-  font-family: "Gilroy";
+  width: 170px;
+  height: 45px;
+  background-color: var(--PRIMARY_BUTTON_BG_COLOR) !important;
+  color: #fff;
+  font-family: var(--HEADING_FONT_FAMILY);
+  font-style: normal;
+  font-weight: 500;
+  font-size: 14px;
+  border-radius: 8px;
   display: flex;
-  justify-content: center;
-  text-wrap: nowrap;
-  font-weight: 600;
-  color: #fff !important;
-  font-size: 1.25rem;
-  text-wrap: nowrap;
-}
-
-.BSC1-Master .BSBill-Table4 {
-  width: 100vw !important;
-}
-
-.BSC1-Master .BSC1Payment-div4-button-disable {
-  height: 50px;
-}
-
-.BSC1-Master .BSBill2-cont {
-  // height: 72%;
-  overflow: auto;
-}
-
-.BSC1Search-container .L {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  /* padding: 0.5rem 22px 0 1.5rem; */
-  gap: 0.5rem;
-  /* padding-bottom: 8px; */
-  align-items: center;
-  justify-content: center;
-  padding: 4px 8px;
-}
-
-.overall-bscombo-container .Combosearch {
-  // width: 99vw;
-  height: 10px;
-}
-
-.overall-bscombo-container.BSC1Search-div1 .ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  width: 100%;
-}
-
-.overall-bscombo-container .Combosearch .custom-input {
-  border: none;
-}
-
-.overall-bscombo-container .Combosearch .ant-select-selector {
-  width: 100%;
-}
-
-.ComboSubNavbar {
-  flex-wrap: nowrap !important;
-
-  @media (max-width: 1024px) {
-    overflow: auto;
-    padding-bottom: 5px;
-  }
-
-  .price-change-btn {
-    background-color: #1292ee;
-    color: #fff !important;
-    width: 32px;
-    height: 32px;
-    margin-right: unset !important;
-    outline: none !important;
-    border: none;
-    border-radius: 4px;
-    padding: 2px;
-    cursor: pointer;
-    img {
-      filter: invert(1);
-      width: 25px !important;
-      height: 25px !important;
-    }
-  }
-
-  .pricing-name-details {
-    font-family: "Poppins";
-    font-size: 12px;
-    background: var(--SELECTED_COLOR);
-    padding: 3px 5px;
-    border-radius: 5px;
-    color: white;
-    white-space: nowrap;
-    margin-left: 8rem;
-    font-weight: 400;
-    @media (max-width: 500px) {
-      font-size: 10px !important;
-    }
-  }
-}
-
-.comboNavbarSubMain {
-  display: flex;
-  align-items: center;
+  letter-spacing: 0.5px;
   justify-content: space-between;
-  width: 100%;
-  padding: 0 6px;
+  align-items: center;
+  z-index: 2;
+}
 
-  .SalesCountComponent-Master {
-    width: unset;
-    gap: 10px;
+.Counter-Category-mapping {
+  border-collapse: collapse;
+  border: 1px solid red;
+  margin: 0 0 1rem 0;
+}
+
+.product-delete-input {
+  .example {
+    width: 80px !important;
+  }
+}
+
+.delete-bulk-icon {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+
+  svg {
+    margin-bottom: 0 !important;
+  }
+}
+
+.userPageCustMaster {
+  height: 100vh !important;
+
+  .formDiv {
+    height: 85% !important;
+  }
+}
+
+.samplereportTableButton {
+  justify-content: flex-end;
+  margin: 10px 0;
+  align-items: center;
+  display: flex;
+  width: 100%;
+}
+
+.uploadexcelBtn {
+  .primary_Button {
+    background-color: #000 !important;
+
+    &:focus {
+      color: #000000 !important;
+      border-color: #000 !important;
+    }
+  }
+}
+
+.productMaster-input {
+  .tertiary_Button {
+    font-size: 13px;
+    background-color: #d37305 !important;
+  }
+}
+
+// Customer Address Details List Styles
+.customer-address-details-list {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 1rem;
+
+  @media (max-width: 768px) {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  @media (max-width: 500px) {
+    grid-template-columns: 1fr;
+  }
+
+  .address-card {
+    margin-bottom: 20px;
+    padding: 16px;
+    border: 1px solid #e1e5e9;
+    border-radius: 12px;
+    background-color: #ffffff;
+    transition: all 0.3s ease;
+    position: relative;
+    overflow: auto;
+    height: 245px;
+    max-height: 300px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: center;
+
+    @media (max-width: 768px) {
+      height: max-content;
+    }
+
+    @media (max-width: 500px) {
+      height: max-content;
+      margin-bottom: 0;
+    }
+  }
+
+  .address-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding: 6px 12px;
+    border-radius: 8px 8px 0px 0;
+    margin: -20px -20px 0px -20px;
+
+    .header-left {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+
+      .address-number {
+        width: 32px;
+        height: 32px;
+        border-radius: 50%;
+        background-color: #b5a8ff;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 14px;
+        font-weight: bold;
+        color: #23378a;
+      }
+
+      h4 {
+        color: #23378a;
+        margin: 0;
+        font-size: 14px;
+        font-weight: 600;
+        letter-spacing: 0.5px;
+      }
+    }
+  }
+
+  .header-actions {
+    display: flex;
+    gap: 0px;
+    align-items: flex-end;
+    justify-content: flex-end;
+    margin-top: 6px;
+    width: 100%;
+
+    svg {
+      display: flex;
+    }
+
+    .edit-btn,
+    .remove-btn {
+      border: none;
+      font-family: "Poppins";
+      padding: 4px 10px;
+      border-radius: 6px;
+      cursor: pointer;
+      font-size: 12px;
+      font-weight: 400;
+      transition: all 0.2s ease;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      height: max-content;
+    }
+
+    .remove-btn {
+      background: unset;
+      color: #cf0b0fe6;
+    }
+
+    .edit-btn {
+      background: unset;
+      color: #0ea021;
+    }
+  }
+
+  .address-type-section {
+    .ant-checkbox-inner {
+      height: 14px;
+      width: 14px;
+    }
+
+    .ant-checkbox-label {
+      font-size: 12px;
+    }
+
+    label {
+      font-size: 13px;
+      font-weight: 600;
+      color: #4a5568;
+      margin-bottom: 8px;
+      display: block;
+    }
+
+    .ant-checkbox-group {
+      display: flex;
+      gap: 0;
+      flex-wrap: wrap;
+    }
+
+    .ant-checkbox-wrapper {
+      display: flex;
+    }
+  }
+
+  .address-details-grid {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 4px;
+    margin-top: 10px;
+
+    .address-detail-item {
+      padding: 2px 2px;
+      border-radius: 4px;
+      line-height: 1.3;
+
+      .labelCoordinates {
+        font-size: 10px;
+        color: #3b424d;
+        font-weight: 500;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+      }
+
+      .value {
+        font-size: 13px;
+        color: #000000;
+        font-weight: 500;
+
+        &.coordinates {
+          font-size: 13px;
+          display: flex;
+          align-items: center;
+          gap: 4px;
+          margin-top: 4px;
+
+          svg {
+            color: #3182ce;
+          }
+        }
+      }
+    }
+  }
+
+  .empty-state {
+    text-align: center;
+    padding: 40px 20px;
+    background-color: #f8fafc;
+    border-radius: 12px;
+    border: 2px dashed #cbd5e0;
+    color: #718096;
+
+    svg {
+      font-size: 48px;
+      margin-bottom: 16px;
+      color: #cbd5e0;
+    }
+
+    h3 {
+      margin: 0 0 8px 0;
+      color: #4a5568;
+    }
 
     p {
-      font-size: 13px !important;
+      margin: 0;
+      font-size: 14px;
+    }
+  }
+}
+
+@media (max-width: 499px) {
+  .commonMaster-btn {
+    .tertiary_Button {
+      width: 40vw !important;
+    }
+
+    .primary_Button {
+      width: 35vw !important;
+      font-size: 13px;
+    }
+
+    .productMaster-input .primary_Button {
+      width: 33.33vw !important;
+      font-size: 13px;
+    }
+
+    .subRowFlex {
+      .product-add-iconMargin {
+        margin-top: 15px !important;
+      }
     }
   }
 
-  @media (max-width: 1024px) {
+  // for all mobile screen no issue
+  .searchDiv {
+    width: 215px !important;
+  }
+
+  .searchAddDiv {
+    font-size: 11px;
+
+    .searchDiv {
+      width: 76.39vw !important;
+    }
+  }
+
+  .ant-table table {
+    width: 800px;
+  }
+
+  .subinputForm {
+    display: flex;
+    flex-direction: row !important;
+  }
+
+  .Counter-Category-mapping {
+    width: 80vw;
+  }
+
+  .MapDiv {
+    width: var(--INPUT_FIELD_WIDTH);
+    overflow: hidden;
+    border: none;
+  }
+
+  .CustmasterForm-RadiaSelect .CustmasterForm-RadiaSelect-flex {
+    display: flex;
+    flex-wrap: wrap;
+    font-size: 12px;
+  }
+
+  .samplereportTableButton {
+    position: unset !important;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+  }
+
+  .commonMaster-btn {
+    flex-wrap: wrap;
+    height: unset !important;
+
+    button {
+      width: 250px !important;
+    }
+
+    .productMaster-input {
+      .tertiary_Button {
+        position: unset !important;
+        left: unset !important;
+      }
+    }
+  }
+}
+
+.customerMaster-Form-percentage {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.customerMaster-Form-percentage.field-DropDown {
+  width: 200px !important;
+}
+
+.bulkuploadmodal {
+  .ant-modal-content {
+    padding: 16px 32px;
+  }
+}
+
+.producttablepagination {
+  z-index: 50;
+  position: sticky !important;
+  bottom: 0;
+  margin: 0 !important;
+  padding: 0.5rem;
+  background-color: #fafafa;
+}
+
+.productlistgetnoinput {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+
+  input {
+    width: 40px;
+    height: 25px;
+    padding: 10px;
+    border: none;
+    font-size: 14px;
+    border: 1px solid #c0c0c0;
+    background-color: #fff;
+    border-radius: 6px;
+    outline: none;
+  }
+}
+
+.reportTableProduct {
+  .ant-table-thead {
+    z-index: 150 !important;
+  }
+
+  .ant-table-cell {
+    padding: 4px !important;
+  }
+}
+
+.PricePrice-input {
+  .ant-select-selection-item {
+    padding-top: 2px !important;
+  }
+}
+
+.MapDiv1 {
+  width: 502px;
+  height: 400px !important;
+}
+
+.customerMaster-Form-Form-details {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  column-gap: 2rem;
+  width: 100%;
+}
+
+.subinputFormInput {
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  width: 100%;
+  gap: 1rem;
+  column-gap: 2rem;
+}
+
+.Credits-percentage {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 30px;
+  background-color: yellow;
+  width: max-content;
+  height: max-content;
+  padding: 6px 12px;
+
+  font-size: 13px;
+  font-weight: 700;
+  text-align: center;
+
+  border: 1px solid #f1c40f;
+  transition: all 0.3s ease;
+
+  :hover {
+    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
+    transform: translateY(-2px);
+  }
+}
+
+.productNameDDAuto {
+  .ant-select-selector {
+    width: 250px !important;
+  }
+}
+
+.product-name-scan {
+  position: relative;
+
+  .product-scan-Icon {
+    position: absolute;
+    right: 10px;
+    top: 35%;
+    cursor: pointer;
+  }
+}
+
+.Bulkuploadpost {
+  width: 100vw;
+  height: 99vh;
+  background-color: #00000052;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  backdrop-filter: blur(2px);
+  z-index: 499;
+}
+
+.update-and-cancel {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+
+  button {
+    padding: 14px 18px;
+    border: none;
+    font-family: "Poppins", sans-serif;
+    font-size: 14px;
+    font-weight: 500;
+    cursor: pointer;
+    border-radius: 8px;
+    outline: none;
+  }
+
+  > button:nth-child(1) {
+    background-color: #daecfd;
+    color: #1292ee;
+  }
+
+  > button:nth-child(2) {
+    background-color: #ffdcdc;
+    color: #ee3333;
+  }
+}
+
+@media (max-width: 500px) {
+  .ant-breadcrumb {
+    font-size: 12px !important;
+  }
+
+  .breadCrumbClass {
+    padding: 0.1rem 0.5rem 0.1rem 0.7rem;
+  }
+
+  .formName {
+    flex-direction: column;
+    margin-bottom: 5px;
+
+    > div:nth-child(2) {
+      width: max-content;
+      font-size: 12px !important;
+      height: max-content;
+    }
+  }
+}
+
+.lowStock-SaveButton {
+  width: 4rem;
+  background-color: #0ea021;
+  border-radius: 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px;
+  color: white;
+  cursor: pointer;
+}
+
+.lowStock-SaveButton:hover {
+  background-color: #13c12a;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
+}
+
+.lowStock-button {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background-color: #eab308;
+  color: #000000;
+  padding: 8px 14px;
+  border-radius: 6px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  height: max-content;
+  font-family: "Poppins";
+}
+
+/* Hover effect */
+.lowStock-button:hover {
+  background-color: #f7c530;
+  transform: translateY(-2px);
+}
+
+/* Active (click) effect */
+.lowStock-button:active {
+  transform: translateY(0);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+//  deilivery Address
+
+.Address-button {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background-color: #0ea5e9;
+  color: #ffffff;
+  padding: 8px 14px;
+  border-radius: 6px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  height: max-content;
+  font-family: "Poppins";
+}
+
+/* Hover effect */
+.Address-button:hover {
+  background-color: #0cabf4;
+  transform: translateY(-2px);
+}
+
+/* Active (click) effect */
+.Address-button:active {
+  transform: translateY(0);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+.deliveryaddress {
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  background-color: #fff3f3;
+  padding: 10px;
+  border-radius: 4px;
+  height: max-content;
+  .deliveryaddress_edit {
+    color: #0cabf4;
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    cursor: pointer;
+  }
+}
+
+.add-slot-header {
+  font-size: 25px;
+  font-weight: 600;
+  font-family: "Gilroy";
+  padding-bottom: 6px;
+}
+
+.ModalPaymentGatewayEmbedded {
+  .ant-modal-content {
+    overflow: hidden !important;
+  }
+}
+
+.addTaxinputDrawer {
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  gap: 2rem;
+}
+
+@media (max-width: 768px) {
+  .productlistSearchDiv {
     flex-direction: column;
   }
 }
 
-.ComboScreenPageTable {
-  .billtable3th {
-    padding: 3px !important;
+.swicthCardScanToggle {
+  button {
+    background-color: #1292ee !important;
+    font-family: "Poppins";
+    font-weight: 500;
+  }
+}
+
+.BSC1NavBar-location {
+  &.scan {
+    padding: 2px 3px !important;
+  }
+}
+
+.searched-value {
+  font-family: "Poppins";
+  font-weight: 500;
+}
+
+.StorekitchenlistTable {
+  scrollbar-width: thin;
+  padding-right: 8px;
+  margin-top: 10px;
+
+  @media (max-width: 600px) {
   }
 
-  .del-all-btn {
-    padding: 0.2rem 0.1rem;
-  }
-
-  .BSBill-Table3-throw {
-    height: 2rem;
-  }
-
-  .BSBilling3-tablediv {
-    tr {
-      height: 28px;
+  .ant-table-thead {
+    &:hover {
+      background-color: #bad4f9 !important;
     }
 
-    th > span {
-      font-size: 14px !important;
+    tr:hover {
+      background-color: #bad4f9 !important;
+    }
 
-      @media (max-width: 500px) {
-        font-size: 12px !important;
+    .ant-table-cell {
+      color: #ffffff;
+      font-weight: 500;
+      font-size: 12px;
+    }
+  }
+
+  .ant-table-cell {
+    &:hover {
+      background-color: #bad4f9 !important;
+    }
+  }
+}
+
+.StoreRecipeinputForm {
+  .ant-form-item-explain-error {
+    top: 16px;
+  }
+}
+
+.incenbtivepayBTN {
+  .ant-btn {
+    font-size: 16px !important;
+    padding: 8px 16px !important;
+    height: max-content;
+    text-align: center;
+    vertical-align: middle;
+  }
+}
+
+.commonMaster-btn {
+  .SmartScanBTN {
+    button {
+      background-color: #0bad77 !important;
+
+      &:focus {
+        color: #fff !important;
+        border-color: #fff !important;
       }
     }
+  }
 
-    td:nth-child(2) {
-      display: flex;
-      align-items: center;
-      gap: 10px;
+  .tertiary_Button {
+    position: unset !important;
+    left: unset !important;
+    height: 45px !important;
+    width: 180px !important;
+    font-size: 14px !important;
+
+    &:hover {
+      background-color: #d37305 !important;
     }
+  }
 
-    td:nth-child(3),
-    th:nth-child(3) {
-      width: 100px !important;
-      text-align: right;
-    }
+  .smart_scan_Button {
+    position: unset !important;
+    left: unset !important;
+    height: 45px !important;
+    width: 180px !important;
+    font-size: 14px !important;
+    background-color: #28a745 !important;
 
-    td:nth-child(4),
-    th:nth-child(4) {
-      width: 100px !important;
-      text-align: center;
-    }
-
-    td:nth-child(5),
-    th:nth-child(5) {
-      width: 100px !important;
-      text-align: center;
-    }
-
-    td:nth-child(6),
-    th:nth-child(6) {
-      width: 100px !important;
-      text-align: right;
-    }
-
-    td:nth-child(7),
-    th:nth-child(7) {
-      width: 100px !important;
-      text-align: right;
-    }
-
-    td:nth-child(8),
-    th:nth-child(8) {
-      width: 40px !important;
-      text-align: center;
+    &:hover {
+      background-color: #218838 !important;
     }
   }
 }
 
-.BookingCloseCombo {
-  width: 32px;
-  height: 32px;
-  background-color: #1292ee;
+.StoreKitchen-tables {
+  .ant-form-item {
+    margin-bottom: 0 !important;
+  }
+
+  .ant-input {
+    padding: 6px 14px 6px 11px !important;
+    text-align: center;
+  }
+
+  .ant-table table {
+    border-spacing: 0 !important;
+  }
+}
+
+.pricechangeTable {
+  .ant-input {
+    padding: 4px 11px 4px 11px !important;
+    width: 80px !important;
+    text-align: center;
+    border-color: #1292ee;
+
+    &:hover {
+      background-color: #c2e6ff;
+      border-color: #fff;
+    }
+  }
+
+  .ant-table-cell {
+    padding: 2px 6px !important;
+  }
+}
+
+.editable-cell-value-wrap {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+
+  .ant-input {
+    position: relative;
+  }
+}
+
+.price-change-modal {
+  .ant-modal-content {
+    padding: 24px !important;
+  }
+}
+
+.price-change-table {
+  .ant-table-thead tr {
+    background-color: #2c88ee !important;
+  }
+  .ant-form-item {
+    margin-bottom: 0 !important;
+  }
+
+  .ant-input {
+    padding: 6px 14px 6px 11px !important;
+    text-align: center;
+    width: 100px !important;
+    border-color: #1292ee;
+  }
+
+  .ant-input:hover {
+    background-color: #cfcfcf;
+    border-color: #fff;
+  }
+
+  .example {
+    width: 100px !important;
+  }
+
+  .table-notes {
+    font-family: "Poppins";
+    font-style: italic;
+    margin-bottom: 10px;
+  }
+
+  .ant-table table {
+    border-spacing: 0 !important;
+    font-family: "Poppins";
+  }
+}
+
+.formFields {
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
+  .ant-form-item {
+    margin-bottom: 0 !important;
+  }
+}
+
+.CommmasterPageHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+
+.comboProductList {
+  width: 100%;
+
+  .ant-table-thead,
+  .ant-table-cell {
+    white-space: nowrap;
+
+    th {
+      white-space: nowrap;
+    }
+  }
+}
+
+table {
+  thead {
+    th {
+      font-family: "Gilroy" !important;
+    }
+  }
+
+  tbody {
+    td {
+      font-family: "Poppins" !important;
+      font-weight: 500;
+      font-size: 13px;
+    }
+  }
+}
+
+.radio-sidebar-container {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  height: 30vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-width: thin;
+  width: 340px;
+}
+
+.radio-sidebar-item {
+  padding: 8px 12px;
+  border: 1px solid #d9d9d9;
+  border-radius: 8px;
+  cursor: pointer;
+  background-color: #fff;
+  transition: all 0.3s ease;
+  width: 220px;
+
+  &.selected {
+    border-color: #901d77;
+    background-color: #f6f0ff;
+  }
+}
+
+.radio-sidebar-title {
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.radio-sidebar-desc {
+  font-size: 12px;
+  color: #666;
+}
+
+.barcode-qr-preview {
+  display: flex;
+  align-items: center;
+  gap: 50px;
+  justify-content: space-between;
+  width: 100%;
+  border: 1px solid #b1b1b1;
+  padding: 10px;
+  border-radius: 4px;
+  height: 300px;
+}
+
+.labelGrid15 {
+  width: 92mm;
+}
+
+@media print {
+  body {
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+}
+
+.label15 {
+  width: 15mm;
+  height: 15mm;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+}
+
+.BarQrprint2details {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1mm;
+  font-size: 6px;
+  font-weight: 600;
+  text-align: center;
+  padding: 3px;
+
+  .productNameBQ,
+  .MRPBQ {
+    line-height: 1;
+  }
+}
+
+.preview-15x15-6cross {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+.size-selection {
+  width: 100%;
+}
+
+.default-15x15-6cross {
+  margin: 0 !important;
+  padding: 0 !important;
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  gap: 1.5mm;
+}
+
+.Sticker0 {
+  padding: 1.4mm;
+  width: 15mm;
+  height: 15mm;
+  text-align: center;
+  font-size: 6px;
+  font-weight: bold;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid #dadada;
+  border-radius: 4px;
+
+  > img {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+  }
+}
+
+.text-ellipsis {
+  width: 90%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-align: center;
+  text-overflow: ellipsis;
+}
+
+.grid22x35_3cross {
+  width: 105mm;
+  /* 35 × 3 */
+  display: grid;
+  grid-template-columns: repeat(3, 35mm);
+  column-gap: 2mm;
+}
+
+.Sticker1 {
+  width: 35mm;
+  height: 22mm;
+  padding-left: 2mm;
+  box-sizing: border-box;
+  padding-right: 2mm;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  font-size: 9px;
+  font-weight: bold;
+}
+
+.bg-white {
+  background: #fff;
+  border: 1px solid #dadada;
+  border-radius: 4px;
+}
+
+.grid25x25_4cross {
+  display: grid;
+  grid-template-columns: repeat(4, 25mm);
+  width: 101.6mm;
+  column-gap: 3mm;
+  padding: 0px 10px;
+}
+
+.sticker25x25 {
+  width: 25mm;
+  height: 25mm;
+  box-sizing: border-box;
+  padding: 3mm;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.sticker25-img {
+  width: 13mm;
+  height: 13mm;
+  object-fit: contain;
+}
+
+.sticker25x25-name {
+  text-align: center;
+  line-height: 1;
+  margin: 0;
+  font-size: 8px;
+}
+
+.product-id2 {
+  word-wrap: break-word;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  white-space: normal;
+  font-size: 8px;
+}
+
+.grid25x50_2cross {
+  justify-content: center;
+  align-items: center;
+  display: grid;
+  grid-template-columns: repeat(2, 50mm);
+  width: 106mm;
+  column-gap: 6mm;
+}
+
+.Sticker3 {
+  padding: 5px;
+  width: 50mm;
+  height: 25mm;
+  text-align: center;
+  font-size: 12px;
+  display: flex;
+  flex-direction: row;
+  font-weight: bold;
+  align-items: center;
+  background: #fff;
+}
+
+.grid50x30_1cross {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .Sticker4 {
+    width: 50mm;
+    height: 30mm;
+    padding: 6px;
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 14px;
+    font-weight: bold;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+
+    > img {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+    }
+  }
+}
+
+.grid50x25_1cross {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .Sticker5 {
+    width: 50mm;
+    height: 25mm;
+    padding: 4px;
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 14px;
+    font-weight: bold;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+
+    > img {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+    }
+  }
+
+  .Sticker5-name {
+    font-size: 10px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    width: 100%;
+  }
+}
+
+.grid100x13_1cross {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .Sticker6 {
+    width: 100mm;
+    height: 13mm;
+    padding: 4px 4px;
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 14px;
+    font-weight: bold;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    justify-content: space-between;
+
+    > img {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+    }
+  }
+}
+
+.grid100x15_1cross {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .Sticker7 {
+    width: 100mm;
+    height: 15mm;
+    padding: 4px 4px;
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 14px;
+    font-weight: bold;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    justify-content: space-between;
+
+    > img {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+    }
+  }
+}
+
+.grid100x150_1cross {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 8px 8px;
+
+  .OverAllSticker8 {
+    width: 100mm;
+    height: 150mm;
+    padding: 4px 4px;
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 14px;
+    font-weight: bold;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: space-between;
+
+    > img {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+    }
+  }
+
+  .Sticker8 {
+    display: flex;
+    justify-content: space-between;
+    width: 100mm;
+    height: 149mm;
+    font-size: 16px;
+    font-weight: bold;
+  }
+
+  .text-section8 {
+    flex: 1;
+    text-align: left;
+    width: 50%;
+  }
+
+  .StikerBr8 {
+    text-align: center;
+    font-size: 16px;
+    font-weight: bold;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+  }
+
+  .text-section8 .field-value {
+    flex: 1;
+    text-align: right;
+    word-wrap: break-word;
+    word-break: break-word;
+    overflow-wrap: break-word;
+  }
+}
+
+.height-max {
+  height: max-content !important;
+}
+
+.Sticker4-name {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+
+.ProductList-pwiseQrcode {
+  height: max-content !important;
+  max-height: 70vh;
+  overflow: auto;
+  scrollbar-width: thin !important;
+}
+
+.inputpwiseQR {
+  width: 150px;
+  height: 40px;
   border-radius: 6px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  svg {
-    width: 25px !important;
-    height: 25px !important;
-    color: #fff !important;
-  }
+  border: 1px solid #e0e0e0;
+  background-color: #ffffff;
+  font-family: "Poppins";
+  font-weight: 500;
+  text-align: center;
+  padding: 10px;
+  outline: none !important;
 }
 
-.SearchSubnavbar-combo {
-  @media (max-width: 1024px) {
-  }
-}
-
-.combuSubNavbarRightSide {
+.indicationInfo {
+  font-size: 12px;
+  color: #555555;
+  margin: 12px 0 6px 0;
   display: flex;
   align-items: center;
-  justify-content: center;
   gap: 10px;
 
-  .comboPrichangeBTN {
-    width: 32px;
-    height: 32px;
-    // background-color: #1292ee;
-    border-radius: 6px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-
-    svg {
-      color: #fff !important;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-    img {
-      width: 20px !important;
-      height: 20px !important;
-    }
+  p {
+    width: 15px;
+    height: 15px;
+    background-color: #c00000;
   }
 
-  .RiVerifiedBadgeFill {
-    width: 32px;
-    height: 32px;
-    background-color: #1292ee;
-    border-radius: 6px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 5px;
+  span {
+    font-size: 12px;
+    color: #333;
+    font-family: "Poppins";
+    font-weight: 500;
+    font-size: 13px;
   }
 }
 
-.keyboardShortcut {
-  width: 32px;
-  height: 32px;
+.AddStockMinatain {
+  display: flex;
+  align-items: center;
+  gap: 6px;
   background-color: #1292ee;
-  border-radius: 6px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
   color: #fff;
+  font-family: "Poppins";
+  font-weight: 500;
+  padding: 2px 4px;
+  border-radius: 4px;
+  cursor: pointer;
 }
-.Layout-bill-Subcontainer {
-  display: flex;
-  width: 100%;
-  justify-content: space-around;
-  font-weight: 600;
-  align-items: center;
-  gap: 2px;
 
-  @media (max-width: 500px) {
-    font-size: 10px;
+.printtabs {
+  display: flex;
+  border-bottom: 2px solid #f0f0f0;
+  margin-bottom: 1rem;
+  gap: 0;
+
+  .tab-item {
+    padding: 6px 12px !important;
+  }
+
+  .print-tabs {
+    display: flex;
+    border-bottom: 2px solid #f0f0f0;
+    margin-bottom: 1rem;
+    gap: 0;
+  }
+
+  .count {
+    margin-left: 6px;
+    font-weight: 600;
+    color: #555;
+  }
+
+  .tab-item {
+    display: flex;
+    padding: 12px 24px;
+    cursor: pointer;
+    border: 1px solid #d9d9d9;
+    border-bottom: none;
+    background: #fafafa;
+    color: #666;
+    font-weight: 500;
+    transition: all 0.3s ease;
+    position: relative;
+    border-radius: 6px 6px 0 0;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .tab-item:first-child {
+    border-right: none;
+  }
+
+  .tab-item:hover {
+    background: #f5f5f5;
+    color: #901d77;
+  }
+
+  .tab-item.active {
+    display: flex;
+    background: #fff;
+    color: #901d77;
+    border-color: #901d77;
+    border-bottom: 2px solid #fff;
+    margin-bottom: -2px;
+    z-index: 1;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .tab-item.active::after {
+    content: "";
+    position: absolute;
+    bottom: -2px;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: #fff;
+  }
+
+  .ProductList-pwiseQrcode {
+    height: 70vh;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    scroll-behavior: auto;
+  }
+
+  .row-red {
+    background-color: #ffe6e6 !important;
+  }
+
+  .row-red td {
+    color: #c00000;
+    font-weight: 500;
+  }
+}
+
+.bulkChangePriceTable {
+  width: 83vw;
+  overflow: auto;
+  scrollbar-width: thin;
+  height: 60vh;
+  position: relative;
+
+  .ant-table-cell {
+    padding: 2px 6px !important;
+  }
+  .ant-table-tbody {
+    height: 60vh !important;
+  }
+  .ant-input {
+    padding: 3px 14px 4px 11px !important;
+    text-align: center;
+  }
+  .ant-table-thead tr {
+    background-color: #2c88ee !important;
+  }
+}
+.PriChangeUpper {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 10px;
+
+  .btnbtninfo {
+    background: #8f1e78;
+    color: #fff;
+    vertical-align: top;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 42px;
+    border-radius: 4px;
+    height: 42px;
+
+    &:hover {
+      background: #d333b3;
+    }
+  }
+}
+
+.pruchaseCatBTN {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  padding: 8px 16px;
+  background-color: #0bad77;
+  border-radius: 7px;
+  color: white;
+  cursor: pointer;
+  font-family: "Poppins";
+  font-weight: 400;
+  white-space: nowrap;
+  font-size: 13.5px;
+  transition: all 0.2s;
+  &:hover {
+    background-color: #069666;
+  }
+}
+
+.scan-receipt-btn {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  padding: 8px 16px;
+  background-color: #1292ee;
+  border-radius: 7px;
+  color: white;
+  cursor: pointer;
+  font-family: "Poppins";
+  font-weight: 400;
+  white-space: nowrap;
+  font-size: 13.5px;
+  transition: all 0.2s;
+  &:hover {
+    background-color: #0985be;
+  }
+}
+.CustomerForm-Master {
+  width: 100%;
+}
+
+// Sree
+.component-table-purchae {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  height: max-content;
+  max-height: 300px;
+  width: 100%;
+  overflow-y: auto;
+  & .ant-table-wrapper table {
+    width: 80%;
+  }
+}
+
+.component-table-new {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  height: 400px;
+  width: 100%;
+  overflow-y: auto;
+  & .ant-table-wrapper table {
+    width: 100%;
+  }
+}
+
+.component-table-new .ant-pagination {
+  position: sticky;
+  bottom: 0;
+  margin: 0 !important;
+  padding: 0.5rem;
+  background-color: #fafafa;
+}
+
+.userPageContent {
+  .wspreorder-input1 {
+    display: flex;
+    align-items: flex-start;
+    gap: 1rem;
     flex-wrap: wrap;
   }
-}
-.pricing-name-details {
-  font-family: "Poppins";
-  font-size: 12px;
-  background: var(--SELECTED_COLOR);
-  padding: 3px 5px;
-  border-radius: 5px;
-  color: white;
-  white-space: nowrap;
-  margin-left: 8rem;
-  font-weight: 400;
-  @media (max-width: 500px) {
-    font-size: 10px !important;
-  }
-}
-
-.MultiSearchIconDiv3 {
-  background-color: #ffffff;
-  color: #1292ee !important;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  width: 32px !important;
-  height: 32px;
-  padding: 4px;
-
-  svg {
-    font-size: 22px;
-    width: 32px !important;
-    height: 32px;
 
+  .ant-form-item-control-input-content {
     display: flex;
+    align-items: flex-start;
+    gap: 10px;
+  }
+
+  .submitButton1 {
+    width: 90%;
+
+    .primary_Button {
+      float: inline-end;
+      color: white;
+    }
   }
 }
+
+@media (max-width: 768px) {
+  .ClassExtraChargesList {
+    .searchAddDiv {
+      flex-wrap: wrap !important;
+    }
+  }
+}
+.LowStockAlterModal {
+  .ant-input-affix-wrapper {
+    width: 300px !important;
+  }
+  .ant-input {
+    padding: 5px 14px 6px 11px !important;
+  }
+}
+.LowStockAlterModalTable {
+  margin-top: 1rem;
+  .ant-table-thead tr {
+    background-color: #2c88ee !important;
+  }
+}
+
+.addFiledInProRec {
+  padding: 12px;
+  height: max-content;
+  max-height: 70vh;
+  overflow: auto;
+  scrollbar-width: thin;
+  background-color: #f4f4f4;
+  border-radius: 8px;
+  .Customized_QuickAdd {
+    margin-bottom: 6px;
+    font-family: "Poppins";
+    font-weight: 400;
+    label {
+      display: flex;
+      align-items: center;
+    }
+  }
+  input {
+    width: 18px !important;
+    height: 20px !important;
+  }
+}
+
+.Shot-KeyBoard {
+  .KBwithKey,
+  .ant-typography {
+    font-family: "Poppins" !important ;
+    font-weight: 400 !important;
+    strong {
+      font-weight: 500 !important;
+    }
+  }
+  .ant-list-item {
+    padding: 10px 0 !important;
+  }
+}
+
+.CusAddressAddBtn {
+  background-color: #1677ff;
+  color: #fff;
+  padding: 6px 10px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 12px;
+  margin-top: 8px;
+  font-weight: 400;
+  font-family: "Poppins";
+}