mozrest-sdk-react-dev 0.3.9 → 0.3.11

package/mozrest-sdk.es.js

@@ -64202,18 +64202,18 @@ const styles$1a = {
   plus: plus$1,
   footer: footer$7
 };
-const mainConatiner$2 = "_mainConatiner_zlm2y_70";
-const header$4 = "_header_zlm2y_81";
-const content$6 = "_content_zlm2y_87";
-const sectionCard$1 = "_sectionCard_zlm2y_101";
-const cardHeader$1 = "_cardHeader_zlm2y_110";
-const cardTitle$1 = "_cardTitle_zlm2y_113";
-const cardDesc$1 = "_cardDesc_zlm2y_117";
-const cardBody$1 = "_cardBody_zlm2y_121";
-const cardFooter$1 = "_cardFooter_zlm2y_125";
-const cardFooterContent$1 = "_cardFooterContent_zlm2y_138";
-const sectionManagement$1 = "_sectionManagement_zlm2y_151";
-const sectionFormRow$1 = "_sectionFormRow_zlm2y_151";
+const mainConatiner$2 = "_mainConatiner_75rsa_64";
+const header$4 = "_header_75rsa_75";
+const content$6 = "_content_75rsa_81";
+const sectionCard$1 = "_sectionCard_75rsa_95";
+const cardHeader$1 = "_cardHeader_75rsa_104";
+const cardTitle$1 = "_cardTitle_75rsa_107";
+const cardDesc$1 = "_cardDesc_75rsa_111";
+const cardBody$1 = "_cardBody_75rsa_115";
+const cardFooter$1 = "_cardFooter_75rsa_119";
+const cardFooterContent$1 = "_cardFooterContent_75rsa_132";
+const sectionManagement$1 = "_sectionManagement_75rsa_145";
+const sectionFormRow$1 = "_sectionFormRow_75rsa_145";
 const styles$19 = {
   mainConatiner: mainConatiner$2,
   header: header$4,
@@ -64287,17 +64287,17 @@ const EmailsCard = ({
     })
   });
 };
-const drawer = "_drawer_1srra_1";
-const drawer__overlay = "_drawer__overlay_1srra_18";
-const drawer__content = "_drawer__content_1srra_34";
-const drawer__header = "_drawer__header_1srra_42";
-const drawer__header__content = "_drawer__header__content_1srra_50";
-const drawer__header__content__desc = "_drawer__header__content__desc_1srra_56";
-const drawer__close = "_drawer__close_1srra_60";
-const drawer__body = "_drawer__body_1srra_71";
+const drawer = "_drawer_1laol_1";
+const drawer__overlay = "_drawer__overlay_1laol_18";
+const drawer__content = "_drawer__content_1laol_34";
+const drawer__header = "_drawer__header_1laol_42";
+const drawer__header__content = "_drawer__header__content_1laol_50";
+const drawer__header__content__desc = "_drawer__header__content__desc_1laol_56";
+const drawer__close = "_drawer__close_1laol_60";
+const drawer__body = "_drawer__body_1laol_71";
 const styles$18 = {
   drawer,
-  "drawer--open": "_drawer--open_1srra_14",
+  "drawer--open": "_drawer--open_1laol_14",
   drawer__overlay,
   drawer__content,
   drawer__header,
@@ -116171,11 +116171,11 @@ const TimeSlotField = ({
     })]
   });
 };
