react-table-edit 1.5.17 → 1.5.19

package/dist/index.mjs

@@ -5938,6 +5938,13 @@ var SvgBecoxyHandshake = function (_a) {
             React$5.createElement("image", { id: "becoxy-handshake_svg__b", width: 512, height: 512, xlinkHref: "data:image/png;base64,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" }))));
 };
 
+var SvgBecoxyHome2 = function (_a) {
+    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
+    return (React$5.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
+        title ? React$5.createElement("title", { id: titleId }, title) : null,
+        React$5.createElement("path", { d: "M19.734 9.105V2.629h-4.218v2.274L12 1.403 0 13.352v1.463h2.86v7.782h8.421v-3.75h1.406v3.75h8.454v-7.781H24v-1.465l-4.266-4.247Zm-2.812-5.07h1.406v3.67l-1.406-1.401V4.035Zm2.812 9.375v7.782h-5.64v-3.75H9.875v3.75h-5.61V13.41h-2.33L12 3.387 22.065 13.41h-2.33Z", fill: props.color || "currentColor" })));
+};
+
 var SvgBecoxyHome = function (_a) {
     var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
     return (React$5.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
@@ -8981,13 +8988,6 @@ var SvgPieChart = function (_a) {
         React$5.createElement("path", { d: "M22 12A10 10 0 0 0 12 2v10z" })));
 };
 
-var SvgPin = function (_a) {
-    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
-    return (React$5.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
-        title ? React$5.createElement("title", { id: titleId }, title) : null,
-        React$5.createElement("path", { d: "M14.743 1.083a.75.75 0 0 1 .53.219L22.7 8.727a.75.75 0 0 1 0 1.06c-.72.72-1.608.882-2.255.882-.265 0-.502-.027-.69-.058l-4.7 4.701c.123.499.203 1.007.24 1.52.068 1.052-.049 2.53-1.08 3.562a.75.75 0 0 1-1.061 0l-4.244-4.242-4.773 4.773c-.292.293-1.828 1.353-2.12 1.06-.293-.292.767-1.83 1.06-2.12l4.773-4.773-4.242-4.244a.75.75 0 0 1 0-1.06c1.032-1.032 2.51-1.151 3.562-1.08a9 9 0 0 1 1.52.24l4.7-4.7a4.488 4.488 0 0 1-.06-.691c0-.645.163-1.533.884-2.255a.75.75 0 0 1 .53-.219Zm.183 3.165v.003a.75.75 0 0 1-.183.765L9.44 10.317a.75.75 0 0 1-.766.18H8.67l-.021-.006a7.485 7.485 0 0 0-1.58-.288c-.633-.042-1.254.012-1.762.225l8.265 8.264c.211-.51.265-1.13.223-1.763a7.503 7.503 0 0 0-.288-1.581l-.006-.02a.755.755 0 0 1 .18-.769l5.304-5.302a.75.75 0 0 1 .798-.173l.144.033c.13.026.312.051.516.051a2.05 2.05 0 0 0 .515-.06L14.89 3.042a2.06 2.06 0 0 0-.06.515c.002.233.033.464.093.69l.002.001Z", fill: props.color || "currentColor", stroke: props.color || "currentColor", strokeWidth: 0.25 })));
-};
-
 var SvgPlayCircle = function (_a) {
     var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
     return (React$5.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "play-circle_svg__feather play-circle_svg__feather-play-circle", "aria-labelledby": titleId }, props),
@@ -9234,32 +9234,6 @@ var SvgShare2 = function (_a) {
         React$5.createElement("path", { d: "m8.59 13.51 6.83 3.98M15.41 6.51l-6.82 3.98" })));
 };
 
-var SvgShare3 = function (_a) {
-    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
-    return (React$5.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
-        title ? React$5.createElement("title", { id: titleId }, title) : null,
-        React$5.createElement("g", { clipPath: "url(#share-3_svg__a)" },
-            React$5.createElement("path", { d: "M9.643 2.693c.208 0 .408.09.555.248a.88.88 0 0 1 .23.599.88.88 0 0 1-.23.598.758.758 0 0 1-.555.248H4.928c-.625 0-1.224.267-1.666.743a2.64 2.64 0 0 0-.69 1.795V18.77c0 .673.248 1.318.69 1.794a2.275 2.275 0 0 0 1.666.744h11c.625 0 1.225-.268 1.667-.744a2.64 2.64 0 0 0 .69-1.794v-3.385a.88.88 0 0 1 .23-.598.758.758 0 0 1 .556-.248c.208 0 .408.09.555.248a.88.88 0 0 1 .23.598v3.385a4.4 4.4 0 0 1-1.15 2.99c-.737.794-1.736 1.24-2.778 1.24h-11c-1.041 0-2.04-.446-2.777-1.24A4.401 4.401 0 0 1 1 18.77V6.924c0-1.122.414-2.198 1.15-2.991.737-.794 1.737-1.24 2.778-1.24h4.715Zm5.154-1.607a.737.737 0 0 1 .828.093l7.071 5.923c.095.079.171.18.224.296a.9.9 0 0 1 0 .744.836.836 0 0 1-.224.297l-7.071 5.922a.738.738 0 0 1-.828.092.81.81 0 0 1-.321-.312.894.894 0 0 1-.12-.448v-2.496c-3.507.389-5.694 3.339-6.907 5.752l-.247.507a.816.816 0 0 1-.37.388c-.16.08-.34.1-.513.057a.782.782 0 0 1-.435-.299.888.888 0 0 1-.17-.525c0-3.513.814-6.669 2.415-8.968 1.474-2.116 3.593-3.464 6.228-3.688V1.847c0-.158.04-.314.118-.448a.81.81 0 0 1 .322-.313Zm1.131 4.146a.88.88 0 0 1-.23.598.758.758 0 0 1-.556.248c-2.498 0-4.426 1.139-5.754 3.046-.844 1.211-1.458 2.751-1.798 4.535 1.616-2.17 4.056-4.197 7.552-4.197.209 0 .409.09.556.248a.88.88 0 0 1 .23.598v1.655l5.005-4.193-5.005-4.195v1.657Z", fill: props.color || "currentColor", stroke: props.color || "currentColor", strokeWidth: 0.45 })),
-        React$5.createElement("defs", null,
-            React$5.createElement("clipPath", { id: "share-3_svg__a" },
-                React$5.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
-};
-
-var SvgShareBoxed = function (_a) {
-    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
-    return (React$5.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
-        title ? React$5.createElement("title", { id: titleId }, title) : null,
-        React$5.createElement("path", { d: "M2.25 0C1.02 0 0 1.02 0 2.25v16.5C0 19.98 1.02 21 2.25 21h13.5c1.23 0 2.25-1.02 2.25-2.25V15h-2v4H2V2h7V0H2.25ZM18 0v3C11.85 3 6.9 7.62 6.18 13.59A5.958 5.958 0 0 1 12 9h6v3l6-6-6-6Z", fill: props.color || "currentColor" })));
-};
-
-var SvgShareFilled = function (_a) {
-    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
-    return (React$5.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
-        title ? React$5.createElement("title", { id: titleId }, title) : null,
-        React$5.createElement("path", { d: "M10.25 2c.199 0 .39.088.53.244.141.156.22.368.22.59a.882.882 0 0 1-.22.589.714.714 0 0 1-.53.244h-4.5c-.597 0-1.169.263-1.591.732A2.648 2.648 0 0 0 3.5 6.167v11.666c0 .663.237 1.3.659 1.768.422.469.994.732 1.591.732h10.5c.597 0 1.169-.263 1.591-.732a2.648 2.648 0 0 0 .659-1.768V14.5c0-.221.079-.433.22-.59a.714.714 0 0 1 .53-.243c.199 0 .39.088.53.244.141.156.22.368.22.589v3.333c0 1.105-.395 2.165-1.098 2.947-.704.781-1.657 1.22-2.652 1.22H5.75c-.995 0-1.948-.439-2.652-1.22C2.395 19.998 2 18.938 2 17.833V6.167c0-1.105.395-2.165 1.098-2.947C3.802 2.44 4.755 2 5.75 2h4.5Z", fill: props.color || "currentColor", stroke: props.color || "currentColor", strokeWidth: 0.5 }),
-        React$5.createElement("path", { d: "M14.67 2.325a.75.75 0 0 1 .79.083l6.75 5.25a.75.75 0 0 1 0 1.185l-6.75 5.25a.75.75 0 0 1-1.21-.593v-2.212c-3.348.345-5.436 2.96-6.594 5.098l-.236.45A.75.75 0 0 1 6 16.5c0-3.114.777-5.911 2.306-7.95 1.407-1.875 3.429-3.07 5.944-3.268V3a.75.75 0 0 1 .42-.675Z", fill: props.color || "currentColor" })));
-};
-
 var SvgShare = function (_a) {
     var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
     return (React$5.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "share_svg__feather share_svg__feather-share", "aria-labelledby": titleId }, props),
@@ -9436,14 +9410,6 @@ var SvgSortDecending = function (_a) {
         React$5.createElement("path", { d: "M15 5v17h2V8h4l-6-6v3Z", fill: props.color || "currentColor" })));
 };
 