-const container$a = "_container_u4adl_1";
-const slot$1 = "_slot_u4adl_13";
-const close$1 = "_close_u4adl_19";
-const add = "_add_u4adl_33";
-const plus = "_plus_u4adl_47";
+const container$a = "_container_gr7hf_1";
+const slot$1 = "_slot_gr7hf_13";
+const close$1 = "_close_gr7hf_19";
+const add = "_add_gr7hf_33";
+const plus = "_plus_gr7hf_47";
 const styles$G = {
   container: container$a,
   slot: slot$1,
@@ -116216,7 +116216,7 @@ const TimeSlotManager = ({
       type: "button",
       onClick: addSlot,
       children: /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx$1("span", {
+        children: [/* @__PURE__ */ jsx$1("div", {
           className: styles$G.plus,
           children: "+"
         }), t("ADD")]
@@ -122524,14 +122524,14 @@ const ChannelPayment = ({
     });
   };
   if (error3) {
-    return /* @__PURE__ */ jsx$1(Error$2, {
+    return /* @__PURE__ */ jsx$1(Error$1, {
       error: error3
     });
   }
-  return /* @__PURE__ */ jsxs(LayoutPage$2, {
-    children: [isLoading && /* @__PURE__ */ jsx$1(SkeletonPage$1, {}), !isLoading && /* @__PURE__ */ jsx$1("div", {
+  return /* @__PURE__ */ jsxs(LayoutPage$1, {
+    children: [isLoading && /* @__PURE__ */ jsx$1(SkeletonPage, {}), !isLoading && /* @__PURE__ */ jsx$1("div", {
       className: styles$f.conditionsContainer,
-      children: /* @__PURE__ */ jsxs(Card, {
+      children: /* @__PURE__ */ jsxs(Card$1, {
         className: styles$f.conditionsCardContainer,
         children: [/* @__PURE__ */ jsxs("div", {
           style: {
@@ -122581,7 +122581,7 @@ const ChannelPayment = ({
             justifyContent: "center",
             marginTop: 20
           },
-          children: /* @__PURE__ */ jsx$1(Button, {
+          children: /* @__PURE__ */ jsx$1(Button$1, {
             onClick: () => handleOnAgree(),
             children: t2("IAGREE")
           })
@@ -122637,7 +122637,7 @@ const PaymentView = ({
   }, []);
   return /* @__PURE__ */ jsx$1("div", {
     className: styles$e.conditionsContainer,
-    children: /* @__PURE__ */ jsxs(Card, {
+    children: /* @__PURE__ */ jsxs(Card$1, {
       className: styles$e.conditionsCardContainer,
       children: [/* @__PURE__ */ jsxs("div", {
         style: {
@@ -122677,7 +122677,7 @@ const PaymentView = ({
               justifyContent: "center",
               marginTop: 20
             },
-            children: /* @__PURE__ */ jsx$1(Button, {
+            children: /* @__PURE__ */ jsx$1(Button$1, {
               onClick: () => handleOnGetStarted(),
               children: t2("GETSTARTED")
             })
@@ -122711,7 +122711,7 @@ const ChannelSubscription = ({
   };
   useEffect(() => {
   }, []);
-  return /* @__PURE__ */ jsx$1(LayoutPage$2, {
+  return /* @__PURE__ */ jsx$1(LayoutPage$1, {
     children: /* @__PURE__ */ jsx$1(PaymentView, {
       openCheckout,
       subscriptionCompleted,
@@ -124240,53 +124240,53 @@ const ReservationsAnalytics = ({
     })]
   });
 };
-const mainConatiner$1 = "_mainConatiner_1q3j4_48";
-const mainTableContainer = "_mainTableContainer_1q3j4_58";
-const mainSidebarContainer = "_mainSidebarContainer_1q3j4_66";
-const headerReferece = "_headerReferece_1q3j4_76";
-const sidebarCloseIcon = "_sidebarCloseIcon_1q3j4_79";
-const headerContainer = "_headerContainer_1q3j4_131";
-const searchContainer = "_searchContainer_1q3j4_137";
-const buttonList = "_buttonList_1q3j4_148";
-const buttonItem = "_buttonItem_1q3j4_153";
-const addReservationButton = "_addReservationButton_1q3j4_162";
-const tableTopHeader = "_tableTopHeader_1q3j4_171";
-const tableTopHeaderContent = "_tableTopHeaderContent_1q3j4_185";
-const tableTopHeaderContentText = "_tableTopHeaderContentText_1q3j4_192";
-const tableRowContainer = "_tableRowContainer_1q3j4_201";
-const tableRowCard = "_tableRowCard_1q3j4_207";
-const fadeInX = "_fadeInX_1q3j4_1";
-const canceled = "_canceled_1q3j4_215";
-const noData = "_noData_1q3j4_218";
-const tableRowHour = "_tableRowHour_1q3j4_225";
-const tableRowHourText = "_tableRowHourText_1q3j4_241";
-const hours = "_hours_1q3j4_249";
-const tableRowContent = "_tableRowContent_1q3j4_255";
-const rowImage = "_rowImage_1q3j4_270";
-const rowContactContainer = "_rowContactContainer_1q3j4_284";
-const rowContactText = "_rowContactText_1q3j4_296";
-const rowContactPhone = "_rowContactPhone_1q3j4_302";
-const rowSectionContainer = "_rowSectionContainer_1q3j4_309";
-const rowSection = "_rowSection_1q3j4_309";
-const rowSectionText = "_rowSectionText_1q3j4_322";
-const rowSectionSecText = "_rowSectionSecText_1q3j4_328";
-const rowActionButton = "_rowActionButton_1q3j4_335";
-const bookingInfoContainer = "_bookingInfoContainer_1q3j4_348";
-const bookingInfoCardColumn = "_bookingInfoCardColumn_1q3j4_353";
-const bookingInfoCardContainer = "_bookingInfoCardContainer_1q3j4_361";
-const bookingInfoCard = "_bookingInfoCard_1q3j4_353";
-const bookingInfoCardContent = "_bookingInfoCardContent_1q3j4_373";
-const bookingInfoCardTitle = "_bookingInfoCardTitle_1q3j4_379";
-const bookingInfoCardText = "_bookingInfoCardText_1q3j4_382";
+const mainConatiner$1 = "_mainConatiner_1qp4s_7";
+const mainTableContainer = "_mainTableContainer_1qp4s_17";
+const mainSidebarContainer = "_mainSidebarContainer_1qp4s_25";
+const headerReferece = "_headerReferece_1qp4s_35";
+const sidebarCloseIcon = "_sidebarCloseIcon_1qp4s_38";
+const headerContainer = "_headerContainer_1qp4s_90";
+const searchContainer = "_searchContainer_1qp4s_96";
+const buttonList = "_buttonList_1qp4s_107";
+const buttonItem = "_buttonItem_1qp4s_112";
+const addReservationButton = "_addReservationButton_1qp4s_121";
+const tableTopHeader = "_tableTopHeader_1qp4s_130";
+const tableTopHeaderContent = "_tableTopHeaderContent_1qp4s_144";
+const tableTopHeaderContentText = "_tableTopHeaderContentText_1qp4s_151";
+const tableRowContainer = "_tableRowContainer_1qp4s_160";
+const tableRowCard = "_tableRowCard_1qp4s_166";
+const fadeInX = "_fadeInX_1qp4s_1";
+const canceled = "_canceled_1qp4s_174";
+const noData = "_noData_1qp4s_177";
+const tableRowHour = "_tableRowHour_1qp4s_184";
+const tableRowHourText = "_tableRowHourText_1qp4s_200";
+const hours = "_hours_1qp4s_208";
+const tableRowContent = "_tableRowContent_1qp4s_214";
+const rowImage = "_rowImage_1qp4s_229";
+const rowContactContainer = "_rowContactContainer_1qp4s_243";
+const rowContactText = "_rowContactText_1qp4s_255";
+const rowContactPhone = "_rowContactPhone_1qp4s_261";
+const rowSectionContainer = "_rowSectionContainer_1qp4s_268";
+const rowSection = "_rowSection_1qp4s_268";
+const rowSectionText = "_rowSectionText_1qp4s_281";
+const rowSectionSecText = "_rowSectionSecText_1qp4s_287";
+const rowActionButton = "_rowActionButton_1qp4s_294";
+const bookingInfoContainer = "_bookingInfoContainer_1qp4s_307";
+const bookingInfoCardColumn = "_bookingInfoCardColumn_1qp4s_312";
+const bookingInfoCardContainer = "_bookingInfoCardContainer_1qp4s_320";
+const bookingInfoCard = "_bookingInfoCard_1qp4s_312";
+const bookingInfoCardContent = "_bookingInfoCardContent_1qp4s_332";
+const bookingInfoCardTitle = "_bookingInfoCardTitle_1qp4s_338";
+const bookingInfoCardText = "_bookingInfoCardText_1qp4s_341";
 const styles$8 = {
   mainConatiner: mainConatiner$1,
   mainTableContainer,
   mainSidebarContainer,
   headerReferece,
   sidebarCloseIcon,
-  "mainSidebarContainer--open": "_mainSidebarContainer--open_1q3j4_87",
-  "mainSidebarContainer--close": "_mainSidebarContainer--close_1q3j4_93",
-  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_1q3j4_101",
+  "mainSidebarContainer--open": "_mainSidebarContainer--open_1qp4s_46",
+  "mainSidebarContainer--close": "_mainSidebarContainer--close_1qp4s_52",
+  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_1qp4s_60",
   headerContainer,
   searchContainer,
   buttonList,
@@ -124574,12 +124574,12 @@ const DatePicker = ({
             }
     
             .ant-picker-content {
-                background-color: #2F3349 !important;
+                background-color: var(--ant-picker-bg) !important;
                 color: var(--ant-picker-text-color) !important;
             }
     
             .ant-picker-content thead th {
-                background-color: #2F3349 !important;
+                background-color: var(--ant-picker-bg) !important;
                 color: var(--ant-picker-text-color) !important;
                 text-transform: uppercase;
             }
@@ -124596,7 +124596,7 @@ const DatePicker = ({
             }
     
             .ant-picker-cell-in-view.ant-picker-cell:hover {
-                background-color: var(--ant-picker-text-color) !important;
+                background-color: var(--ant-picker-hover-cell-bg) !important;
                 color: var(--ant-picker-text-color) !important;
             }
     
@@ -124605,7 +124605,7 @@ const DatePicker = ({
             }
     
             .ant-picker-cell-inner:hover {
-                background-color: #3A3D54 !important;
+                background-color: var(--ant-picker-bg) !important;
             }
     
             .ant-picker-footer {
@@ -124614,7 +124614,7 @@ const DatePicker = ({
     
             .ant-picker-today-btn {
                 color: white !important;
-                background-color: #3A3D54 !important;
+                background-color: var(--ant-picker-bg) !important;
                 border-radius: 6px;
                 padding: 4px 8px;
             }
@@ -124782,10 +124782,7 @@ const index$8 = ({
         radius: "md",
         filled: true,
         borderLess: true,
-        rounded: true,
-        customStyles: {
-          backgroundColor: "#2F3349"
-        }
+        rounded: true
       })
     }), /* @__PURE__ */ jsxs("div", {
       className: styles$8.buttonList,
@@ -125111,7 +125108,7 @@ const TableBody = ({
         });
         return `${formattedTime}:00`;
       });
-      const sortedGroupedByHour = _23(groupedByHour).toPairs().map(([hour2, reservations]) => [hour2, _23.orderBy(reservations, (r2) => new Date(r2.date), ["desc"])]).orderBy(([hour2]) => parseInt(hour2.split(":")[0], 10), ["asc"]).fromPairs().value();
+      const sortedGroupedByHour = _23(groupedByHour).toPairs().map(([hour2, reservations]) => [hour2, _23.orderBy(reservations, (r2) => new Date(r2.date), ["asc"])]).orderBy(([hour2]) => parseInt(hour2.split(":")[0], 10), ["asc"]).fromPairs().value();
       setFormattedData(sortedGroupedByHour);
     }
   }, [data2, filtersData]);
@@ -126653,23 +126650,23 @@ function Main$1({
     })
   });
 }
-const mainConatiner = "_mainConatiner_1edlz_70";
-const header$1 = "_header_1edlz_81";
-const content = "_content_1edlz_87";
-const sectionCard = "_sectionCard_1edlz_100";
-const cardHeader = "_cardHeader_1edlz_105";
-const cardTitle = "_cardTitle_1edlz_108";
-const cardDesc = "_cardDesc_1edlz_112";
-const cardBody = "_cardBody_1edlz_116";
-const cardFooter = "_cardFooter_1edlz_120";
-const cardFooterContent = "_cardFooterContent_1edlz_120";
-const sectionManagement = "_sectionManagement_1edlz_132";
-const sectionFormRow = "_sectionFormRow_1edlz_132";
-const drawerContent = "_drawerContent_1edlz_139";
-const scrollableForm = "_scrollableForm_1edlz_144";
-const fixedActions = "_fixedActions_1edlz_150";
-const specialDatesInfoText = "_specialDatesInfoText_1edlz_159";
-const deleteIcon = "_deleteIcon_1edlz_173";
+const mainConatiner = "_mainConatiner_70uhk_64";
+const header$1 = "_header_70uhk_75";
+const content = "_content_70uhk_81";
+const sectionCard = "_sectionCard_70uhk_94";
+const cardHeader = "_cardHeader_70uhk_99";
+const cardTitle = "_cardTitle_70uhk_102";
+const cardDesc = "_cardDesc_70uhk_106";
+const cardBody = "_cardBody_70uhk_110";
+const cardFooter = "_cardFooter_70uhk_114";
+const cardFooterContent = "_cardFooterContent_70uhk_114";
+const sectionManagement = "_sectionManagement_70uhk_126";
+const sectionFormRow = "_sectionFormRow_70uhk_126";
+const drawerContent = "_drawerContent_70uhk_133";
+const scrollableForm = "_scrollableForm_70uhk_138";
+const fixedActions = "_fixedActions_70uhk_144";
+const specialDatesInfoText = "_specialDatesInfoText_70uhk_153";
+const deleteIcon = "_deleteIcon_70uhk_167";
 const styles$6 = {
   mainConatiner,
   header: header$1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.3.09",
+  "version": "0.3.11",
   "main": "mozrest-sdk.es.js",
   "keywords": [
     "mozrest"

package/style.css

@@ -314,12 +314,12 @@
   --checkbox-disabled-bg: #f9f9f9;
   --moz-border: #e5e7eb;
   --moz-border-hover: #b1b1b1;
-  --ant-picker-bg: #2F3349 !important;
+  --ant-picker-bg: #ffffff !important;
   --ant-picker-border-radius: 6px !important;
-  --ant-picker-text-color: #ffffff !important;
-  --ant-picker-hover-cell-bg: #3A3D54 !important;
-  --ant-picker-selected-cell-bg: #4C4F64 !important;
-  --ant-picker-cell-hover-color: #ffffff !important;
+  --ant-picker-text-color: #2d2d2d !important;
+  --ant-picker-hover-cell-bg: #c5ccff !important;
+  --ant-picker-selected-cell-bg: #cccccc !important;
+  --ant-picker-cell-hover-color: #c7c7c7 !important;
 }
 @media (min-width: 768px) {
   :root {
@@ -1966,12 +1966,6 @@
   --state-active: gray !important;
   --moz-state-active: #383868 !important;
   --moz-container-padding: 0 !important;
-  --ant-picker-bg: #2F3349 !important;
-  --ant-picker-border-radius: 6px !important;
-  --ant-picker-text-color: #ffffff !important;
-  --ant-picker-hover-cell-bg: #3A3D54 !important;
-  --ant-picker-selected-cell-bg: #4C4F64 !important;
-  --ant-picker-cell-hover-color: #ffffff !important;
 }
 body {
   margin: 0 !important;
@@ -1987,7 +1981,7 @@ hr {
   border: 0;
   border-top: 2px solid #42465a;
 }
-._my-masonry-grid_zlm2y_48 {
+._my-masonry-grid_75rsa_42 {
   display: -webkit-box;
   /* Not needed if autoprefixing */
   display: -ms-flexbox;
@@ -1997,16 +1991,16 @@ hr {
   /* gutter size offset */
   width: auto;
 }
-._my-masonry-grid_column_zlm2y_59 {
+._my-masonry-grid_column_75rsa_53 {
   padding-left: 40px;
   /* gutter size */
   background-clip: padding-box;
 }
-._my-masonry-grid_column_zlm2y_59 > div {
+._my-masonry-grid_column_75rsa_53 > div {
   /* change div to reference your elements you put in <Masonry> */
   margin-bottom: 40px;
 }
-._mainConatiner_zlm2y_70 {
+._mainConatiner_75rsa_64 {
   color: var(--moz-text-primary);
   height: 100vh;
   max-height: 100vh;
@@ -2017,13 +2011,13 @@ hr {
   overflow: hidden;
   overflow-y: auto;
 }
-._mainConatiner_zlm2y_70 ._header_zlm2y_81 {
+._mainConatiner_75rsa_64 ._header_75rsa_75 {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   padding: 1.25rem;
 }
-._mainConatiner_zlm2y_70 ._content_zlm2y_87 {
+._mainConatiner_75rsa_64 ._content_75rsa_81 {
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -2032,10 +2026,10 @@ hr {
   overflow-y: auto;
   flex-wrap: wrap;
 }
-._textSecondary_zlm2y_97 {
+._textSecondary_75rsa_91 {
   color: var(--moz-text-secondary);
 }
-._sectionCard_zlm2y_101 {
+._sectionCard_75rsa_95 {
   padding: 0;
   width: 350px;
   background-color: var(--moz-cta-content-bg);
@@ -2044,35 +2038,35 @@ hr {
   flex-direction: column;
   border-radius: 5px;
 }
-._sectionCard_zlm2y_101 ._cardHeader_zlm2y_110 {
+._sectionCard_75rsa_95 ._cardHeader_75rsa_104 {
   padding: 1.5rem;
 }
-._sectionCard_zlm2y_101 ._cardHeader_zlm2y_110 ._cardTitle_zlm2y_113 {
+._sectionCard_75rsa_95 ._cardHeader_75rsa_104 ._cardTitle_75rsa_107 {
   font-size: 18px;
   color: var(--moz-text-label);
 }
-._sectionCard_zlm2y_101 ._cardHeader_zlm2y_110 ._cardDesc_zlm2y_117 {
+._sectionCard_75rsa_95 ._cardHeader_75rsa_104 ._cardDesc_75rsa_111 {
   font-size: 14px;
   color: var(--moz-text-secondary);
 }
-._sectionCard_zlm2y_101 ._cardBody_zlm2y_121 {
+._sectionCard_75rsa_95 ._cardBody_75rsa_115 {
   padding: 0 1.5rem 1.5rem 1.5rem;
   color: var(--moz-text-label);
 }
-._sectionCard_zlm2y_101 ._cardFooter_zlm2y_125 {
+._sectionCard_75rsa_95 ._cardFooter_75rsa_119 {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: stretch;
 }
-._sectionCard_zlm2y_101 ._cardFooter_zlm2y_125 hr {
+._sectionCard_75rsa_95 ._cardFooter_75rsa_119 hr {
   margin: 0;
   border: 0;
   border-top: 1px solid var(--moz-text-secondary);
   width: 100%;
 }
-._sectionCard_zlm2y_101 ._cardFooterContent_zlm2y_138 {
+._sectionCard_75rsa_95 ._cardFooterContent_75rsa_132 {
   padding: 0.5rem;
   display: flex;
   justify-content: center;
@@ -2084,49 +2078,49 @@ hr {
   color: var(--moz-text-secondary);
   cursor: pointer;
 }
-._sectionManagement_zlm2y_151 ._sectionFormRow_zlm2y_151 {
+._sectionManagement_75rsa_145 ._sectionFormRow_75rsa_145 {
   display: flex;
   gap: 0.75rem;
   padding: 1.5rem;
   justify-content: center;
   align-items: center;
 }
-._sectionManagement_zlm2y_151 ._drawerContent_zlm2y_158 {
+._sectionManagement_75rsa_145 ._drawerContent_75rsa_152 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-._sectionManagement_zlm2y_151 ._scrollableForm_zlm2y_163 {
+._sectionManagement_75rsa_145 ._scrollableForm_75rsa_157 {
   flex: 1;
   overflow-y: auto;
   padding-top: 0px;
   padding: 20px;
 }
-._sectionManagement_zlm2y_151 ._fixedActions_zlm2y_169 {
+._sectionManagement_75rsa_145 ._fixedActions_75rsa_163 {
   display: flex;
   justify-content: flex-end;
   gap: 10px;
   padding: 20px;
   padding-bottom: 5px;
   border-top: 1px solid var(--moz-text-secondary);
-}._drawer_1srra_1 {
+}._drawer_1laol_1 {
   position: fixed;
   top: 0;
   right: -200%;
   width: auto;
   height: 100%;
-  background-color: #2F3349;
-  color: white;
+  background-color: var(--moz-cta-content-bg);
+  color: var(--moz-text-primary);
   transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;
   z-index: 151;
   box-shadow: -4px 0 10px rgba(0, 0, 0, 0.3);
   pointer-events: none;
 }
-._drawer--open_1srra_14 {
+._drawer--open_1laol_14 {
   right: 0;
   pointer-events: auto;
 }
-._drawer__overlay_1srra_18 {
+._drawer__overlay_1laol_18 {
   position: fixed;
   top: 0;
   left: 0;
@@ -2138,48 +2132,48 @@ hr {
   opacity: 0;
   pointer-events: none;
 }
-._drawer--open_1srra_14 ._drawer__overlay_1srra_18 {
+._drawer--open_1laol_14 ._drawer__overlay_1laol_18 {
   opacity: 1;
   pointer-events: auto;
 }
-._drawer__content_1srra_34 {
+._drawer__content_1laol_34 {
   position: relative;
   z-index: 1052;
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: #2F3349;
+  background-color: var(--moz-cta-content-bg);
 }
-._drawer__header_1srra_42 {
+._drawer__header_1laol_42 {
   padding: 16px;
-  background-color: #2F3349;
+  background-color: var(--moz-cta-content-bg);
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border-bottom: 1px solid #444;
+  border-bottom: 1px solid var(--moz-border);
 }
-._drawer__header__content_1srra_50 {
+._drawer__header__content_1laol_50 {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   gap: 0.25rem;
 }
-._drawer__header__content__desc_1srra_56 {
+._drawer__header__content__desc_1laol_56 {
   font-size: 14px;
-  color: #9392a3;
+  color: var(--moz-text-secondary);
 }
-._drawer__header_1srra_42 ._drawer__close_1srra_60 {
+._drawer__header_1laol_42 ._drawer__close_1laol_60 {
   background: none;
   border: none;
-  color: white;
+  color: var(--moz-text-primary);
   font-size: 24px;
   cursor: pointer;
   transition: transform 0.2s;
 }
-._drawer__header_1srra_42 ._drawer__close_1srra_60:hover {
+._drawer__header_1laol_42 ._drawer__close_1laol_60:hover {
   transform: scale(1.2);
 }
-._drawer__body_1srra_71 {
+._drawer__body_1laol_71 {
   flex: 1;
   overflow-y: auto;
   padding: 16px;
@@ -2885,25 +2879,25 @@ hr {
 }
 ._container_w3z1y_1 > div {
   min-width: 100px;
-}._container_u4adl_1 {
+}._container_gr7hf_1 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 1rem;
 }
 @media (max-width: 768px) {
-  ._container_u4adl_1 {
+  ._container_gr7hf_1 {
     justify-content: center;
   }
 }
 
-._slot_u4adl_13 {
+._slot_gr7hf_13 {
   display: flex;
   align-items: center;
   gap: 1rem;
   flex-wrap: wrap;
 }
-._slot_u4adl_13 ._close_u4adl_19 {
+._slot_gr7hf_13 ._close_gr7hf_19 {
   border: none;
   background-color: var(--moz-cta-secondary);
   color: var(--moz-cta-secondary-text);
@@ -2917,7 +2911,7 @@ hr {
   margin-top: 1.5rem;
 }
 
-._add_u4adl_33 {
+._add_gr7hf_33 {
   margin-top: 1.5rem;
   display: flex;
   align-items: center;
@@ -2931,14 +2925,15 @@ hr {
   padding-right: 0.6rem;
   cursor: pointer;
 }
-._add_u4adl_33 ._plus_u4adl_47 {
+._add_gr7hf_33 ._plus_gr7hf_47 {
   height: 20px;
   width: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 100%;
-  border: 1px solid white;
+  color: var(--moz-cta-secondary-text);
+  border: 1px solid var(--moz-border);
 }._regularHour_1xx5k_1 {
   display: flex;
   padding: 1.25rem 2rem;
@@ -4039,49 +4034,11 @@ ul._channels_34lsg_13 ._error_34lsg_34 {
   background: var(--moz-cta-success-hover);
   color: var(--moz-cta-success-text-hover);
 }
-:root {
-  --font-family: "Public Sans", sans-serif !important;
-  --cta-primary: #25293C !important;
-  --cta-primary-text: white !important;
-  --cta-primary-hover: white !important;
-  --cta-primary-text-hover: black !important;
-  --moz-cta-secondary: #383868 !important;
-  --moz-cta-secondary-text: white !important;
-  --moz-cta-secondary-hover: white !important;
-  --moz-cta-secondary-text-hover: black !important;
-  --cta-secondary: #777 !important;
-  --cta-secondary-text: #CFCDE4 !important;
-  --cta-secondary-hover: #CFCDE4 !important;
-  --cta-secondary-text-hover: black !important;
-  --text-primary: white !important;
-  --text-secondary: rgb(15, 163, 227) !important;
-  --text-title: #CFCDE4 !important;
-  --text-label: #CFCDE4 !important;
-  --state-active: gray !important;
-  --moz-state-active: #383868 !important;
-  --moz-container-padding: 0 !important;
-  --ant-picker-bg: #2F3349 !important;
-  --ant-picker-border-radius: 6px !important;
-  --ant-picker-text-color: #ffffff !important;
-  --ant-picker-hover-cell-bg: #3A3D54 !important;
-  --ant-picker-selected-cell-bg: #4C4F64 !important;
-  --ant-picker-cell-hover-color: #ffffff !important;
-}
-body {
-  margin: 0 !important;
-  font-family: "Public Sans", sans-serif !important;
-  font: italic !important;
-  font-weight: normal !important;
-}
-h1, h2, h3, h4, h5, h6 {
-  font-family: "Public Sans", sans-serif !important;
-  font-weight: normal !important;
-}
 hr {
   border: 0;
-  border-top: 2px solid #42465a;
+  border-top: 2px solid var(--moz-border) !important;
 }
-._mainConatiner_1q3j4_48 {
+._mainConatiner_1qp4s_7 {
   color: var(--moz-text-primary);
   max-height: 100vh;
   padding-left: 10px;
@@ -4091,7 +4048,7 @@ hr {
   background-color: var(--moz-cta-body-bg);
   overflow: hidden;
 }
-._mainConatiner_1q3j4_48 ._mainTableContainer_1q3j4_58 {
+._mainConatiner_1qp4s_7 ._mainTableContainer_1qp4s_17 {
   padding-top: 10px;
   flex: 1;
   display: flex;
@@ -4099,7 +4056,7 @@ hr {
   overflow: hidden;
   height: 100vh;
 }
-._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 {
+._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 {
   width: auto;
   padding: 1rem;
   height: 100vh;
@@ -4109,100 +4066,100 @@ hr {
   transition: 0.3s;
   position: inherit;
 }
-._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._headerReferece_1q3j4_76 {
+._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._headerReferece_1qp4s_35 {
   color: var(--moz-text-primary);
 }
-._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._sidebarCloseIcon_1q3j4_79 {
+._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon_1qp4s_38 {
   display: none;
 }
 @media (max-width: 768px) {
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 {
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer--open_1q3j4_87 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer--open_1qp4s_46 {
     position: fixed;
     right: 0px;
     width: 100%;
     padding: 1rem;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer--close_1q3j4_93 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer--close_1qp4s_52 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._sidebarCloseIcon_1q3j4_79 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon_1qp4s_38 {
     display: none;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._sidebarCloseIcon--show_1q3j4_101 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon--show_1qp4s_60 {
     display: block;
     cursor: pointer;
   }
 }
 @media (min-width: 768px) and (max-width: 1200px) {
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 {
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer--open_1q3j4_87 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer--open_1qp4s_46 {
     position: fixed;
     right: 0px;
     width: 400px;
     padding: 1rem;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer--close_1q3j4_93 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer--close_1qp4s_52 {
     position: inherit;
     width: 0px;
     padding: 0;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._sidebarCloseIcon_1q3j4_79 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon_1qp4s_38 {
     display: none;
   }
-  ._mainConatiner_1q3j4_48 ._mainSidebarContainer_1q3j4_66 ._sidebarCloseIcon--show_1q3j4_101 {
+  ._mainConatiner_1qp4s_7 ._mainSidebarContainer_1qp4s_25 ._sidebarCloseIcon--show_1qp4s_60 {
     display: block;
     cursor: pointer;
   }
 }
-._headerContainer_1q3j4_131 {
+._headerContainer_1qp4s_90 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
 }
-._headerContainer_1q3j4_131 ._searchContainer_1q3j4_137 {
+._headerContainer_1qp4s_90 ._searchContainer_1qp4s_96 {
   display: flex;
   align-items: center;
   gap: 10px;
   width: 180px;
 }
 @media (max-width: 768px) {
-  ._headerContainer_1q3j4_131 ._searchContainer_1q3j4_137 {
+  ._headerContainer_1qp4s_90 ._searchContainer_1qp4s_96 {
     width: 200px;
   }
 }
-._headerContainer_1q3j4_131 ._buttonList_1q3j4_148 {
+._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-._headerContainer_1q3j4_131 ._buttonList_1q3j4_148 ._buttonItem_1q3j4_153 {
+._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._buttonItem_1qp4s_112 {
   display: block;
   transition: 0.3s;
 }
 @media (max-width: 768px) {
-  ._headerContainer_1q3j4_131 ._buttonList_1q3j4_148 ._buttonItem_1q3j4_153 {
+  ._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._buttonItem_1qp4s_112 {
     display: none;
   }
 }
-._headerContainer_1q3j4_131 ._buttonList_1q3j4_148 ._addReservationButton_1q3j4_162 {
+._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._addReservationButton_1qp4s_121 {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._headerContainer_1q3j4_131 ._buttonList_1q3j4_148 ._addReservationButton_1q3j4_162 {
+  ._headerContainer_1qp4s_90 ._buttonList_1qp4s_107 ._addReservationButton_1qp4s_121 {
     display: none;
   }
 }
-._tableTopHeader_1q3j4_171 {
+._tableTopHeader_1qp4s_130 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4211,50 +4168,50 @@ hr {
   font: 1.125rem/1.75rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeader_1q3j4_171 {
+  ._tableTopHeader_1qp4s_130 {
     font: 0.75rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableTopHeaderContent_1q3j4_185 {
+._tableTopHeaderContent_1qp4s_144 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 20px;
   margin-bottom: 10px;
 }
-._tableTopHeaderContent_1q3j4_185 ._tableTopHeaderContentText_1q3j4_192 {
+._tableTopHeaderContent_1qp4s_144 ._tableTopHeaderContentText_1qp4s_151 {
   font: 600 1.875rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableTopHeaderContent_1q3j4_185 ._tableTopHeaderContentText_1q3j4_192 {
+  ._tableTopHeaderContent_1qp4s_144 ._tableTopHeaderContentText_1qp4s_151 {
     font: 600 1.5rem/2rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_1q3j4_201 {
+._tableRowContainer_1qp4s_160 {
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 0.5rem;
 }
-._tableRowContainer_1q3j4_201 ._tableRowCard_1q3j4_207 {
+._tableRowContainer_1qp4s_160 ._tableRowCard_1qp4s_166 {
   padding: 0;
   background-color: var(--moz-cta-content-bg);
   overflow-x: auto;
   opacity: 0;
   transform: translateX(-20px);
-  animation: _fadeInX_1q3j4_1 0.3s ease-in forwards;
+  animation: _fadeInX_1qp4s_1 0.3s ease-in forwards;
 }
-._tableRowContainer_1q3j4_201 ._tableRowCard_1q3j4_207 ._canceled_1q3j4_215 {
+._tableRowContainer_1qp4s_160 ._tableRowCard_1qp4s_166 ._canceled_1qp4s_174 {
   text-decoration: line-through;
 }
-._tableRowContainer_1q3j4_201 ._tableRowCard_1q3j4_207 ._noData_1q3j4_218 {
+._tableRowContainer_1qp4s_160 ._tableRowCard_1qp4s_166 ._noData_1qp4s_177 {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100px;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_1q3j4_201 ._tableRowHour_1q3j4_225 {
+._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 {
   display: flex;
   width: 150px;
   flex-direction: column;
@@ -4266,25 +4223,25 @@ hr {
   background-color: var(--moz-cta-content-sec-bg);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowHour_1q3j4_225 {
+  ._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 {
     padding: 0 0.5rem 0 0.5rem;
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowHour_1q3j4_225 ._tableRowHourText_1q3j4_241 {
+._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 ._tableRowHourText_1qp4s_200 {
   font: 600 1.6rem/2.25rem var(--moz-font-family-title);
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowHour_1q3j4_225 ._tableRowHourText_1q3j4_241 {
+  ._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 ._tableRowHourText_1qp4s_200 {
     font: 1.25rem/1.75rem var(--moz-font-family-title);
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowHour_1q3j4_225 ._hours_1q3j4_249 {
+._tableRowContainer_1qp4s_160 ._tableRowHour_1qp4s_184 ._hours_1qp4s_208 {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.5rem;
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -4294,26 +4251,26 @@ hr {
   width: 100%;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 {
+  ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 {
     flex-direction: column;
     padding: 0.5rem;
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowImage_1q3j4_270 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowImage_1qp4s_229 {
   width: 45px;
   height: 45px;
   border-radius: 50%;
   margin-right: 10px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowImage_1q3j4_270 {
+  ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowImage_1qp4s_229 {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     margin-right: 5px;
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowContactContainer_1q3j4_284 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 {
   display: flex;
   flex-direction: column;
   text-align: left;
@@ -4321,24 +4278,24 @@ hr {
   max-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowContactContainer_1q3j4_284 {
+  ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 {
     text-align: center;
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowContactContainer_1q3j4_284 ._rowContactText_1q3j4_296 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 ._rowContactText_1qp4s_255 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowContactContainer_1q3j4_284 ._rowContactPhone_1q3j4_302 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowContactContainer_1qp4s_243 ._rowContactPhone_1qp4s_261 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowSectionContainer_1q3j4_309 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 {
   display: flex;
   flex-direction: row;
   text-align: center;
@@ -4346,25 +4303,25 @@ hr {
   min-width: 200px;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowSectionContainer_1q3j4_309 {
+  ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 {
     justify-content: center;
     gap: 20px;
   }
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowSectionContainer_1q3j4_309 ._rowSection_1q3j4_309 ._rowSectionText_1q3j4_322 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 ._rowSection_1qp4s_268 ._rowSectionText_1qp4s_281 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowSectionContainer_1q3j4_309 ._rowSection_1q3j4_309 ._rowSectionSecText_1q3j4_328 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowSectionContainer_1qp4s_268 ._rowSection_1qp4s_268 ._rowSectionSecText_1qp4s_287 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
   color: var(--moz-text-secondary);
 }
-._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowActionButton_1q3j4_335 {
+._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowActionButton_1qp4s_294 {
   min-width: 200px;
   display: flex;
   flex: 1;
@@ -4372,16 +4329,16 @@ hr {
   display: inherit;
 }
 @media (max-width: 768px) {
-  ._tableRowContainer_1q3j4_201 ._tableRowContent_1q3j4_255 ._rowActionButton_1q3j4_335 {
+  ._tableRowContainer_1qp4s_160 ._tableRowContent_1qp4s_214 ._rowActionButton_1qp4s_294 {
     display: none;
   }
 }
-._bookingInfoContainer_1q3j4_348 {
+._bookingInfoContainer_1qp4s_307 {
   width: 100%;
   display: flex;
   justify-content: space-between;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 {
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -4389,11 +4346,11 @@ hr {
   flex-wrap: wrap;
   margin: 10px;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 ._bookingInfoCardContainer_1q3j4_361 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 {
   display: flex;
   gap: 10px;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 ._bookingInfoCardContainer_1q3j4_361 ._bookingInfoCard_1q3j4_353 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCard_1qp4s_312 {
   width: 43px;
   height: 43px;
   background-color: var(--moz-cta-content-sec-bg);
@@ -4401,19 +4358,19 @@ hr {
   padding: 10px;
   border-radius: 6px;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 ._bookingInfoCardContainer_1q3j4_361 ._bookingInfoCardContent_1q3j4_373 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCardContent_1qp4s_332 {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 4px;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 ._bookingInfoCardContainer_1q3j4_361 ._bookingInfoCardContent_1q3j4_373 ._bookingInfoCardTitle_1q3j4_379 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCardContent_1qp4s_332 ._bookingInfoCardTitle_1qp4s_338 {
   color: white;
 }
-._bookingInfoContainer_1q3j4_348 ._bookingInfoCardColumn_1q3j4_353 ._bookingInfoCardContainer_1q3j4_361 ._bookingInfoCardContent_1q3j4_373 ._bookingInfoCardText_1q3j4_382 {
+._bookingInfoContainer_1qp4s_307 ._bookingInfoCardColumn_1qp4s_312 ._bookingInfoCardContainer_1qp4s_320 ._bookingInfoCardContent_1qp4s_332 ._bookingInfoCardText_1qp4s_341 {
   color: var(--moz-text-secondary);
 }
-@keyframes _fadeInX_1q3j4_1 {
+@keyframes _fadeInX_1qp4s_1 {
   from {
     opacity: 0;
     transform: translateX(-20px);
@@ -31045,12 +31002,6 @@ div.ant-typography-edit-content.ant-typography-rtl {
   --state-active: gray !important;
   --moz-state-active: #383868 !important;
   --moz-container-padding: 0 !important;
-  --ant-picker-bg: #2F3349 !important;
-  --ant-picker-border-radius: 6px !important;
-  --ant-picker-text-color: #ffffff !important;
-  --ant-picker-hover-cell-bg: #3A3D54 !important;
-  --ant-picker-selected-cell-bg: #4C4F64 !important;
-  --ant-picker-cell-hover-color: #ffffff !important;
 }
 body {
   margin: 0 !important;
@@ -31066,7 +31017,7 @@ hr {
   border: 0;
   border-top: 2px solid #42465a;
 }
-._my-masonry-grid_1edlz_48 {
+._my-masonry-grid_70uhk_42 {
   display: -webkit-box;
   /* Not needed if autoprefixing */
   display: -ms-flexbox;
@@ -31076,16 +31027,16 @@ hr {
   /* gutter size offset */
   width: auto;
 }
-._my-masonry-grid_column_1edlz_59 {
+._my-masonry-grid_column_70uhk_53 {
   padding-left: 40px;
   /* gutter size */
   background-clip: padding-box;
 }
-._my-masonry-grid_column_1edlz_59 > div {
+._my-masonry-grid_column_70uhk_53 > div {
   /* change div to reference your elements you put in <Masonry> */
   margin-bottom: 40px;
 }
-._mainConatiner_1edlz_70 {
+._mainConatiner_70uhk_64 {
   color: var(--moz-text-primary);
   height: 100vh;
   max-height: 100vh;
@@ -31096,13 +31047,13 @@ hr {
   overflow: hidden;
   overflow-y: auto;
 }
-._mainConatiner_1edlz_70 ._header_1edlz_81 {
+._mainConatiner_70uhk_64 ._header_70uhk_75 {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   padding: 1.25rem;
 }
-._mainConatiner_1edlz_70 ._content_1edlz_87 {
+._mainConatiner_70uhk_64 ._content_70uhk_81 {
   display: flex;
   justify-content: center;
   align-items: flex-start;
@@ -31110,30 +31061,30 @@ hr {
   padding: 1.5rem;
   overflow-y: auto;
 }
-._textSecondary_1edlz_96 {
+._textSecondary_70uhk_90 {
   color: var(--moz-text-secondary);
 }
-._sectionCard_1edlz_100 {
+._sectionCard_70uhk_94 {
   padding: 0;
   max-width: 400px;
   background-color: var(--moz-cta-content-bg);
 }
-._sectionCard_1edlz_100 ._cardHeader_1edlz_105 {
+._sectionCard_70uhk_94 ._cardHeader_70uhk_99 {
   padding: 1.5rem;
 }
-._sectionCard_1edlz_100 ._cardHeader_1edlz_105 ._cardTitle_1edlz_108 {
+._sectionCard_70uhk_94 ._cardHeader_70uhk_99 ._cardTitle_70uhk_102 {
   font-size: 18px;
   color: var(--moz-text-label);
 }
-._sectionCard_1edlz_100 ._cardHeader_1edlz_105 ._cardDesc_1edlz_112 {
+._sectionCard_70uhk_94 ._cardHeader_70uhk_99 ._cardDesc_70uhk_106 {
   font-size: 14px;
   color: var(--moz-text-secondary);
 }
-._sectionCard_1edlz_100 ._cardBody_1edlz_116 {
+._sectionCard_70uhk_94 ._cardBody_70uhk_110 {
   padding: 1.5rem;
   color: var(--moz-text-label);
 }
-._sectionCard_1edlz_100 ._cardFooter_1edlz_120 ._cardFooterContent_1edlz_120 {
+._sectionCard_70uhk_94 ._cardFooter_70uhk_114 ._cardFooterContent_70uhk_114 {
   padding: 0.5rem;
   display: flex;
   justify-content: center;
@@ -31144,25 +31095,25 @@ hr {
   color: var(--moz-text-secondary);
   cursor: pointer;
 }
-._sectionManagement_1edlz_132 ._sectionFormRow_1edlz_132 {
+._sectionManagement_70uhk_126 ._sectionFormRow_70uhk_126 {
   display: flex;
   gap: 0.75rem;
   padding: 1.5rem;
   justify-content: center;
   align-items: center;
 }
-._sectionManagement_1edlz_132 ._drawerContent_1edlz_139 {
+._sectionManagement_70uhk_126 ._drawerContent_70uhk_133 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-._sectionManagement_1edlz_132 ._scrollableForm_1edlz_144 {
+._sectionManagement_70uhk_126 ._scrollableForm_70uhk_138 {
   flex: 1;
   overflow-y: auto;
   padding-top: 0px;
   padding: 20px;
 }
-._sectionManagement_1edlz_132 ._fixedActions_1edlz_150 {
+._sectionManagement_70uhk_126 ._fixedActions_70uhk_144 {
   display: flex;
   justify-content: flex-end;
   gap: 10px;
@@ -31170,19 +31121,19 @@ hr {
   padding-bottom: 5px;
   border-top: 1px solid var(--moz-text-tertiary);
 }
-._specialDatesInfoText_1edlz_159 {
+._specialDatesInfoText_70uhk_153 {
   color: var(--moz-text-secondary);
   font-size: 14px;
   padding: 5px;
   padding-top: 0;
   padding-bottom: 0;
 }
-._closeIcon_1edlz_167 {
+._closeIcon_70uhk_161 {
   color: var(--moz-text-primary);
   cursor: "pointer";
   margin-top: 20;
 }
-._deleteIcon_1edlz_173 {
+._deleteIcon_70uhk_167 {
   color: var(--moz-cta-danger);
   cursor: "pointer";
 }._form_p8f7t_1 {