-var SvgSpeakerPhone = function (_a) {
-    var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
-    return (React$5.createElement("svg", __assign({ width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: props.strokeWidth || 1.5, "aria-labelledby": titleId }, props),
-        title ? React$5.createElement("title", { id: titleId }, title) : null,
-        React$5.createElement("path", { d: "M19.334 6.863a3.666 3.666 0 0 1 0 7.333M9.557 6.863v13.444a1.222 1.222 0 0 1-1.222 1.222H7.113a1.222 1.222 0 0 1-1.222-1.222v-6.111", stroke: props.color || "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React$5.createElement("path", { d: "m12 6.863 5.528-4.608a1.1 1.1 0 0 1 1.804.846v14.857a1.1 1.1 0 0 1-1.804.846L12 14.196H2.222A1.222 1.222 0 0 1 1 12.974v-4.89a1.222 1.222 0 0 1 1.222-1.221H12Z", stroke: props.color || "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" })));
-};
-
 var SvgSpeaker = function (_a) {
     var title = _a.title, titleId = _a.titleId, props = __rest$1(_a, ["title", "titleId"]);
     return (React$5.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.fontSize || 24, height: props.fontSize || 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: props.strokeWidth || 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: "speaker_svg__feather speaker_svg__feather-speaker", "aria-labelledby": titleId }, props),
@@ -10114,6 +10080,7 @@ var Icon = /*#__PURE__*/Object.freeze({
   BecoxyGrowth: SvgBecoxyGrowth,
   BecoxyHandshake: SvgBecoxyHandshake,
   BecoxyHome: SvgBecoxyHome,
+  BecoxyHome2: SvgBecoxyHome2,
   BecoxyHospital: SvgBecoxyHospital,
   BecoxyHrm: SvgBecoxyHrm,
   BecoxyImportWarehouse: SvgBecoxyImportWarehouse,
@@ -10441,7 +10408,6 @@ var Icon = /*#__PURE__*/Object.freeze({
   PhoneOff: SvgPhoneOff,
   PhoneOutgoing: SvgPhoneOutgoing,
   PieChart: SvgPieChart,
-  Pin: SvgPin,
   Play: SvgPlay,
   PlayCircle: SvgPlayCircle,
   Plus: SvgPlus,
@@ -10472,9 +10438,6 @@ var Icon = /*#__PURE__*/Object.freeze({
   Settings: SvgSettings,
   Share: SvgShare,
   Share2: SvgShare2,
-  Share3: SvgShare3,
-  ShareBoxed: SvgShareBoxed,
-  ShareFilled: SvgShareFilled,
   Shield: SvgShield,
   ShieldOff: SvgShieldOff,
   ShoppingBag: SvgShoppingBag,
@@ -10496,7 +10459,6 @@ var Icon = /*#__PURE__*/Object.freeze({
   SortCancel: SvgSortCancel,
   SortDecending: SvgSortDecending,
   Speaker: SvgSpeaker,
-  SpeakerPhone: SvgSpeakerPhone,
   Square: SvgSquare,
   Star: SvgStar,
   StarFill: SvgStarFill,
@@ -20600,6 +20562,31 @@ const RenderColGroup = ({ contentColumns }) => (jsx("colgroup", { children: cont
             maxWidth: typeof col.maxWidth === 'number' ? `${col.maxWidth}px` : col.maxWidth || undefined
         } }, index))) }));
 
+const IconCustom = (props) => {
+    const { iconName, size } = props;
+    if (iconName === '') {
+        return null;
+    }
+    else {
+        // @ts-ignore
+        const TagIcon = iconName === '' ? '' : Icon[iconName];
+        return (jsx(Fragment, { children: iconName === '' ? '' : jsx(TagIcon, { fontSize: size }) }));
+    }
+};
+
+const CommandElement = (props) => {
+    const { commandItems, rowData, indexRow, handleCommandClick } = props;
+    const { t } = useTranslation();
+    return (jsx(Fragment, { children: jsx("div", { className: 'd-flex align-items-center', style: { columnGap: 10 }, children: commandItems.map((item, index) => {
+                return (jsxs(Button$1$1, { id: `command-item-${indexRow}-${index}`, tabIndex: -1, style: { padding: '5px', minWidth: 45, height: '100%' }, className: classNames$1('command-item', {
+                        'btn-icon': item.tooltip === ''
+                    }), color: item.color ? item.color : '$black', onClick: (e) => {
+                        handleCommandClick(item.id, rowData, indexRow);
+                        e.preventDefault();
+                    }, children: [item.icon && jsx(IconCustom, { iconName: item.icon, size: 16 }), jsx(UncontrolledTooltip, { className: "r-tooltip", target: `command-item-${indexRow}-${index}`, place: "top", children: t(item.tooltip ?? '') })] }, `command-${index}`));
+            }) }) }));
+};
+
 /**
  * react-number-format - 5.4.4
  * Author : Sudhanshu Yadav
@@ -31575,7 +31562,63 @@ class DateLib {
     formatNumber(value) {
         return this.replaceDigits(value.toString());
     }
-}
+    /**
+     * Returns the preferred ordering for month and year labels for the current
+     * locale.
+     */
+    getMonthYearOrder() {
+        const code = this.options.locale?.code;
+        if (!code) {
+            return "month-first";
+        }
+        return DateLib.yearFirstLocales.has(code) ? "year-first" : "month-first";
+    }
+    /**
+     * Formats the month/year pair respecting locale conventions.
+     *
+     * @since 9.11.0
+     */
+    formatMonthYear(date) {
+        const { locale, timeZone, numerals } = this.options;
+        const localeCode = locale?.code;
+        if (localeCode && DateLib.yearFirstLocales.has(localeCode)) {
+            try {
+                const intl = new Intl.DateTimeFormat(localeCode, {
+                    month: "long",
+                    year: "numeric",
+                    timeZone,
+                    numberingSystem: numerals,
+                });
+                const formatted = intl.format(date);
+                return formatted;
+            }
+            catch {
+                // Fallback to date-fns formatting below.
+            }
+        }
+        const pattern = this.getMonthYearOrder() === "year-first" ? "y LLLL" : "LLLL y";
+        return this.format(date, pattern);
+    }
+}
+DateLib.yearFirstLocales = new Set([
+    "eu",
+    "hu",
+    "ja",
+    "ja-Hira",
+    "ja-JP",
+    "ko",
+    "ko-KR",
+    "lt",
+    "lt-LT",
+    "lv",
+    "lv-LV",
+    "mn",
+    "mn-MN",
+    "zh",
+    "zh-CN",
+    "zh-HK",
+    "zh-TW",
+]);
 /**
  * The default date library with English locale.
  *
@@ -32471,7 +32514,7 @@ function getDefaultClassNames() {
 /**
  * Formats the caption of the month.
  *
- * @defaultValue `LLLL y` (e.g., "November 2022").
+ * @defaultValue Locale-specific month/year order (e.g., "November 2022").
  * @param month The date representing the month.
  * @param options Configuration options for the date library.
  * @param dateLib The date library to use for formatting. If not provided, a new
@@ -32481,7 +32524,8 @@ function getDefaultClassNames() {
  * @see https://daypicker.dev/docs/translation#custom-formatters
  */
 function formatCaption(month, options, dateLib) {
-    return (dateLib ?? new DateLib(options)).format(month, "LLLL y");
+    const lib = dateLib ?? new DateLib(options);
+    return lib.formatMonthYear(month);
 }
 /**
  * @private
@@ -32775,7 +32819,7 @@ const labelDay = labelDayButton;
  * Generates the ARIA label for the month grid, which is announced when entering
  * the grid.
  *
- * @defaultValue `LLLL y` (e.g., "November 2022").
+ * @defaultValue Locale-specific month/year order (e.g., "November 2022").
  * @param date - The date representing the month.
  * @param options - Optional configuration for the date formatting library.
  * @param dateLib - An optional instance of the date formatting library.
@@ -32784,7 +32828,8 @@ const labelDay = labelDayButton;
  * @see https://daypicker.dev/docs/translation#aria-labels
  */
 function labelGrid(date, options, dateLib) {
-    return (dateLib ?? new DateLib(options)).format(date, "LLLL y");
+    const lib = dateLib ?? new DateLib(options);
+    return lib.formatMonthYear(date);
 }
 /**
  * @ignore
@@ -34267,7 +34312,7 @@ function DayPicker(initialProps) {
         formatters,
     };
     return (React__default.createElement(dayPickerContext.Provider, { value: contextValue },
-        React__default.createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], ...dataAttributes },
+        React__default.createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], ...dataAttributes },
             React__default.createElement(components.Months, { className: classNames[UI.Months], style: styles?.[UI.Months] },
                 !props.hideNavigation && !navLayout && (React__default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
                 months.map((calendarMonth, displayIndex) => {
@@ -34279,10 +34324,16 @@ function DayPicker(initialProps) {
                             displayIndex === 0 && (React__default.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : undefined },
                             React__default.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" }))),
                         React__default.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : undefined, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth: calendarMonth, displayIndex: displayIndex }, captionLayout?.startsWith("dropdown") ? (React__default.createElement(components.DropdownNav, { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
-                            captionLayout === "dropdown" ||
-                                captionLayout === "dropdown-months" ? (React__default.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib), style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React__default.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
-                            captionLayout === "dropdown" ||
-                                captionLayout === "dropdown-years" ? (React__default.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters, dateLib, Boolean(props.reverseYears)), style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React__default.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
+                            (() => {
+                                const monthControl = captionLayout === "dropdown" ||
+                                    captionLayout === "dropdown-months" ? (React__default.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib), style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React__default.createElement("span", { key: "month" }, formatMonthDropdown(calendarMonth.date, dateLib)));
+                                const yearControl = captionLayout === "dropdown" ||
+                                    captionLayout === "dropdown-years" ? (React__default.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters, dateLib, Boolean(props.reverseYears)), style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React__default.createElement("span", { key: "year" }, formatYearDropdown(calendarMonth.date, dateLib)));
+                                const controls = dateLib.getMonthYearOrder() === "year-first"
+                                    ? [yearControl, monthControl]
+                                    : [monthControl, yearControl];
+                                return controls;
+                            })(),
                             React__default.createElement("span", { role: "status", "aria-live": "polite", style: {
                                     border: 0,
                                     clip: "rect(0 0 0 0)",
@@ -36265,44 +36316,7 @@ const RenderEditCellComponent = (props) => {
     }
 };
 
-const CellContentComponent = React__default.memo((props) => {
-    const { col, row, indexRow, indexCol, idTable, gridRef, editDisable, formatSetting, displayValue, typeDis, content, handleMouseDown, handleKeyDown, focusEditElementCell, handleDataChange } = props;
-    return (jsx(Fragment$1, { children: typeDis === 'edit' ? (jsx(RenderEditCellComponent, { idTable: idTable, col: col, handleKeyDown: handleKeyDown, handleDataChange: handleDataChange, indexCol: indexCol, indexRow: indexRow, row: row, editDisable: editDisable, formatSetting: formatSetting, gridRef: gridRef })) : (jsxs(Fragment$1, { children: [jsxs("div", { id: `content-${idTable}-row${indexRow}-col${indexCol}`, tabIndex: Number(`${indexRow + 1}${indexCol + 1}`), onKeyDown: (e) => handleKeyDown(e, row), onMouseDown: (e) => handleMouseDown(e, 1), onDoubleClick: (e) => focusEditElementCell(e, indexRow, indexCol), 
-                    // onBlur={() => {
-                    //   if (startCell.col === indexCol && startCell.row === indexRow) {
-                    //     setSelectedCell(undefined)
-                    //     setStartCell({ col: -1, row: -1 })
-                    //   }
-                    // }}
-                    style: { justifyContent: col.textAlign === 'center' ? 'center' : col.textAlign === 'right' ? 'flex-end' : 'flex-start' }, className: "r-cell-text", children: [displayValue, col.type === 'select' && !editDisable && !displayValue && (jsx("div", { className: "r-drop-icon", onClick: (e) => focusEditElementCell(e, indexRow, indexCol, true), children: jsx("svg", { height: "20", width: "20", viewBox: "0 0 20 20", children: jsx("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" }) }) }))] }), !!content && (jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: `content-${idTable}-row${indexRow}-col${indexCol}`, children: displayValue }))] })) }));
-});
-
-const IconCustom = (props) => {
-    const { iconName, size } = props;
-    if (iconName === '') {
-        return null;
-    }
-    else {
-        // @ts-ignore
-        const TagIcon = iconName === '' ? '' : Icon[iconName];
-        return (jsx(Fragment, { children: iconName === '' ? '' : jsx(TagIcon, { fontSize: size }) }));
-    }
-};
-
-const CommandElement = (props) => {
-    const { commandItems, rowData, indexRow, handleCommandClick } = props;
-    const { t } = useTranslation();
-    return (jsx(Fragment, { children: jsx("div", { className: 'd-flex align-items-center', style: { columnGap: 10 }, children: commandItems.map((item, index) => {
-                return (jsxs(Button$1$1, { id: `command-item-${indexRow}-${index}`, tabIndex: -1, style: { padding: '5px', minWidth: 45, height: '100%' }, className: classNames$1('command-item', {
-                        'btn-icon': item.tooltip === ''
-                    }), color: item.color ? item.color : '$black', onClick: (e) => {
-                        handleCommandClick(item.id, rowData, indexRow);
-                        e.preventDefault();
-                    }, children: [item.icon && jsx(IconCustom, { iconName: item.icon, size: 16 }), jsx(UncontrolledTooltip, { className: "r-tooltip", target: `command-item-${indexRow}-${index}`, place: "top", children: t(item.tooltip ?? '') })] }, `command-${index}`));
-            }) }) }));
-};
-
-var css_248z$2 = "@charset \"UTF-8\";\n.react-select-table .select-table-control {\n  opacity: 1;\n  border: 1px solid hsl(0, 0%, 80%);\n  border-radius: 0.357rem;\n  width: 100%;\n  height: 28px;\n  background-color: #FFFFFF;\n  display: flex;\n  align-items: center;\n  padding: 2px 8px;\n}\n.react-select-table .select-table-control .select-table-indicator svg {\n  fill: #c4c4c4 !important;\n}\n.react-select-table .select-table-control .icon-clear {\n  font-size: 25px;\n  margin-top: 2px;\n  font-weight: 500;\n  color: #c4c4c4;\n}\n.react-select-table .select-table-control .icon-clear:hover {\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n}\n.react-select-table .select-table-control.r-select-is-open .select-table-indicator svg {\n  fill: rgba(0, 0, 0, 0.8705882353) !important;\n}\n.react-select-table .select-table-control.r-select-is-invalid {\n  border: 1px solid red !important;\n}\n.react-select-table .select-table-control.r-select-is-focus {\n  border: 1px solid #1989fa !important;\n}\n.react-select-table .select-table-control.r-select-is-disabled {\n  background-color: #efefef !important;\n}\n.react-select-table .select-table-control .select-table-container {\n  position: relative;\n  flex: 1;\n}\n.react-select-table .select-table-control .select-table-container .input-container {\n  background-color: transparent;\n  white-space: nowrap;\n  top: 0px;\n  left: 0px;\n  display: inline;\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input {\n  background-color: transparent;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box;\n  margin-left: -3px;\n  border: none;\n  /* Loại bỏ border */\n  outline: none;\n  /* Loại bỏ outline khi input được chọn */\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input:focus {\n  border-width: 0px !important;\n}\n.react-select-table .select-table-control .select-table-container .select-placeholder {\n  position: absolute;\n  color: #283046;\n  margin-top: 1px;\n  background-color: transparent;\n}\n.react-select-table .select-table-control .select-table-container .select-value {\n  position: absolute;\n  background-color: transparent;\n  bottom: 0px;\n  left: 0px;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.react-select-table .formula-dropdown {\n  min-width: min-content !important;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;\n}\n.react-select-table input::placeholder {\n  color: #000000 !important;\n  opacity: 1;\n  /* Firefox */\n}\n\n.r-select-grid.r-select-tree-grid .r-select-gridtable .r-select-row:hover {\n  background-color: rgba(235, 70, 25, 0.1) !important;\n  color: #eb4619;\n}\n\n.r-select-grid {\n  font-size: 12px;\n  font-family: Montserrat, Helvetica, Arial, serif;\n  font-weight: 500 !important;\n  border-radius: 4px !important;\n  overflow: hidden;\n}\n.r-select-grid table {\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0px;\n}\n.r-select-grid .r-select-gridtable {\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: auto;\n  position: relative;\n  background-color: #FFFFFF;\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  font-weight: 400 !important;\n  font-size: 13px !important;\n  /* Toàn bộ thanh cuộn */\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar {\n  width: 9px;\n  height: 9px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-track {\n  background: #FCFCFC;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb {\n  background: #8B8B8B;\n  border-radius: 6px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb:hover {\n  background: #636363;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell {\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  position: sticky;\n  padding: 0px;\n  height: 35px;\n  z-index: 1;\n  border-width: 0px;\n  line-height: 16px;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-div {\n  border-bottom: 1px solid #e0e0e0;\n  background-color: #fafafa;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  padding: 5px 10px;\n  height: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-text {\n  width: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row {\n  background-color: #FFFFFF;\n  cursor: pointer;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .cell-fixed {\n  position: sticky;\n  z-index: 1;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.fisrt-row .r-select-rowcell {\n  border-top-width: 0px !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.last-row .r-select-rowcell {\n  border-bottom: 1px solid #e0e0e0;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell {\n  border-top: 1px solid #e0e0e0;\n  height: 30px !important;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  padding: 7px 9px;\n  vertical-align: middle !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-move {\n  background-color: rgba(235, 70, 25, 0.1) !important;\n  color: #eb4619 !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-active {\n  background-color: #eb4619 !important;\n  color: #FFFFFF !important;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden {\n  display: none;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden ::after {\n  display: none;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand {\n  transition: transform 0.3s ease !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand.is-open {\n  transform: rotate(90deg) !important;\n  -moz-transform: rotate(90deg);\n  -webkit-transform: rotate(90deg);\n  -o-transform: rotate(90deg);\n}\n.r-select-grid .r-select-gridtable.no-header .r-select-rowcell {\n  border: none !important;\n}\n.r-select-grid .r-no-data {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  padding: 7px 9px;\n  color: #8f8f8f;\n}\n.r-select-grid .r-select-footer {\n  height: 30px;\n  background-color: #fafafa;\n}\n.r-select-grid .r-select-footer button {\n  font-weight: 400 !important;\n  font-size: 13px;\n}\n.r-select-grid .r-select-footer .r-btn {\n  border-width: 0px !important;\n}\n\n.r-pagesize .react-select-table .select-table-control {\n  border-radius: 0px;\n  border: 0px;\n  border-bottom: 1px solid #e0e0e0 !important;\n}\n.r-pagesize .react-select-table .select-table-control.r-select-is-focus {\n  border: 0px !important;\n  border-bottom: 1px solid #1989fa !important;\n}\n\n.r-sidebar {\n  width: 400px;\n  right: -400px;\n  padding: 0;\n  background-color: #FFFFFF;\n  z-index: 1051;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  height: 100vh;\n  height: calc(var(--vh, 1vh) * 100);\n  transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);\n  backface-visibility: hidden;\n  border-left: 1px solid rgba(0, 0, 0, 0.05);\n}\n.r-sidebar.open {\n  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);\n  right: 0;\n}\n.r-sidebar .modal-header {\n  background-color: #FFFFFF;\n}\n.r-sidebar .modal-header .btn-close {\n  padding: 0.8rem;\n  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);\n  border-radius: 0.357rem;\n  background-color: #FFFFFF;\n  opacity: 1;\n  transition: all 0.23s ease 0.1s;\n  position: relative;\n  transform: translate(18px, -10px);\n}\n.r-sidebar .modal-header .btn-close:hover, .r-sidebar .modal-header .btn-close:focus, .r-sidebar .modal-header .btn-close:active {\n  opacity: 1;\n  outline: none;\n  transform: translate(15px, -2px);\n  box-shadow: none;\n}\n\n.r-sidebar .react-select {\n  max-width: 100%;\n}\n\n.r-sidebar {\n  width: 400px;\n  right: -100vw;\n  height: 100vh;\n}\n.r-sidebar .r-handle {\n  position: fixed;\n  background-color: #FFFFFF;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  filter: drop-shadow(0.9px 0.9px 1.5px);\n  height: 50px;\n  display: flex;\n  align-items: center;\n  border-radius: 0px 5px 5px 0px;\n  cursor: pointer;\n  margin-left: 7px;\n  z-index: 9;\n}\n.r-sidebar.customizer-md {\n  width: 600px;\n}\n.r-sidebar.customizer-lg {\n  width: 800px;\n}\n.r-sidebar.customizer-500 {\n  width: 500px;\n}\n@media (max-width: 500px) {\n  .r-sidebar.customizer-500 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-600 {\n  width: 600px;\n}\n@media (max-width: 600px) {\n  .r-sidebar.customizer-600 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-700 {\n  width: 700px;\n}\n@media (max-width: 700px) {\n  .r-sidebar.customizer-700 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-800 {\n  width: 800px;\n}\n@media (max-width: 800px) {\n  .r-sidebar.customizer-800 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-900 {\n  width: 900px;\n}\n@media (max-width: 900px) {\n  .r-sidebar.customizer-900 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-1000 {\n  width: 1000px;\n}\n@media (max-width: 1000px) {\n  .r-sidebar.customizer-1000 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-1500 {\n  width: 1500px;\n}\n@media (max-width: 1500px) {\n  .r-sidebar.customizer-1500 {\n    width: 100vw;\n  }\n}\n.r-sidebar.fullscreen {\n  width: 100%;\n}\n.r-sidebar.open {\n  right: 0;\n}\n\n.r-datepicker {\n  position: relative;\n}\n.r-datepicker .form-control {\n  height: 28px;\n}\n\n.r-datepicker-popup {\n  background: white;\n  border: 1px solid #e0e0e0;\n  padding: 15px 5px !important;\n}\n.r-datepicker-popup .rdp-nav {\n  display: none;\n}\n.r-datepicker-popup .rdp-month_caption {\n  display: none;\n}\n.r-datepicker-popup .select-month-year {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 5px 5px 8px 5px;\n}\n.r-datepicker-popup .select-month-year .select-month {\n  text-align: right;\n  width: 90px !important;\n}\n.r-datepicker-popup .select-month-year .select-year {\n  text-align: left;\n  width: 65px !important;\n}\n.r-datepicker-popup .select-month-year svg:hover {\n  color: #eb4619;\n}\n.r-datepicker-popup .select-month-year .select-table-control .select-table-container {\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  font-size: 14px !important;\n  font-weight: 600;\n}\n.r-datepicker-popup .select-month-year .select-table-control .select-table-container .select-input {\n  cursor: pointer !important;\n}\n.r-datepicker-popup .select-month-year .react-select-table .select-table-control {\n  border: none;\n}\n.r-datepicker-popup .select-month-year .react-select-table .r-select-is-focus {\n  border: none !important;\n}\n.r-datepicker-popup .select-month-year .select-table-indicator {\n  display: none;\n}\n.r-datepicker-popup .rdp-weekday {\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  opacity: 1 !important;\n  font-weight: 500;\n  font-size: 14px !important;\n}\n.r-datepicker-popup .rdp-day {\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  font-size: 13.5px !important;\n  height: 32px !important;\n  width: 32px !important;\n}\n.r-datepicker-popup .rdp-day .rdp-day_button {\n  height: 32px !important;\n  width: 32px !important;\n}\n.r-datepicker-popup .rdp-day.rdp-today {\n  font-weight: bold;\n  color: #eb4619;\n}\n.r-datepicker-popup .rdp-day.rdp-today .rdp-day_button {\n  border: 1px solid #eb4619;\n  border-radius: 8px;\n}\n.r-datepicker-popup .rdp-day.rdp-selected .rdp-day_button {\n  border: 1px solid #eb4619;\n  background-color: #eb4619;\n  color: #FFFFFF;\n  border-radius: 8px;\n}\n.r-datepicker-popup .rdp-day.rdp-in-range .rdp-day_button {\n  background-color: #fce6df;\n  color: #eb4619;\n  border-radius: 2px;\n  height: 22px !important;\n  border-width: 0px !important;\n}\n.r-datepicker-popup .rdp-day .rdp-day_button:hover {\n  background-color: #fce6df;\n  color: #eb4619;\n  border-radius: 8px;\n}\n.r-datepicker-popup .btn-today {\n  margin-top: 5px;\n  text-align: center;\n  font-size: 13px;\n  color: #eb4619;\n  cursor: pointer;\n  user-select: none;\n  font-weight: 500;\n}\n.r-datepicker-popup .btn-today:hover {\n  text-decoration: underline;\n}\n\n.tab-custom {\n  font-family: Roboto, \"Segoe UI\", GeezaPro, \"DejaVu Serif\", \"sans-serif\", -apple-system, BlinkMacSystemFont;\n  display: flex;\n}\n.tab-custom.tab-parent {\n  border-bottom: solid 1px #c9c9c9;\n}\n.tab-custom .btn-scroll {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.tab-custom .tab-component::-webkit-scrollbar {\n  display: none;\n  /* Ẩn thanh cuộn nếu không cần */\n}\n.tab-custom .tab-component {\n  white-space: nowrap;\n  overflow-x: hidden;\n  scroll-behavior: smooth;\n}\n.tab-custom .tab-component > * {\n  display: inline-block;\n}\n.tab-custom .tab-component .tab-custom-item {\n  display: inline-block;\n  padding: 3px 10px;\n  line-height: 23px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 500;\n  text-transform: uppercase;\n  height: 30px;\n  color: rgba(0, 0, 0, 0.5);\n}\n.tab-custom .tab-component .tab-custom-item.active {\n  border-bottom: solid 2px #eb4619 !important;\n  color: #eb4619;\n}\n.tab-custom.tab-child .tab-custom-item {\n  font-size: 12px !important;\n  line-height: 23px !important;\n  border-radius: 5px 5px 0px 0px;\n  margin: 8px 3px 0px 3px;\n  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n}\n\n.bs-stepper {\n  background-color: #FFFFFF;\n  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);\n  border-radius: 0.5rem;\n}\n.bs-stepper .bs-stepper-header {\n  padding: 1.5rem 1.5rem;\n  flex-wrap: wrap;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n  margin: 0;\n}\n.bs-stepper .bs-stepper-header .line {\n  flex: 0;\n  min-width: auto;\n  min-height: auto;\n  background-color: transparent;\n  margin: 0;\n  padding: 0 1.75rem;\n  color: #283046;\n  font-size: 1.5rem;\n}\n.bs-stepper .bs-stepper-header .step {\n  margin-bottom: 0.25rem;\n  margin-top: 0.25rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger {\n  flex-wrap: nowrap;\n  padding: 0;\n  font-weight: normal;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  padding: 0.5em 0;\n  font-weight: 500;\n  color: #babfc7;\n  background-color: rgba(186, 191, 199, 0.12);\n  border-radius: 0.35rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {\n  text-align: left;\n  margin: 0;\n  margin-top: 0.5rem;\n  margin-left: 1rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {\n  display: inherit;\n  color: #283046;\n  font-weight: 600;\n  line-height: 1rem;\n  margin-bottom: 0rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {\n  font-weight: 400;\n  font-size: 0.85rem;\n  color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger:hover {\n  background-color: transparent;\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {\n  background-color: #eb4619;\n  color: #FFFFFF;\n  box-shadow: 0 3px 6px 0 rgba(235, 70, 25, 0.4);\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {\n  background-color: rgba(235, 70, 25, 0.12);\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step.crossed + .line {\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-content {\n  padding: 1.5rem 1.5rem;\n}\n.bs-stepper .bs-stepper-content .content {\n  margin-left: 0;\n}\n.bs-stepper .bs-stepper-content .content .content-header {\n  margin-bottom: 1rem;\n}\n.bs-stepper.vertical .bs-stepper-header {\n  border-right: 1px solid #e0e0e0;\n  border-bottom: none;\n}\n.bs-stepper.vertical .bs-stepper-header .step .step-trigger {\n  padding: 1rem 0;\n}\n.bs-stepper.vertical .bs-stepper-header .line {\n  display: none;\n}\n.bs-stepper.vertical .bs-stepper-content {\n  width: 100%;\n  padding-top: 2.5rem;\n}\n.bs-stepper.vertical .bs-stepper-content .content:not(.active) {\n  display: none;\n}\n.bs-stepper.vertical.wizard-icons .step {\n  text-align: center;\n}\n.bs-stepper.wizard-modern {\n  background-color: transparent;\n  box-shadow: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-header {\n  border: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-content {\n  background-color: #FFFFFF;\n  border-radius: 0.5rem;\n  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);\n}\n\n.horizontal-wizard,\n.vertical-wizard,\n.modern-horizontal-wizard,\n.modern-vertical-wizard {\n  margin-bottom: 2.2rem;\n}\n\nhtml[data-textdirection=rtl] .btn-prev,\nhtml[data-textdirection=rtl] .btn-next {\n  display: flex;\n}\nhtml[data-textdirection=rtl] .btn-prev i,\nhtml[data-textdirection=rtl] .btn-prev svg,\nhtml[data-textdirection=rtl] .btn-next i,\nhtml[data-textdirection=rtl] .btn-next svg {\n  transform: rotate(-180deg);\n}\n\n@media (max-width: 992px) {\n  .bs-stepper .bs-stepper-header {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .bs-stepper .bs-stepper-header .step .step-trigger {\n    padding: 0.5rem 0 !important;\n    flex-direction: row;\n  }\n  .bs-stepper .bs-stepper-header .line {\n    display: none;\n  }\n  .bs-stepper.vertical {\n    flex-direction: column;\n  }\n  .bs-stepper.vertical .bs-stepper-header {\n    align-items: flex-start;\n  }\n  .bs-stepper.vertical .bs-stepper-content {\n    padding-top: 1.5rem;\n  }\n}\n.r-table-edit .r-grid {\n  font-size: 12px;\n}\n.r-table-edit .r-grid .r-search {\n  display: flex;\n  position: relative;\n  align-items: center;\n}\n.r-table-edit .r-grid .r-search .input__value {\n  z-index: 1;\n}\n.r-table-edit .r-grid .r-search .input__value.is-clearable {\n  padding-right: 25px;\n}\n.r-table-edit .r-grid .r-search .input__clear-icon {\n  position: absolute;\n  right: 5px;\n  z-index: 10;\n}\n.r-table-edit .r-grid .r-gridtable {\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: scroll;\n  position: relative;\n  background-color: #FFFFFF;\n  color: rgba(0, 0, 0, 0.8705882353);\n  font-weight: 400;\n  border: 1px solid #e0e0e0;\n  /* Toàn bộ thanh cuộn */\n  /* Nền của thanh cuộn */\n  /* Thanh trượt (thumb) */\n  /* Khi hover */\n}\n.r-table-edit .r-grid .r-gridtable table {\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0px;\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar {\n  width: 9px;\n  /* Độ rộng của thanh cuộn */\n  height: 9px;\n  /* Độ cao của thanh cuộn */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-track {\n  background: #FCFCFC;\n  /* Màu nền nhạt */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-thumb {\n  background: #8B8B8B;\n  /* Màu xám nhạt */\n  border-radius: 6px;\n  /* Bo góc giống Edge */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-thumb:hover {\n  background: #636363;\n  /* Màu đậm hơn khi hover */\n}\n.r-table-edit .r-grid .r-gridtable .react-resizable-handle.react-resizable-handle-se {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  width: 10px;\n  height: 100%;\n  cursor: col-resize;\n  background-image: none;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter svg.active {\n  color: #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .select-value {\n  line-height: 20px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .select-placeholder {\n  line-height: 20px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .r-select-is-focus {\n  border-color: #eb4619 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .form-control:focus {\n  border-color: #eb4619 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-no-data {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  padding: 20px 9px;\n  color: #8f8f8f;\n}\n.r-table-edit .r-grid .r-gridtable .r-loading-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.3);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 3;\n}\n.r-table-edit .r-grid .r-gridtable .r-loading-overlay .r-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  padding: 7px 9px;\n  color: #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed {\n  z-index: 2 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-right .r-headercell-div {\n  border-left: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-left .r-headercell-div {\n  border-right: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-left.fixed-last .r-headercell-div {\n  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-right.fixed-last .r-headercell-div {\n  box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell {\n  color: rgba(0, 0, 0, 0.8705882353);\n  position: sticky;\n  padding: 0px;\n  height: 42px;\n  z-index: 1;\n  border-width: 0px;\n  line-height: 16px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .r-headercell-div {\n  border-right: 1px solid #e0e0e0;\n  border-bottom: 1px solid #e0e0e0;\n  background-color: #FFFFFF;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  padding: 5px 10px;\n  height: 100%;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .header-content {\n  display: flex;\n  flex: 1 1 0%;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .header-content .text-content {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row:first-of-type .r-rowcell-div {\n  border-top-color: #FFFFFF;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row {\n  font-size: 13px;\n  transition: transform 0.05s linear;\n  will-change: transform;\n  backface-visibility: hidden;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .cell-fixed {\n  position: sticky;\n  z-index: 1;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .cell-fixed .r-rowcell.r-cell-selected-right {\n  margin-right: 1px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell {\n  background-color: #FFFFFF;\n  border-bottom: 1px solid #e0e0e0;\n  border-right: 1px solid #e0e0e0;\n  vertical-align: middle;\n  padding: 0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-sum-group {\n  background-color: #fafafa;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-sum-group .r-rowcell-div {\n  padding-left: 10px;\n  padding-right: 5px;\n  display: flex;\n  align-items: center;\n  background-color: #fafafa;\n  font-weight: 550;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-group {\n  left: 0px;\n  position: sticky;\n  z-index: 1;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-group .r-rowcell-div {\n  padding-left: 10px;\n  padding-right: 5px !important;\n  display: flex;\n  align-items: center;\n  background-color: #fafafa;\n  font-weight: 550;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-group .r-rowcell-div svg {\n  margin-right: 10px;\n  cursor: pointer;\n  user-select: none;\n  transition: transform 0.2s ease-in-out;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-group .r-rowcell-div svg:hover {\n  color: #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.cell-fixed .r-rowcell-div.r-cell-selected-right {\n  padding-right: 1px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-right {\n  border-left: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-right.fixed-last {\n  border-left: 1px solid #e0e0e0;\n  box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-left.fixed-last {\n  border-right: 1px solid #e0e0e0;\n  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-active-row {\n  background-color: #fce6df;\n  border-right: 2px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div {\n  min-height: 28px !important;\n  border: 1px solid transparent;\n  position: relative;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .arrow-context-menu {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 15px;\n  width: 15px;\n  background-color: #FFFFFF;\n  border-radius: 10px;\n  border: 1px solid #e0e0e0;\n  box-shadow: 0px 0px 2px #e0e0e0;\n  right: -5px;\n  bottom: -5px;\n  z-index: 10000;\n  cursor: pointer;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.command {\n  padding-top: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div:focus {\n  outline: none;\n  /* bỏ viền focus mặc định */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-disable {\n  background-color: #f9f9f9;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-active-cell {\n  background-color: rgb(255, 240, 240);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-cell-text:focus {\n  outline: none;\n  /* bỏ viền focus mặc định */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-icon-invalid {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0px;\n  left: -6px;\n  rotate: -90deg;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-drag-icon {\n  position: absolute;\n  border: 1px solid #FFFFFF;\n  bottom: -2px;\n  right: -2px;\n  width: 7px;\n  height: 7px;\n  background-color: #eb4619;\n  border-radius: 20%;\n  cursor: crosshair;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-cell-text {\n  padding: 0px 7px;\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  min-height: 28px;\n  flex: 1;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-cell-text .r-drop-icon {\n  position: absolute;\n  fill: #c4c4c4 !important;\n  right: 8.5px;\n  top: 3.5px;\n  cursor: pointer;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .is-invalid {\n  border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .is-invalid .r-select-is-invalid {\n  border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-top {\n  border-top: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-bottom {\n  border-bottom: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-left {\n  border-left: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-right {\n  border-right: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-datepicker .form-control {\n  padding: 0px 4px;\n  border-radius: 0px;\n  border-width: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table.is-invalid {\n  border-width: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table .r-select-is-focus {\n  border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table .select-table-control {\n  border-radius: 0px;\n  border-width: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table .select-table-control.r-select-is-focus {\n  border: 1px solid #1989fa;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .display-value {\n  cursor: pointer;\n  border-radius: 0px;\n  background-color: #FFFFFF;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .input-display {\n  border-width: 0px;\n  box-sizing: border-box;\n  border: none;\n  /* Loại bỏ border */\n  outline: none;\n  /* Loại bỏ outline khi input được chọn */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .form-input-content .form-control {\n  border-radius: 4px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .form-input-content .form-control:focus {\n  border: 1px solid #1989fa;\n  outline: none;\n  box-shadow: none;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit input::placeholder {\n  color: #eb4619;\n  opacity: 1;\n  /* Firefox */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__display {\n  vertical-align: middle;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit {\n  display: none;\n  text-align: left;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit.active {\n  display: flex;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit .form-label {\n  font-size: 10px;\n  margin-bottom: 0px;\n  text-align: left;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit .form-control {\n  border-radius: 0px;\n  height: 23px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit .form__element {\n  margin: 0px 2px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-date-input {\n  text-align: center;\n  height: 29px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  padding: 5px;\n  font-size: 14px;\n  background-color: #f9f9f9;\n  color: #333;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-control:focus {\n  border-radius: 0px;\n  border-width: 0px;\n  background-color: #f8f8f8;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div input {\n  font-size: 13px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot {\n  color: #283046;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row {\n  bottom: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer {\n  background-color: #fafafa;\n  font-size: 14px;\n  font-weight: 600;\n  width: 100px;\n  position: sticky;\n  z-index: 1;\n  bottom: 0;\n  border-width: 0px;\n  padding: 0px;\n  border-top: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer.cell-fixed {\n  z-index: 2;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer .r-footer-div {\n  height: 30px;\n  padding: 5px 0px;\n}\n.r-table-edit .r-grid .r-gridtable .formula-dropdown {\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;\n}\n.r-table-edit .r-grid .text-left .form-label {\n  text-align: left;\n}\n.r-table-edit .r-grid .r-toolbar {\n  border: 1px solid #e0e0e0;\n  height: 44px;\n}\n.r-table-edit .r-grid .r-toolbar.r-toolbar-bottom {\n  border-top-width: 0px;\n}\n.r-table-edit .r-grid .r-toolbar.r-toolbar-top {\n  border-bottom-width: 0px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items svg {\n  cursor: pointer;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items svg:hover {\n  color: #eb4619;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-left {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-left .r-toolbar-item {\n  margin: 7px 0px 7px 7px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-center {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-center .r-toolbar-item {\n  margin: 7px 3px 7px 3px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-right {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-right .r-toolbar-item {\n  margin: 7px 7px 7px 0px;\n}\n.r-table-edit .r-setting-container {\n  margin: 0px 15px;\n}\n.r-table-edit .r-setting-container .r-setting-content {\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: scroll;\n  position: relative;\n  background-color: #FFFFFF;\n  color: rgba(0, 0, 0, 0.8705882353);\n  font-weight: 400;\n  border-left: 1px solid #e0e0e0;\n  border-right: 1px solid #e0e0e0;\n  /* Toàn bộ thanh cuộn */\n  /* Nền của thanh cuộn */\n  /* Thanh trượt (thumb) */\n  /* Khi hover */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar {\n  width: 9px;\n  /* Độ rộng của thanh cuộn */\n  height: 9px;\n  /* Độ cao của thanh cuộn */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar-track {\n  background: #FCFCFC;\n  /* Màu nền nhạt */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar-thumb {\n  background: #8B8B8B;\n  /* Màu xám nhạt */\n  border-radius: 6px;\n  /* Bo góc giống Edge */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar-thumb:hover {\n  background: #636363;\n  /* Màu đậm hơn khi hover */\n}\n.r-table-edit .r-setting-container .r-setting-row {\n  padding: 5px !important;\n  margin: 0px;\n  border-bottom: 1px solid #e0e0e0;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n}\n.r-table-edit .r-setting-container .r-setting-row .r-setting-cell {\n  padding-right: 10px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.r-table-edit .r-setting-container .r-setting-row .r-setting-cell .form-control {\n  font-size: 13px !important;\n}\n.r-table-edit .r-setting-container .r-setting-row.r-setting-header {\n  font-size: 12px !important;\n}\n.r-table-edit.r-virtualized-table .r-row:hover .r-rowcell {\n  background-color: #fce6df !important;\n}\n.r-table-edit .r-pager {\n  border: 1px solid #e0e0e0;\n  border-top-width: 0px;\n  min-height: 50px;\n  width: 100%;\n  display: inline-block;\n}\n.r-table-edit .r-pager .r-pagercontainer {\n  margin-left: 10px;\n  float: left;\n  height: 100%;\n  display: block;\n  align-items: center;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-button {\n  display: inline-block;\n  margin: 9px 6px;\n  height: 30px;\n  width: 30px;\n  padding: 6px;\n  border-width: 0px;\n  background-color: transparent;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-button svg {\n  font-size: 16px;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number {\n  display: inline-block;\n  margin: 10px 4px 0px 0px;\n  height: 25px;\n  width: 25px;\n  font-size: 13px;\n  padding-top: 4px;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 5px;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number.r-active {\n  background-color: rgba(235, 70, 25, 0.1);\n  color: #eb4619;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number:hover {\n  border: 1px solid #eb4619;\n}\n.r-table-edit .r-pager .r-pagesize {\n  margin-left: 20px;\n  font-size: 13px;\n  display: inline-block;\n}\n.r-table-edit .r-pager .r-pagesize .select-pagesize__menu-portal {\n  z-index: 5;\n}\n.r-table-edit .r-pager .r-parentmsgbar {\n  font-size: 13px;\n  float: right;\n  padding-bottom: 9px;\n  padding-right: 18px;\n  padding-top: 14px;\n}\n\n.r-tooltip .tooltip-inner {\n  font-size: 11px;\n}\n.r-tooltip.tooltip-error ::before {\n  border-top-color: rgb(235, 78, 78);\n}\n.r-tooltip.tooltip-error .tooltip-inner {\n  background-color: rgb(235, 78, 78);\n}\n\n.btn-input-style {\n  font-weight: 500;\n  text-transform: uppercase;\n  border: 1px solid #e0e0e0;\n  border-radius: 5px;\n  margin-left: 3px;\n  height: 28px;\n  padding: 2px 5px;\n  cursor: pointer;\n}\n.btn-input-style:hover {\n  background-color: rgba(235, 70, 25, 0.1);\n  color: #eb4619;\n}\n.btn-input-style.active-custom {\n  background-color: #eb4619;\n  color: #FFFFFF;\n}";
+var css_248z$2 = "@charset \"UTF-8\";\n.react-select-table .select-table-control {\n  opacity: 1;\n  border: 1px solid hsl(0, 0%, 80%);\n  border-radius: 0.357rem;\n  width: 100%;\n  height: 28px;\n  background-color: #FFFFFF;\n  display: flex;\n  align-items: center;\n  padding: 2px 8px;\n}\n.react-select-table .select-table-control .select-table-indicator svg {\n  fill: #c4c4c4 !important;\n}\n.react-select-table .select-table-control .icon-clear {\n  font-size: 25px;\n  margin-top: 2px;\n  font-weight: 500;\n  color: #c4c4c4;\n}\n.react-select-table .select-table-control .icon-clear:hover {\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n}\n.react-select-table .select-table-control.r-select-is-open .select-table-indicator svg {\n  fill: rgba(0, 0, 0, 0.8705882353) !important;\n}\n.react-select-table .select-table-control.r-select-is-invalid {\n  border: 1px solid red !important;\n}\n.react-select-table .select-table-control.r-select-is-focus {\n  border: 1px solid #1989fa !important;\n}\n.react-select-table .select-table-control.r-select-is-disabled {\n  background-color: #efefef !important;\n}\n.react-select-table .select-table-control .select-table-container {\n  position: relative;\n  flex: 1;\n}\n.react-select-table .select-table-control .select-table-container .input-container {\n  background-color: transparent;\n  white-space: nowrap;\n  top: 0px;\n  left: 0px;\n  display: inline;\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input {\n  background-color: transparent;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box;\n  margin-left: -3px;\n  border: none;\n  /* Loại bỏ border */\n  outline: none;\n  /* Loại bỏ outline khi input được chọn */\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input:focus {\n  border-width: 0px !important;\n}\n.react-select-table .select-table-control .select-table-container .select-placeholder {\n  position: absolute;\n  color: #283046;\n  margin-top: 1px;\n  background-color: transparent;\n}\n.react-select-table .select-table-control .select-table-container .select-value {\n  position: absolute;\n  background-color: transparent;\n  bottom: 0px;\n  left: 0px;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.react-select-table .formula-dropdown {\n  min-width: min-content !important;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;\n}\n.react-select-table input::placeholder {\n  color: #000000 !important;\n  opacity: 1;\n  /* Firefox */\n}\n\n.r-select-grid.r-select-tree-grid .r-select-gridtable .r-select-row:hover {\n  background-color: rgba(235, 70, 25, 0.1) !important;\n  color: #eb4619;\n}\n\n.r-select-grid {\n  font-size: 12px;\n  font-family: Montserrat, Helvetica, Arial, serif;\n  font-weight: 500 !important;\n  border-radius: 4px !important;\n  overflow: hidden;\n}\n.r-select-grid table {\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0px;\n}\n.r-select-grid .r-select-gridtable {\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: auto;\n  position: relative;\n  background-color: #FFFFFF;\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  font-weight: 400 !important;\n  font-size: 13px !important;\n  /* Toàn bộ thanh cuộn */\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar {\n  width: 9px;\n  height: 9px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-track {\n  background: #FCFCFC;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb {\n  background: #8B8B8B;\n  border-radius: 6px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb:hover {\n  background: #636363;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell {\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  position: sticky;\n  padding: 0px;\n  height: 35px;\n  z-index: 1;\n  border-width: 0px;\n  line-height: 16px;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-div {\n  border-bottom: 1px solid #e0e0e0;\n  background-color: #fafafa;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  padding: 5px 10px;\n  height: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-text {\n  width: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row {\n  background-color: #FFFFFF;\n  cursor: pointer;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .cell-fixed {\n  position: sticky;\n  z-index: 1;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.fisrt-row .r-select-rowcell {\n  border-top-width: 0px !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.last-row .r-select-rowcell {\n  border-bottom: 1px solid #e0e0e0;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell {\n  border-top: 1px solid #e0e0e0;\n  height: 30px !important;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  padding: 7px 9px;\n  vertical-align: middle !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-move {\n  background-color: rgba(235, 70, 25, 0.1) !important;\n  color: #eb4619 !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-active {\n  background-color: #eb4619 !important;\n  color: #FFFFFF !important;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden {\n  display: none;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden ::after {\n  display: none;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand {\n  transition: transform 0.3s ease !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand.is-open {\n  transform: rotate(90deg) !important;\n  -moz-transform: rotate(90deg);\n  -webkit-transform: rotate(90deg);\n  -o-transform: rotate(90deg);\n}\n.r-select-grid .r-select-gridtable.no-header .r-select-rowcell {\n  border: none !important;\n}\n.r-select-grid .r-no-data {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  padding: 7px 9px;\n  color: #8f8f8f;\n}\n.r-select-grid .r-select-footer {\n  height: 30px;\n  background-color: #fafafa;\n}\n.r-select-grid .r-select-footer button {\n  font-weight: 400 !important;\n  font-size: 13px;\n}\n.r-select-grid .r-select-footer .r-btn {\n  border-width: 0px !important;\n}\n\n.r-pagesize .react-select-table .select-table-control {\n  border-radius: 0px;\n  border: 0px;\n  border-bottom: 1px solid #e0e0e0 !important;\n}\n.r-pagesize .react-select-table .select-table-control.r-select-is-focus {\n  border: 0px !important;\n  border-bottom: 1px solid #1989fa !important;\n}\n\n.r-sidebar {\n  width: 400px;\n  right: -400px;\n  padding: 0;\n  background-color: #FFFFFF;\n  z-index: 1051;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  height: 100vh;\n  height: calc(var(--vh, 1vh) * 100);\n  transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);\n  backface-visibility: hidden;\n  border-left: 1px solid rgba(0, 0, 0, 0.05);\n}\n.r-sidebar.open {\n  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);\n  right: 0;\n}\n.r-sidebar .modal-header {\n  background-color: #FFFFFF;\n}\n.r-sidebar .modal-header .btn-close {\n  padding: 0.8rem;\n  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);\n  border-radius: 0.357rem;\n  background-color: #FFFFFF;\n  opacity: 1;\n  transition: all 0.23s ease 0.1s;\n  position: relative;\n  transform: translate(18px, -10px);\n}\n.r-sidebar .modal-header .btn-close:hover, .r-sidebar .modal-header .btn-close:focus, .r-sidebar .modal-header .btn-close:active {\n  opacity: 1;\n  outline: none;\n  transform: translate(15px, -2px);\n  box-shadow: none;\n}\n\n.r-sidebar .react-select {\n  max-width: 100%;\n}\n\n.r-sidebar {\n  width: 400px;\n  right: -100vw;\n  height: 100vh;\n}\n.r-sidebar .r-handle {\n  position: fixed;\n  background-color: #FFFFFF;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  filter: drop-shadow(0.9px 0.9px 1.5px);\n  height: 50px;\n  display: flex;\n  align-items: center;\n  border-radius: 0px 5px 5px 0px;\n  cursor: pointer;\n  margin-left: 7px;\n  z-index: 9;\n}\n.r-sidebar.customizer-md {\n  width: 600px;\n}\n.r-sidebar.customizer-lg {\n  width: 800px;\n}\n.r-sidebar.customizer-500 {\n  width: 500px;\n}\n@media (max-width: 500px) {\n  .r-sidebar.customizer-500 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-600 {\n  width: 600px;\n}\n@media (max-width: 600px) {\n  .r-sidebar.customizer-600 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-700 {\n  width: 700px;\n}\n@media (max-width: 700px) {\n  .r-sidebar.customizer-700 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-800 {\n  width: 800px;\n}\n@media (max-width: 800px) {\n  .r-sidebar.customizer-800 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-900 {\n  width: 900px;\n}\n@media (max-width: 900px) {\n  .r-sidebar.customizer-900 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-1000 {\n  width: 1000px;\n}\n@media (max-width: 1000px) {\n  .r-sidebar.customizer-1000 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-1500 {\n  width: 1500px;\n}\n@media (max-width: 1500px) {\n  .r-sidebar.customizer-1500 {\n    width: 100vw;\n  }\n}\n.r-sidebar.fullscreen {\n  width: 100%;\n}\n.r-sidebar.open {\n  right: 0;\n}\n\n.r-datepicker {\n  position: relative;\n}\n.r-datepicker .form-control {\n  height: 28px;\n}\n\n.r-datepicker-popup {\n  background: white;\n  border: 1px solid #e0e0e0;\n  padding: 15px 5px !important;\n}\n.r-datepicker-popup .rdp-nav {\n  display: none;\n}\n.r-datepicker-popup .rdp-month_caption {\n  display: none;\n}\n.r-datepicker-popup .select-month-year {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 5px 5px 8px 5px;\n}\n.r-datepicker-popup .select-month-year .select-month {\n  text-align: right;\n  width: 90px !important;\n}\n.r-datepicker-popup .select-month-year .select-year {\n  text-align: left;\n  width: 65px !important;\n}\n.r-datepicker-popup .select-month-year svg:hover {\n  color: #eb4619;\n}\n.r-datepicker-popup .select-month-year .select-table-control .select-table-container {\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  font-size: 14px !important;\n  font-weight: 600;\n}\n.r-datepicker-popup .select-month-year .select-table-control .select-table-container .select-input {\n  cursor: pointer !important;\n}\n.r-datepicker-popup .select-month-year .react-select-table .select-table-control {\n  border: none;\n}\n.r-datepicker-popup .select-month-year .react-select-table .r-select-is-focus {\n  border: none !important;\n}\n.r-datepicker-popup .select-month-year .select-table-indicator {\n  display: none;\n}\n.r-datepicker-popup .rdp-weekday {\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  opacity: 1 !important;\n  font-weight: 500;\n  font-size: 14px !important;\n}\n.r-datepicker-popup .rdp-day {\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  font-size: 13.5px !important;\n  height: 32px !important;\n  width: 32px !important;\n}\n.r-datepicker-popup .rdp-day .rdp-day_button {\n  height: 32px !important;\n  width: 32px !important;\n}\n.r-datepicker-popup .rdp-day.rdp-today {\n  font-weight: bold;\n  color: #eb4619;\n}\n.r-datepicker-popup .rdp-day.rdp-today .rdp-day_button {\n  border: 1px solid #eb4619;\n  border-radius: 8px;\n}\n.r-datepicker-popup .rdp-day.rdp-selected .rdp-day_button {\n  border: 1px solid #eb4619;\n  background-color: #eb4619;\n  color: #FFFFFF;\n  border-radius: 8px;\n}\n.r-datepicker-popup .rdp-day.rdp-in-range .rdp-day_button {\n  background-color: #fce6df;\n  color: #eb4619;\n  border-radius: 2px;\n  height: 22px !important;\n  border-width: 0px !important;\n}\n.r-datepicker-popup .rdp-day .rdp-day_button:hover {\n  background-color: #fce6df;\n  color: #eb4619;\n  border-radius: 8px;\n}\n.r-datepicker-popup .btn-today {\n  margin-top: 5px;\n  text-align: center;\n  font-size: 13px;\n  color: #eb4619;\n  cursor: pointer;\n  user-select: none;\n  font-weight: 500;\n}\n.r-datepicker-popup .btn-today:hover {\n  text-decoration: underline;\n}\n\n.tab-custom {\n  font-family: Roboto, \"Segoe UI\", GeezaPro, \"DejaVu Serif\", \"sans-serif\", -apple-system, BlinkMacSystemFont;\n  display: flex;\n}\n.tab-custom.tab-parent {\n  border-bottom: solid 1px #c9c9c9;\n}\n.tab-custom .btn-scroll {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.tab-custom .tab-component::-webkit-scrollbar {\n  display: none;\n  /* Ẩn thanh cuộn nếu không cần */\n}\n.tab-custom .tab-component {\n  white-space: nowrap;\n  overflow-x: hidden;\n  scroll-behavior: smooth;\n}\n.tab-custom .tab-component > * {\n  display: inline-block;\n}\n.tab-custom .tab-component .tab-custom-item {\n  display: inline-block;\n  padding: 3px 10px;\n  line-height: 23px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 500;\n  text-transform: uppercase;\n  height: 30px;\n  color: rgba(0, 0, 0, 0.5);\n}\n.tab-custom .tab-component .tab-custom-item.active {\n  border-bottom: solid 2px #eb4619 !important;\n  color: #eb4619;\n}\n.tab-custom.tab-child .tab-custom-item {\n  font-size: 12px !important;\n  line-height: 23px !important;\n  border-radius: 5px 5px 0px 0px;\n  margin: 8px 3px 0px 3px;\n  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n}\n\n.bs-stepper {\n  background-color: #FFFFFF;\n  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);\n  border-radius: 0.5rem;\n}\n.bs-stepper .bs-stepper-header {\n  padding: 1.5rem 1.5rem;\n  flex-wrap: wrap;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n  margin: 0;\n}\n.bs-stepper .bs-stepper-header .line {\n  flex: 0;\n  min-width: auto;\n  min-height: auto;\n  background-color: transparent;\n  margin: 0;\n  padding: 0 1.75rem;\n  color: #283046;\n  font-size: 1.5rem;\n}\n.bs-stepper .bs-stepper-header .step {\n  margin-bottom: 0.25rem;\n  margin-top: 0.25rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger {\n  flex-wrap: nowrap;\n  padding: 0;\n  font-weight: normal;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  padding: 0.5em 0;\n  font-weight: 500;\n  color: #babfc7;\n  background-color: rgba(186, 191, 199, 0.12);\n  border-radius: 0.35rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {\n  text-align: left;\n  margin: 0;\n  margin-top: 0.5rem;\n  margin-left: 1rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {\n  display: inherit;\n  color: #283046;\n  font-weight: 600;\n  line-height: 1rem;\n  margin-bottom: 0rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {\n  font-weight: 400;\n  font-size: 0.85rem;\n  color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger:hover {\n  background-color: transparent;\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {\n  background-color: #eb4619;\n  color: #FFFFFF;\n  box-shadow: 0 3px 6px 0 rgba(235, 70, 25, 0.4);\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {\n  background-color: rgba(235, 70, 25, 0.12);\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step.crossed + .line {\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-content {\n  padding: 1.5rem 1.5rem;\n}\n.bs-stepper .bs-stepper-content .content {\n  margin-left: 0;\n}\n.bs-stepper .bs-stepper-content .content .content-header {\n  margin-bottom: 1rem;\n}\n.bs-stepper.vertical .bs-stepper-header {\n  border-right: 1px solid #e0e0e0;\n  border-bottom: none;\n}\n.bs-stepper.vertical .bs-stepper-header .step .step-trigger {\n  padding: 1rem 0;\n}\n.bs-stepper.vertical .bs-stepper-header .line {\n  display: none;\n}\n.bs-stepper.vertical .bs-stepper-content {\n  width: 100%;\n  padding-top: 2.5rem;\n}\n.bs-stepper.vertical .bs-stepper-content .content:not(.active) {\n  display: none;\n}\n.bs-stepper.vertical.wizard-icons .step {\n  text-align: center;\n}\n.bs-stepper.wizard-modern {\n  background-color: transparent;\n  box-shadow: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-header {\n  border: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-content {\n  background-color: #FFFFFF;\n  border-radius: 0.5rem;\n  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);\n}\n\n.horizontal-wizard,\n.vertical-wizard,\n.modern-horizontal-wizard,\n.modern-vertical-wizard {\n  margin-bottom: 2.2rem;\n}\n\nhtml[data-textdirection=rtl] .btn-prev,\nhtml[data-textdirection=rtl] .btn-next {\n  display: flex;\n}\nhtml[data-textdirection=rtl] .btn-prev i,\nhtml[data-textdirection=rtl] .btn-prev svg,\nhtml[data-textdirection=rtl] .btn-next i,\nhtml[data-textdirection=rtl] .btn-next svg {\n  transform: rotate(-180deg);\n}\n\n@media (max-width: 992px) {\n  .bs-stepper .bs-stepper-header {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .bs-stepper .bs-stepper-header .step .step-trigger {\n    padding: 0.5rem 0 !important;\n    flex-direction: row;\n  }\n  .bs-stepper .bs-stepper-header .line {\n    display: none;\n  }\n  .bs-stepper.vertical {\n    flex-direction: column;\n  }\n  .bs-stepper.vertical .bs-stepper-header {\n    align-items: flex-start;\n  }\n  .bs-stepper.vertical .bs-stepper-content {\n    padding-top: 1.5rem;\n  }\n}\n.r-table-edit .r-grid {\n  font-size: 12px;\n}\n.r-table-edit .r-grid .r-search {\n  display: flex;\n  position: relative;\n  align-items: center;\n}\n.r-table-edit .r-grid .r-search .input__value {\n  z-index: 1;\n}\n.r-table-edit .r-grid .r-search .input__value.is-clearable {\n  padding-right: 25px;\n}\n.r-table-edit .r-grid .r-search .input__clear-icon {\n  position: absolute;\n  right: 5px;\n  z-index: 10;\n}\n.r-table-edit .r-grid .r-gridtable {\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: scroll;\n  position: relative;\n  background-color: #FFFFFF;\n  color: rgba(0, 0, 0, 0.8705882353);\n  font-weight: 400;\n  border: 1px solid #e0e0e0;\n  /* Toàn bộ thanh cuộn */\n  /* Nền của thanh cuộn */\n  /* Thanh trượt (thumb) */\n  /* Khi hover */\n}\n.r-table-edit .r-grid .r-gridtable table {\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0px;\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar {\n  width: 9px;\n  /* Độ rộng của thanh cuộn */\n  height: 9px;\n  /* Độ cao của thanh cuộn */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-track {\n  background: #FCFCFC;\n  /* Màu nền nhạt */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-thumb {\n  background: #8B8B8B;\n  /* Màu xám nhạt */\n  border-radius: 6px;\n  /* Bo góc giống Edge */\n}\n.r-table-edit .r-grid .r-gridtable::-webkit-scrollbar-thumb:hover {\n  background: #636363;\n  /* Màu đậm hơn khi hover */\n}\n.r-table-edit .r-grid .r-gridtable .react-resizable-handle.react-resizable-handle-se {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  width: 10px;\n  height: 100%;\n  cursor: col-resize;\n  background-image: none;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter svg.active {\n  color: #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .select-value {\n  line-height: 20px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .select-placeholder {\n  line-height: 20px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .react-select-table .r-select-is-focus {\n  border-color: #eb4619 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-filter-popup .form-control:focus {\n  border-color: #eb4619 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-no-data {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  padding: 20px 9px;\n  color: #8f8f8f;\n}\n.r-table-edit .r-grid .r-gridtable .r-loading-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.3);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 3;\n}\n.r-table-edit .r-grid .r-gridtable .r-loading-overlay .r-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  padding: 7px 9px;\n  color: #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed {\n  z-index: 2 !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-right .r-headercell-div {\n  border-left: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-left .r-headercell-div {\n  border-right: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-left.fixed-last .r-headercell-div {\n  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .cell-fixed.fix-right.fixed-last .r-headercell-div {\n  box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell {\n  color: rgba(0, 0, 0, 0.8705882353);\n  position: sticky;\n  padding: 0px;\n  height: 42px;\n  z-index: 1;\n  border-width: 0px;\n  line-height: 16px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .r-headercell-div {\n  border-right: 1px solid #e0e0e0;\n  border-bottom: 1px solid #e0e0e0;\n  background-color: #FFFFFF;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  padding: 5px 10px;\n  height: 100%;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .header-content {\n  display: flex;\n  flex: 1 1 0%;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridheader .r-row .r-headercell .header-content .text-content {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row:first-of-type .r-rowcell-div {\n  border-top-color: #FFFFFF;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row {\n  font-size: 13px;\n  transition: transform 0.05s linear;\n  will-change: transform;\n  backface-visibility: hidden;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .cell-fixed {\n  position: sticky;\n  z-index: 1;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .cell-fixed .r-rowcell.r-cell-selected-right {\n  margin-right: 1px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell {\n  background-color: #FFFFFF;\n  border-bottom: 1px solid #e0e0e0;\n  border-right: 1px solid #e0e0e0;\n  vertical-align: middle;\n  padding: 0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-sum-group {\n  background-color: #fafafa;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-sum-group .r-rowcell-div {\n  padding-left: 10px;\n  padding-right: 5px;\n  display: flex;\n  align-items: center;\n  background-color: #fafafa;\n  font-weight: 550;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-group {\n  left: 0px;\n  position: sticky;\n  z-index: 1;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-group .r-rowcell-div {\n  padding-left: 10px;\n  padding-right: 5px !important;\n  display: flex;\n  align-items: center;\n  background-color: #fafafa;\n  font-weight: 550;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-group .r-rowcell-div svg {\n  margin-right: 10px;\n  cursor: pointer;\n  user-select: none;\n  transition: transform 0.2s ease-in-out;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-cell-group .r-rowcell-div svg:hover {\n  color: #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.cell-fixed .r-rowcell-div.r-cell-selected-right {\n  padding-right: 1px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-right {\n  border-left: 1px solid #e0e0e0;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-right.fixed-last {\n  border-left: 1px solid #e0e0e0;\n  box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.fix-left.fixed-last {\n  border-right: 1px solid #e0e0e0;\n  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell.r-active-row {\n  background-color: #fce6df;\n  border-right: 2px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div {\n  min-height: 28px !important;\n  border: 1px solid transparent;\n  position: relative;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .arrow-context-menu {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 15px;\n  width: 15px;\n  background-color: #FFFFFF;\n  border-radius: 10px;\n  border: 1px solid #e0e0e0;\n  box-shadow: 0px 0px 2px #e0e0e0;\n  right: -5px;\n  bottom: -5px;\n  z-index: 10000;\n  cursor: pointer;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.command {\n  padding-top: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div:focus {\n  outline: none;\n  /* bỏ viền focus mặc định */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-disable {\n  background-color: #f9f9f9;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-active-cell {\n  background-color: rgb(255, 240, 240);\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-cell-text:focus {\n  outline: none;\n  /* bỏ viền focus mặc định */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-icon-invalid {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0px;\n  left: -6px;\n  rotate: -90deg;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-drag-icon {\n  position: absolute;\n  border: 1px solid #FFFFFF;\n  bottom: -2px;\n  right: -2px;\n  width: 7px;\n  height: 7px;\n  background-color: #eb4619;\n  border-radius: 20%;\n  cursor: crosshair;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-cell-text {\n  padding: 0px 7px;\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  min-height: 28px;\n  flex: 1;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-cell-text .r-drop-icon {\n  position: absolute;\n  fill: #c4c4c4 !important;\n  right: 8.5px;\n  top: 3.5px;\n  cursor: pointer;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .is-invalid {\n  border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .is-invalid .r-select-is-invalid {\n  border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-top {\n  border-top: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-bottom {\n  border-bottom: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-left {\n  border-left: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div.r-cell-selected-right {\n  border-right: 1px solid #eb4619;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-datepicker .form-control {\n  padding: 0px 4px;\n  border-radius: 0px;\n  border-width: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table.is-invalid {\n  border-width: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table .r-select-is-focus {\n  border-width: 0px !important;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table .select-table-control {\n  border-radius: 0px;\n  border-width: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .react-select-table .select-table-control.r-select-is-focus {\n  border: 1px solid #1989fa;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .display-value {\n  cursor: pointer;\n  border-radius: 0px;\n  background-color: #FFFFFF;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .input-display {\n  border-width: 0px;\n  box-sizing: border-box;\n  border: none;\n  /* Loại bỏ border */\n  outline: none;\n  /* Loại bỏ outline khi input được chọn */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .form-input-content .form-control {\n  border-radius: 4px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit .form-input-content .form-control:focus {\n  border: 1px solid #1989fa;\n  outline: none;\n  box-shadow: none;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit input::placeholder {\n  color: #eb4619;\n  opacity: 1;\n  /* Firefox */\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__display {\n  vertical-align: middle;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit {\n  display: none;\n  text-align: left;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit.active {\n  display: flex;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit .form-label {\n  font-size: 10px;\n  margin-bottom: 0px;\n  text-align: left;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit .form-control {\n  border-radius: 0px;\n  height: 23px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-edit-inline .form__edit .form__element {\n  margin: 0px 2px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .r-date-input {\n  text-align: center;\n  height: 29px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  padding: 5px;\n  font-size: 14px;\n  background-color: #f9f9f9;\n  color: #333;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div .form-control:focus {\n  border-radius: 0px;\n  border-width: 0px;\n  background-color: #f8f8f8;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridcontent .r-row .r-rowcell .r-rowcell-div input {\n  font-size: 13px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot {\n  color: #283046;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row {\n  bottom: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer {\n  background-color: #fafafa;\n  font-size: 14px;\n  font-weight: 600;\n  width: 100px;\n  position: sticky;\n  z-index: 1;\n  bottom: 0;\n  border-width: 0px;\n  padding: 0px;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer.cell-fixed {\n  z-index: 2;\n}\n.r-table-edit .r-grid .r-gridtable .r-gridfoot .r-row .r-footer .r-footer-div {\n  height: 30px;\n  padding: 5px 0px;\n}\n.r-table-edit .r-grid .r-gridtable .formula-dropdown {\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;\n}\n.r-table-edit .r-grid .text-left .form-label {\n  text-align: left;\n}\n.r-table-edit .r-grid .r-toolbar {\n  border: 1px solid #e0e0e0;\n  height: 44px;\n}\n.r-table-edit .r-grid .r-toolbar.r-toolbar-bottom {\n  border-top-width: 0px;\n}\n.r-table-edit .r-grid .r-toolbar.r-toolbar-top {\n  border-bottom-width: 0px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items svg {\n  cursor: pointer;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items svg:hover {\n  color: #eb4619;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-left {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-left .r-toolbar-item {\n  margin: 7px 0px 7px 7px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-center {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-center .r-toolbar-item {\n  margin: 7px 3px 7px 3px;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-right {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n}\n.r-table-edit .r-grid .r-toolbar .r-toolbar-items .r-toolbar-right .r-toolbar-item {\n  margin: 7px 7px 7px 0px;\n}\n.r-table-edit .r-setting-container {\n  margin: 0px 15px;\n}\n.r-table-edit .r-setting-container .r-setting-content {\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: scroll;\n  position: relative;\n  background-color: #FFFFFF;\n  color: rgba(0, 0, 0, 0.8705882353);\n  font-weight: 400;\n  border-left: 1px solid #e0e0e0;\n  border-right: 1px solid #e0e0e0;\n  /* Toàn bộ thanh cuộn */\n  /* Nền của thanh cuộn */\n  /* Thanh trượt (thumb) */\n  /* Khi hover */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar {\n  width: 9px;\n  /* Độ rộng của thanh cuộn */\n  height: 9px;\n  /* Độ cao của thanh cuộn */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar-track {\n  background: #FCFCFC;\n  /* Màu nền nhạt */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar-thumb {\n  background: #8B8B8B;\n  /* Màu xám nhạt */\n  border-radius: 6px;\n  /* Bo góc giống Edge */\n}\n.r-table-edit .r-setting-container .r-setting-content::-webkit-scrollbar-thumb:hover {\n  background: #636363;\n  /* Màu đậm hơn khi hover */\n}\n.r-table-edit .r-setting-container .r-setting-row {\n  padding: 5px !important;\n  margin: 0px;\n  border-bottom: 1px solid #e0e0e0;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n}\n.r-table-edit .r-setting-container .r-setting-row .r-setting-cell {\n  padding-right: 10px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.r-table-edit .r-setting-container .r-setting-row .r-setting-cell .form-control {\n  font-size: 13px !important;\n}\n.r-table-edit .r-setting-container .r-setting-row.r-setting-header {\n  font-size: 12px !important;\n}\n.r-table-edit.r-virtualized-table .r-row:hover .r-rowcell {\n  background-color: #fce6df !important;\n}\n.r-table-edit .r-pager {\n  border: 1px solid #e0e0e0;\n  border-top-width: 0px;\n  min-height: 50px;\n  width: 100%;\n  display: inline-block;\n}\n.r-table-edit .r-pager .r-pagercontainer {\n  margin-left: 10px;\n  float: left;\n  height: 100%;\n  display: block;\n  align-items: center;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-button {\n  display: inline-block;\n  margin: 9px 6px;\n  height: 30px;\n  width: 30px;\n  padding: 6px;\n  border-width: 0px;\n  background-color: transparent;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-button svg {\n  font-size: 16px;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number {\n  display: inline-block;\n  margin: 10px 4px 0px 0px;\n  height: 25px;\n  width: 25px;\n  font-size: 13px;\n  padding-top: 4px;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 5px;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number.r-active {\n  background-color: rgba(235, 70, 25, 0.1);\n  color: #eb4619;\n}\n.r-table-edit .r-pager .r-pagercontainer .r-number:hover {\n  border: 1px solid #eb4619;\n}\n.r-table-edit .r-pager .r-pagesize {\n  margin-left: 20px;\n  font-size: 13px;\n  display: inline-block;\n}\n.r-table-edit .r-pager .r-pagesize .select-pagesize__menu-portal {\n  z-index: 5;\n}\n.r-table-edit .r-pager .r-parentmsgbar {\n  font-size: 13px;\n  float: right;\n  padding-bottom: 9px;\n  padding-right: 18px;\n  padding-top: 14px;\n}\n\n.r-tooltip .tooltip-inner {\n  font-size: 11px;\n}\n.r-tooltip.tooltip-error ::before {\n  border-top-color: rgb(235, 78, 78);\n}\n.r-tooltip.tooltip-error .tooltip-inner {\n  background-color: rgb(235, 78, 78);\n}\n\n.btn-input-style {\n  font-weight: 500;\n  text-transform: uppercase;\n  border: 1px solid #e0e0e0;\n  border-radius: 5px;\n  margin-left: 3px;\n  height: 28px;\n  padding: 2px 5px;\n  cursor: pointer;\n}\n.btn-input-style:hover {\n  background-color: rgba(235, 70, 25, 0.1);\n  color: #eb4619;\n}\n.btn-input-style.active-custom {\n  background-color: #eb4619;\n  color: #FFFFFF;\n}";
 styleInject(css_248z$2);
 
 const getColumn = (contentColumns, col, count) => {
@@ -36516,7 +36530,7 @@ const CellComponent = React__default.memo((props) => {
                     cancelAnimationFrame(rafId.current);
                 }
                 rafId.current = requestAnimationFrame(() => {
-                    container.scrollTo({ top: newTop, left: newLeft, behavior: "smooth" });
+                    container.scrollTo({ top: newTop, left: newLeft, behavior: 'smooth' });
                 });
             }
         };
@@ -36524,15 +36538,15 @@ const CellComponent = React__default.memo((props) => {
             if (!typeDragging.current) {
                 return;
             }
-            document.body.style.userSelect = "";
+            document.body.style.userSelect = '';
             typeDragging.current = 0;
             isCopying.current = false;
         };
-        window.addEventListener("mousemove", handleMouseMove);
-        window.addEventListener("mouseup", handleMouseUp);
+        window.addEventListener('mousemove', handleMouseMove);
+        window.addEventListener('mouseup', handleMouseUp);
         return () => {
-            window.removeEventListener("mousemove", handleMouseMove);
-            window.removeEventListener("mouseup", handleMouseUp);
+            window.removeEventListener('mousemove', handleMouseMove);
+            window.removeEventListener('mouseup', handleMouseUp);
             if (rafId.current) {
                 cancelAnimationFrame(rafId.current);
             }
@@ -36542,27 +36556,29 @@ const CellComponent = React__default.memo((props) => {
         return null;
     }
     const commonTdProps = {
-        role: "gridcell",
-        "aria-colindex": indexCol + 1,
+        role: 'gridcell',
+        'aria-colindex': indexCol + 1,
         key: `col-${indexRow}-${indexCol}`,
-        className: classNames$1('r-rowcell ', { "fix-right": col.fixedType === 'right' }, { "fix-left": col.fixedType === 'left' }, { "cell-fixed": col.fixedType }, { "fixed-last": (col.fixedType === "left" && indexCol === lastObjWidthFixLeft) || (col.fixedType === "right" && indexCol === fisrtObjWidthFixRight) }, { "r-active-row": (isSelected && editDisable) || isActiveRow }),
+        className: classNames$1('r-rowcell ', { 'fix-right': col.fixedType === 'right' }, { 'fix-left': col.fixedType === 'left' }, { 'cell-fixed': col.fixedType }, { 'fixed-last': (col.fixedType === 'left' && indexCol === lastObjWidthFixLeft) || (col.fixedType === 'right' && indexCol === fisrtObjWidthFixRight) }, { 'r-active-row': (isSelected && editDisable) || isActiveRow }),
         onMouseEnter: (e) => handleMouseEnter(e),
         onMouseUp: () => handleMouseUp(),
         onCopy: (e) => {
             if (!editDisable && !editCell) {
                 const copyData = [];
-                const copyColumns = visibleContentColumns.filter(x => x.index >= (selectedCell?.minCol ?? 0) && x.index <= (selectedCell?.maxCol ?? 0));
+                const copyColumns = visibleContentColumns.filter((x) => x.index >= (selectedCell?.minCol ?? 0) && x.index <= (selectedCell?.maxCol ?? 0));
                 for (let i = selectedCell?.minRow ?? 0; i <= (selectedCell?.maxRow ?? 0); i++) {
                     const element = dataSource[i];
                     if (element) {
-                        const rowData = copyColumns.map((col) => {
-                            return element[col.field] ?? "";
-                        }).join("\t");
+                        const rowData = copyColumns
+                            .map((col) => {
+                            return element[col.field] ?? '';
+                        })
+                            .join('\t');
                         copyData.push(rowData);
                     }
                 }
-                navigator.clipboard.writeText(copyData.join("\n"));
-                notificationSuccess(t("CopySuccessful"));
+                navigator.clipboard.writeText(copyData.join('\n'));
+                notificationSuccess(t('CopySuccessful'));
                 e.stopPropagation();
             }
         },
@@ -36582,17 +36598,17 @@ const CellComponent = React__default.memo((props) => {
             }
         },
         onKeyDown: (e) => {
-            if (e.code === "KeyD" && e.ctrlKey && !editDisable && !addDisable) {
+            if (e.code === 'KeyD' && e.ctrlKey && !editDisable && !addDisable) {
                 handleDuplicate(dataSource, startCell.row, fieldKey, defaultValue, fieldUniKey, changeDataSource, containerRef, totalCount, toolbarSetting, buttonSetting, editDisable, addDisable, onDuplicate);
                 e.preventDefault();
                 e.stopPropagation();
             }
         },
         style: {
-            left: col.fixedType === "left" ? objWidthFixLeft[indexCol] : undefined,
-            right: col.fixedType === "right" ? objWidthFixRight[indexCol] : undefined,
+            left: col.fixedType === 'left' ? objWidthFixLeft[indexCol] : undefined,
+            right: col.fixedType === 'right' ? objWidthFixRight[indexCol] : undefined,
             width: col.width ?? 100,
-            textAlign: col.textAlign ?? "left"
+            textAlign: col.textAlign ?? 'left'
         }
     };
     const handleSelectRow = (e) => {
@@ -36620,9 +36636,9 @@ const CellComponent = React__default.memo((props) => {
         } // chỉ chuột trái
         if (editDisable) {
             return;
-        } // chỉ chuột trái  
+        } // chỉ chuột trái
         typeDragging.current = type;
-        document.body.style.userSelect = "none"; // chặn select
+        document.body.style.userSelect = 'none'; // chặn select
         let minCol = indexCol;
         let maxCol = indexCol;
         let minRow = indexRow;
@@ -36675,7 +36691,7 @@ const CellComponent = React__default.memo((props) => {
         const maxRow = Math.max(startCell.row, indexRow);
         //Nếu đang kéo ô
         if (typeDragging.current === 1 || typeDragging.current === 2) {
-            if (col.field === "command" || col.field === "#" || col.field === "checkbox") {
+            if (col.field === 'command' || col.field === '#' || col.field === 'checkbox') {
                 return;
             } // không kéo ô cho cột command và cột index
             const minCol = isCopying.current ? startCell.col : Math.min(startCell.col, indexCol);
@@ -36698,41 +36714,64 @@ const CellComponent = React__default.memo((props) => {
         }
         typeDragging.current = 0;
         isCopying.current = false;
-        document.body.style.userSelect = ""; // bật lại select
+        document.body.style.userSelect = ''; // bật lại select
     };
     /** ---------------- COMMAND COLUMN ---------------- */
-    if (col.field === "command") {
+    if (col.field === 'command') {
         return (jsx("td", { ...commonTdProps, children: jsx("div", { className: "r-rowcell-div command", children: jsx(CommandElement, { commandItems: col.commandItems ?? [], handleCommandClick: handleCommandClick, indexRow: indexRow, rowData: row }) }) }));
     }
     /** ---------------- INDEX COLUMN (“#”) ---------------- */
-    if (col.field === "#") {
-        return (jsx("td", { ...commonTdProps, tabIndex: Number(`${indexRow}${indexCol}`), onMouseDown: (e) => handleMouseDown(e, 3), className: classNames$1('index-cell', commonTdProps.className, "cursor-pointer"), style: { ...commonTdProps.style, textAlign: "center" }, children: jsx("div", { className: "r-rowcell-div", children: indexRow + 1 }) }));
+    if (col.field === '#') {
+        return (jsx("td", { ...commonTdProps, tabIndex: Number(`${indexRow}${indexCol}`), onMouseDown: (e) => handleMouseDown(e, 3), className: classNames$1('index-cell', commonTdProps.className, 'cursor-pointer'), style: { ...commonTdProps.style, textAlign: 'center' }, children: jsx("div", { className: "r-rowcell-div", children: indexRow + 1 }) }));
     }
     /** ---------------- CHECKBOX COLUMN ---------------- */
-    if (col.field === "checkbox") {
-        return (jsx("td", { ...commonTdProps, children: jsx("div", { className: "r-rowcell-div cursor-pointer", style: { alignItems: "center" }, onClick: handleSelectRow, children: jsx(Input$1, { checked: isSelected, type: "checkbox", className: "cursor-pointer" }) }) }));
+    if (col.field === 'checkbox') {
+        return (jsx("td", { ...commonTdProps, children: jsx("div", { className: "r-rowcell-div cursor-pointer", style: { alignItems: 'center' }, onClick: handleSelectRow, children: jsx(Input$1, { checked: isSelected, type: "checkbox", className: "cursor-pointer" }) }) }));
     }
     /** ---------------- OTHER COLUMNS ---------------- */
     let value = row[col.field];
-    if (col.type === "numeric" || (col.typeCondition && col.typeCondition(row) === "numeric")) {
-        value = formartNumberic(row[col.field], formatSetting?.decimalSeparator ?? ",", formatSetting?.thousandSeparator ?? ".", col.numericSettings?.fraction, true, false) ?? 0;
+    if (col.type === 'numeric' || (col.typeCondition && col.typeCondition(row) === 'numeric')) {
+        value = formartNumberic(row[col.field], formatSetting?.decimalSeparator ?? ',', formatSetting?.thousandSeparator ?? '.', col.numericSettings?.fraction, true, false) ?? 0;
     }
-    else if (col.type === "date") {
-        value = value ? formatDateTime(value, formatSetting?.dateFormat) : "";
+    else if (col.type === 'date') {
+        value = value ? formatDateTime(value, formatSetting?.dateFormat) : '';
     }
-    else if (col.type === "datetime") {
-        value = value ? formatDateTime(value, formatSetting?.dateFormat ?? "DD/MM/yyyy HH:mm") : "";
+    else if (col.type === 'datetime') {
+        value = value ? formatDateTime(value, formatSetting?.dateFormat ?? 'DD/MM/yyyy HH:mm') : '';
     }
-    const typeDis = (!editDisable && col.editEnable && ((editCell?.row === indexRow && editCell?.col === indexCol) || col.type === "checkbox") && (!col.disabledCondition || !col.disabledCondition(row))) ? 'edit' : col.template ? 'template' : 'data';
-    const errorMessage = typeDis === 'edit' || col.field === "" || !col.validate ? "" : col.validate(row[col.field], row);
-    const content = typeDis === 'template' ? col.template?.(row, indexRow) ?? '' : value;
-    const isNegativeNumeric = col.type === 'numeric' && Number(row[col.field]) < 0;
-    const displayValue = isNegativeNumeric ? jsx("span", { style: { color: formatSetting?.colorNegative ?? 'red' }, children: `${formatSetting?.prefixNegative ?? '-'}${content}${formatSetting?.suffixNegative ?? ''}` }) : content;
-    return (jsx("td", { ...commonTdProps, children: jsxs("div", { className: classNames$1("r-rowcell-div", { "r-active-cell": !(indexCol === startCell.col && indexRow === startCell.row) && ((isSelected && editDisable) || isActiveCell) }, { "r-cell-disable": (col.editEnable !== true || col.disabledCondition?.(row)) && !editDisable }, { "r-cell-selected-top": indexRow === selectedCell?.minRow && isActiveCell }, { "r-cell-selected-bottom": indexRow === selectedCell?.maxRow && isActiveCell }, { "r-cell-selected-left": indexCol === selectedCell?.minCol && isActiveCell }, { "r-cell-selected-right": indexCol === selectedCell?.maxCol && isActiveCell }), style: { textAlign: col.textAlign ?? "left" }, children: [jsx(CellContentComponent, { col: col, row: row, indexRow: indexRow, indexCol: indexCol, idTable: idTable, gridRef: gridRef, editDisable: editDisable, formatSetting: formatSetting, displayValue: displayValue, typeDis: typeDis, content: content, handleMouseDown: handleMouseDown, handleKeyDown: handleKeyDown, focusEditElementCell: focusEditElementCell, handleDataChange: handleDataChange }), indexRow === selectedCell?.maxRow && indexCol === selectedCell?.maxCol && isActiveCell && jsx("div", { className: "r-drag-icon", onDoubleClick: () => {
+    const typeDis = !editDisable && col.editEnable && ((editCell?.row === indexRow && editCell?.col === indexCol) || col.type === 'checkbox') && (!col.disabledCondition || !col.disabledCondition(row)) ? 'edit' : col.template ? 'template' : 'data';
+    const errorMessage = typeDis === 'edit' || col.field === '' || !col.validate ? '' : col.validate(row[col.field], row);
+    const isNegative = col.type === 'numeric' && Number(row[col.field]) < 0;
+    const textColor = isNegative ? formatSetting?.colorNegative ?? 'red' : undefined;
+    const prefix = isNegative ? formatSetting?.prefixNegative ?? '-' : '';
+    const suffix = isNegative ? formatSetting?.suffixNegative ?? '' : '';
+    let displayValue = isNegative ? `${prefix}${value}${suffix}` : value ?? '';
+    if (col.template) {
+        displayValue = col.template(row, indexRow) ?? '';
+    }
+    const cellId = `content-${idTable}-row${indexRow}col-${indexCol}`;
+    const checkOverflow = () => {
+        const element = document.getElementById(cellId);
+        return element && element.scrollWidth > element.clientWidth;
+    };
+    return (jsx("td", { ...commonTdProps, children: jsxs("div", { className: classNames$1('r-rowcell-div', { 'r-active-cell': !(indexCol === startCell.col && indexRow === startCell.row) && ((isSelected && editDisable) || isActiveCell) }, { 'r-cell-disable': (col.editEnable !== true || col.disabledCondition?.(row)) && !editDisable }, { 'r-cell-selected-top': indexRow === selectedCell?.minRow && isActiveCell }, { 'r-cell-selected-bottom': indexRow === selectedCell?.maxRow && isActiveCell }, { 'r-cell-selected-left': indexCol === selectedCell?.minCol && isActiveCell }, { 'r-cell-selected-right': indexCol === selectedCell?.maxCol && isActiveCell }), style: { textAlign: col.textAlign ?? 'left' }, children: [typeDis === 'edit' ? (jsx(RenderEditCellComponent, { idTable: idTable, col: col, handleKeyDown: handleKeyDown, handleDataChange: handleDataChange, indexCol: indexCol, indexRow: indexRow, row: row, editDisable: editDisable, formatSetting: formatSetting, gridRef: gridRef })) : (jsxs(Fragment$1, { children: [jsxs("div", { tabIndex: Number(`${indexRow + 1}${indexCol + 1}`), onKeyDown: (e) => handleKeyDown(e, row), onMouseDown: (e) => handleMouseDown(e, 1), onDoubleClick: (e) => focusEditElementCell(e, indexRow, indexCol), 
+                            // onBlur={() => {
+                            //   if (startCell.col === indexCol && startCell.row === indexRow) {
+                            //     setSelectedCell(undefined)
+                            //     setStartCell({ col: -1, row: -1 })
+                            //   }
+                            // }}
+                            style: { justifyContent: col.textAlign === 'center' ? 'center' : col.textAlign === 'right' ? 'flex-end' : 'flex-start' }, className: "r-cell-text", children: [jsx("div", { id: cellId, style: {
+                                        color: textColor,
+                                        overflow: 'hidden',
+                                        textOverflow: 'ellipsis',
+                                        whiteSpace: 'pre',
+                                        maxWidth: '100%'
+                                    }, children: displayValue }), col.type === 'select' && !editDisable && !displayValue && (jsx("div", { className: "r-drop-icon", onClick: (e) => focusEditElementCell(e, indexRow, indexCol, true), children: jsx("svg", { height: "20", width: "20", viewBox: "0 0 20 20", children: jsx("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" }) }) }))] }), checkOverflow() && (jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: cellId, placement: "top", children: jsx("div", { style: { color: textColor }, children: displayValue }) }))] })), indexRow === selectedCell?.maxRow && indexCol === selectedCell?.maxCol && isActiveCell && (jsx("div", { className: "r-drag-icon", onDoubleClick: () => {
                         if (selectedCell && selectedCell?.minCol === selectedCell?.maxCol) {
                             handeCopyCell(indexCol, indexRow, totalCount - 1);
                         }
-                    }, onMouseDown: (e) => handleMouseDown(e, 2) }), errorMessage && jsxs(Fragment$1, { children: [jsx("div", { id: `error-row${indexRow}-col${indexCol}`, className: classNames$1("cursor-pointer r-icon-invalid"), children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: [jsx("g", { "clip-path": "url(#clip0_537_2)", children: jsx("path", { d: "M18.0301 -0.0416304L17.9871 17.5138L0.474868 0.0404105L18.0301 -0.0416304Z", fill: "#da2626ff" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_537_2", children: jsx("rect", { width: "18", height: "18", fill: "white" }) }) })] }) }), jsx(UncontrolledTooltip, { target: `error-row${indexRow}-col${indexCol}`, className: "r-tooltip tooltip-error", children: errorMessage?.toString() ?? "" })] })] }) }));
+                    }, onMouseDown: (e) => handleMouseDown(e, 2) })), errorMessage && (jsxs(Fragment$1, { children: [jsx("div", { id: `error-row${indexRow}-col${indexCol}`, className: classNames$1('cursor-pointer r-icon-invalid'), children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: [jsx("g", { "clip-path": "url(#clip0_537_2)", children: jsx("path", { d: "M18.0301 -0.0416304L17.9871 17.5138L0.474868 0.0404105L18.0301 -0.0416304Z", fill: "#da2626ff" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_537_2", children: jsx("rect", { width: "18", height: "18", fill: "white" }) }) })] }) }), jsx(UncontrolledTooltip, { target: `error-row${indexRow}-col${indexCol}`, className: "r-tooltip tooltip-error", children: errorMessage?.toString() ?? '' })] }))] }) }));
 });
 
 const FooterCol = ({ col, indexCol, dataSource, objWidthFix, formatSetting }) => {
@@ -39730,15 +39769,17 @@ const SettingColumn = (props) => {
                             }) }) })] }), jsxs("div", { style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)" }, className: "d-flex justify-content-between align-items-center w-100 py-75 px-1", children: [jsx("div", { children: settingColumns?.updatedDate && jsxs("p", { children: [jsxs("strong", { children: [t("Update date"), ": "] }), " ", jsx("span", { children: settingColumns.updatedDate ? formatDateTime(settingColumns.updatedDate, "DD/MM/yyyy HH:mm") : "" }), jsxs("strong", { className: "ms-2", children: [t("Editor"), ": "] }), " ", jsx("span", { children: settingColumns.updatedByName })] }) }), jsxs("div", { children: [resetDefaultColumns && jsx(Button$1$1, { color: "primary", onClick: () => messageBoxConfirm(t, handleResetColumns, {}, 'Do you want to reset the default settings?'), className: "me-1", children: t("Reset") }), jsx(Button$1$1, { color: "primary", onClick: handleSubmit, className: "me-1", children: t("Confirm") }), jsx(Button$1$1, { color: "secondary", onClick: handleCancel, outline: true, children: t("Close") })] })] })] }));
 };
 
-const ToolbarBottom = ({ handleAdd, handleDuplicate, handleInsertBefore, handleInsertAfter, handleDeleteAll, setOpenPopupSetupColumn, focusRow, editDisable, addDisable, buttonSetting, toolbarSetting, headerColumns }) => {
+const ToolbarBottom = ({ handleAdd, handleDuplicate, handleInsertBefore, handleInsertAfter, handleDeleteAll, setOpenPopupSetupColumn, focusRow, editDisable, addDisable, disableAddMulti, buttonSetting, toolbarSetting, headerColumns }) => {
     const { t } = useTranslation();
-    return (jsx("div", { id: "table_custom_bottom_toolbar", className: "r-toolbar r-toolbar-bottom", role: "toolbar", "aria-disabled": "false", "aria-haspopup": "false", "aria-orientation": "horizontal", children: jsxs("div", { className: "r-toolbar-items", children: [jsxs("div", { className: "r-toolbar-left", children: [jsxs("div", { className: classNames$1('r-toolbar-item d-flex', { 'd-none': editDisable || addDisable }), "aria-disabled": "false", children: [jsx(Button$1$1, { color: 'success', outline: true, onClick: () => handleAdd(1), className: 'd-flex', children: t('Add item') }), jsxs(UncontrolledDropdown, { className: 'nav-item', children: [jsx(DropdownToggle$1, { tag: 'div', className: 'me-0 d-flex', children: jsx(Button$1$1, { type: 'button', color: 'success', outline: true, style: { marginLeft: -1 }, className: 'px-25', children: jsx("svg", { fill: '#28c76f', height: "15", width: "20", viewBox: "0 0 20 20", children: jsx("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" }) }) }) }), jsxs(DropdownMenu$1, { className: "formula-dropdown icon-dropdown p-0", children: [jsx(DropdownItem$1, { className: 'py-25', tag: 'div', onClick: () => handleAdd(10), children: "10 h\u00E0ng" }), jsx(DropdownItem$1, { className: 'py-25', tag: 'div', onClick: () => handleAdd(20), children: "20 h\u00E0ng" }), jsx(DropdownItem$1, { className: 'py-25', tag: 'div', onClick: () => handleAdd(30), children: "30 h\u00E0ng" }), jsx(DropdownItem$1, { className: 'py-25', tag: 'div', onClick: () => handleAdd(40), children: "40 h\u00E0ng" }), jsx(DropdownItem$1, { className: 'py-25', tag: 'div', onClick: () => handleAdd(50), children: "50 h\u00E0ng" }), jsx(DropdownItem$1, { className: 'py-25', tag: 'div', onClick: () => handleAdd(100), children: "100 h\u00E0ng" }), jsx(DropdownItem$1, { className: 'py-25', tag: 'div', onClick: () => handleAdd(1000), children: "1000 h\u00E0ng" })] })] })] }), (focusRow ?? -1) > -1 ? jsxs(Fragment$1, { children: [jsx("div", { className: classNames$1('r-toolbar-item', { 'd-none': editDisable || addDisable || buttonSetting?.duplicateDisable }), "aria-disabled": "false", children: jsx(Button$1$1, { color: 'success', outline: true, onClick: () => { handleDuplicate(); }, className: 'd-flex', children: t('Duplicate') }) }), jsx("div", { className: classNames$1('r-toolbar-item', { 'd-none': editDisable || addDisable || buttonSetting?.insertBeforeDisable }), "aria-disabled": "false", children: jsx(Button$1$1, { color: 'success', outline: true, onClick: handleInsertBefore, className: 'd-flex', children: t('Insert item before') }) }), jsx("div", { className: classNames$1('r-toolbar-item', { 'd-none': editDisable || addDisable || buttonSetting?.insertAfterDisable }), "aria-disabled": "false", children: jsx(Button$1$1, { color: 'success', outline: true, onClick: handleInsertAfter, className: 'd-flex', children: t('Insert item after') }) })] }) : jsx(Fragment$1, { children: " " }), jsx("div", { className: classNames$1('r-toolbar-item', { 'd-none': editDisable || buttonSetting?.deleteAllDisable }), "aria-disabled": "false", children: jsx(Button$1$1, { color: 'primary', outline: true, onClick: handleDeleteAll, className: 'd-flex', children: t('Delete all item') }) }), toolbarSetting?.toolbarBottomOptions?.map((item, index) => {
-                            return ((item.align === 'left') ? jsx("div", { className: "r-toolbar-item", "aria-disabled": "false", children: item.template() }, `toolbar-bottom-left-${index}`) : '');
+    return (jsx("div", { id: "table_custom_bottom_toolbar", className: "r-toolbar r-toolbar-bottom", role: "toolbar", "aria-disabled": "false", "aria-haspopup": "false", "aria-orientation": "horizontal", children: jsxs("div", { className: "r-toolbar-items", children: [jsxs("div", { className: "r-toolbar-left", children: [jsxs("div", { className: classNames$1('r-toolbar-item d-flex', { 'd-none': editDisable || addDisable }), "aria-disabled": "false", children: [jsx(Button$1$1, { color: "success", outline: true, onClick: () => handleAdd(1), className: "d-flex", children: t('Add item') }), !!disableAddMulti && (jsxs(UncontrolledDropdown, { className: "nav-item", children: [jsx(DropdownToggle$1, { tag: "div", className: "me-0 d-flex", children: jsx(Button$1$1, { type: "button", color: "success", outline: true, style: { marginLeft: -1 }, className: "px-25", children: jsx("svg", { fill: "#28c76f", height: "15", width: "20", viewBox: "0 0 20 20", children: jsx("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" }) }) }) }), jsxs(DropdownMenu$1, { className: "formula-dropdown icon-dropdown p-0", children: [jsx(DropdownItem$1, { className: "py-25", tag: "div", onClick: () => handleAdd(10), children: "10 h\u00E0ng" }), jsx(DropdownItem$1, { className: "py-25", tag: "div", onClick: () => handleAdd(20), children: "20 h\u00E0ng" }), jsx(DropdownItem$1, { className: "py-25", tag: "div", onClick: () => handleAdd(30), children: "30 h\u00E0ng" }), jsx(DropdownItem$1, { className: "py-25", tag: "div", onClick: () => handleAdd(40), children: "40 h\u00E0ng" }), jsx(DropdownItem$1, { className: "py-25", tag: "div", onClick: () => handleAdd(50), children: "50 h\u00E0ng" }), jsx(DropdownItem$1, { className: "py-25", tag: "div", onClick: () => handleAdd(100), children: "100 h\u00E0ng" }), jsx(DropdownItem$1, { className: "py-25", tag: "div", onClick: () => handleAdd(1000), children: "1000 h\u00E0ng" })] })] }))] }), (focusRow ?? -1) > -1 ? (jsxs(Fragment$1, { children: [jsx("div", { className: classNames$1('r-toolbar-item', { 'd-none': editDisable || addDisable || buttonSetting?.duplicateDisable }), "aria-disabled": "false", children: jsx(Button$1$1, { color: "success", outline: true, onClick: () => {
+                                            handleDuplicate();
+                                        }, className: "d-flex", children: t('Duplicate') }) }), jsx("div", { className: classNames$1('r-toolbar-item', { 'd-none': editDisable || addDisable || buttonSetting?.insertBeforeDisable }), "aria-disabled": "false", children: jsx(Button$1$1, { color: "success", outline: true, onClick: handleInsertBefore, className: "d-flex", children: t('Insert item before') }) }), jsx("div", { className: classNames$1('r-toolbar-item', { 'd-none': editDisable || addDisable || buttonSetting?.insertAfterDisable }), "aria-disabled": "false", children: jsx(Button$1$1, { color: "success", outline: true, onClick: handleInsertAfter, className: "d-flex", children: t('Insert item after') }) })] })) : (jsx(Fragment$1, { children: " " })), jsx("div", { className: classNames$1('r-toolbar-item', { 'd-none': editDisable || buttonSetting?.deleteAllDisable }), "aria-disabled": "false", children: jsx(Button$1$1, { color: "primary", outline: true, onClick: handleDeleteAll, className: "d-flex", children: t('Delete all item') }) }), toolbarSetting?.toolbarBottomOptions?.map((item, index) => {
+                            return item.align === 'left' ? (jsx("div", { className: "r-toolbar-item", "aria-disabled": "false", children: item.template() }, `toolbar-bottom-left-${index}`)) : ('');
                         })] }), jsx("div", { className: "r-toolbar-center", children: toolbarSetting?.toolbarBottomOptions?.map((item, index) => {
-                        return ((item.align === 'center') ? jsx("div", { className: "r-toolbar-item", "aria-disabled": "false", children: item.template() }, `toolbar-bottom-center-${index}`) : '');
+                        return item.align === 'center' ? (jsx("div", { className: "r-toolbar-item", "aria-disabled": "false", children: item.template() }, `toolbar-bottom-center-${index}`)) : ('');
                     }) }), jsxs("div", { className: "r-toolbar-right", children: [toolbarSetting?.toolbarBottomOptions?.map((item, index) => {
-                            return ((item.align === 'right') ? jsx("div", { className: "r-toolbar-item", "aria-disabled": "false", children: item.template() }, `toolbar-bottom-right-${index}`) : '');
-                        }), jsx("div", { className: classNames$1('r-toolbar-item me-25', { 'd-none': headerColumns.length > 1 }), "aria-disabled": "false", children: jsx(SvgSettings, { className: "text-primary cursor-pointer", onClick: () => setOpenPopupSetupColumn(true) }) }), jsx("div", { className: classNames$1('r-toolbar-item me-25', { 'd-none': editDisable || addDisable }), "aria-disabled": "false", children: jsxs(UncontrolledDropdown, { className: 'dropdown-user nav-item', children: [jsx(DropdownToggle$1, { tag: 'div', color: "primary", onClick: (e) => e.preventDefault(), children: jsx(SvgInfo, { className: "cursor-pointer text-primary" }) }), jsx(DropdownMenu$1, { className: 'formula-dropdown icon-dropdown', children: jsxs("ul", { className: "mb-0 pe-50", children: [jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + D \u0111\u1EC3 nh\u00E2n b\u1EA3n" }), jsx("li", { style: { fontSize: 13 }, children: "Ch\u1ECDn \u00F4 v\u00E0 Ctrl + V \u0111\u1EC3 d\u00E1n th\u00F4ng tin t\u1EEB excel" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + C \u0111\u1EC3 sao ch\u00E9p h\u00E0ng" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + V \u0111\u1EC3  d\u00E1n h\u00E0ng" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n Ctrl ho\u1EB7c Alt + Shift + \u2193 \u0111\u1EC3 sao ch\u00E9p d\u1EEF li\u1EC7u \u00F4 cho c\u00E1c d\u00F2ng d\u01B0\u1EDBi" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n Ctrl ho\u1EB7c Alt + Shift + \u2191 \u0111\u1EC3 sao ch\u00E9p d\u1EEF li\u1EC7u \u00F4 cho c\u00E1c d\u00F2ng tr\u00EAn" })] }) })] }) })] })] }) }));
+                            return item.align === 'right' ? (jsx("div", { className: "r-toolbar-item", "aria-disabled": "false", children: item.template() }, `toolbar-bottom-right-${index}`)) : ('');
+                        }), jsx("div", { className: classNames$1('r-toolbar-item me-25', { 'd-none': headerColumns.length > 1 }), "aria-disabled": "false", children: jsx(SvgSettings, { className: "text-primary cursor-pointer", onClick: () => setOpenPopupSetupColumn(true) }) }), jsx("div", { className: classNames$1('r-toolbar-item me-25', { 'd-none': editDisable || addDisable }), "aria-disabled": "false", children: jsxs(UncontrolledDropdown, { className: "dropdown-user nav-item", children: [jsx(DropdownToggle$1, { tag: "div", color: "primary", onClick: (e) => e.preventDefault(), children: jsx(SvgInfo, { className: "cursor-pointer text-primary" }) }), jsx(DropdownMenu$1, { className: "formula-dropdown icon-dropdown", children: jsxs("ul", { className: "mb-0 pe-50", children: [jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + D \u0111\u1EC3 nh\u00E2n b\u1EA3n" }), jsx("li", { style: { fontSize: 13 }, children: "Ch\u1ECDn \u00F4 v\u00E0 Ctrl + V \u0111\u1EC3 d\u00E1n th\u00F4ng tin t\u1EEB excel" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + C \u0111\u1EC3 sao ch\u00E9p h\u00E0ng" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + V \u0111\u1EC3 d\u00E1n h\u00E0ng" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n Ctrl ho\u1EB7c Alt + Shift + \u2193 \u0111\u1EC3 sao ch\u00E9p d\u1EEF li\u1EC7u \u00F4 cho c\u00E1c d\u00F2ng d\u01B0\u1EDBi" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n Ctrl ho\u1EB7c Alt + Shift + \u2191 \u0111\u1EC3 sao ch\u00E9p d\u1EEF li\u1EC7u \u00F4 cho c\u00E1c d\u00F2ng tr\u00EAn" })] }) })] }) })] })] }) }));
 };
 
 const TableEdit = forwardRef((props, ref) => {
@@ -68658,7 +68699,7 @@ const RenderContentCol = (props) => {
                                 color: textColor,
                                 overflow: 'hidden',
                                 textOverflow: 'ellipsis',
-                                whiteSpace: 'nowrap',
+                                whiteSpace: 'pre',
                                 maxWidth: '100%'
                             }, children: displayText }) }), checkOverflow() && (jsx(UncontrolledTooltip, { className: "r-tooltip", autohide: false, target: cellId, placement: "top", children: jsx("div", { style: { color: textColor }, children: displayText }) }))] }));
         }
@@ -68704,12 +68745,12 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
     const fieldKey = columns.find((item) => item.isPrimarykey === true)?.field ?? 'id';
     const [contentColumns, setContentColumns] = useState([]);
     const [groupColumns, setGroupColumns] = useState([]);
-    const [expandsAll, setExpandsAll] = useState();
+    const [expandsAll, setExpandsAll] = useState(true);
     useEffect(() => {
         if (groupSetting?.groupColumns) {
             setGroupColumns([...groupSetting.groupColumns]);
         }
-        setExpandsAll(undefined);
+        setExpandsAll(true);
     }, [groupSetting?.groupColumns]);
     const { levels: headerColumns, flatVisble, objHeaderWidthFixLeft, objHeaderWidthFixRight, objWidthFixLeft, objWidthFixRight, lastObjWidthFixLeft, fisrtObjWidthFixRight } = useMemo(() => {
         const rs = calculateTableStructure(columns, settingColumns?.value);
@@ -68928,7 +68969,7 @@ const TableView = ({ idTable, dataSource, height = 400, columns, isMutil = false
     const firstColSpan = flatVisble.length > 6 ? 3 : Math.floor(flatVisble.length / 2);
     const RenderContent = ({ datas, level = 0 }) => {
         return (jsx(Fragment$1, { children: datas.map((row, indexRow) => {
-                const [expand, setExpand] = useState(row.expand ?? false);
+                const [expand, setExpand] = useState(row.expand ?? true);
                 useEffect(() => {
                     if (expandsAll !== undefined) {
                         setExpand(expandsAll);