@undp/carbon-library 1.0.136-CARBON-343.0 → 1.0.136-support-section-changes.1

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined } from '@ant-design/icons';
 import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, DatePicker, InputNumber, Popover, List, Typography, Spin, Tabs, Progress } from 'antd';
-import React, { useState, useEffect, useRef, useContext } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { DateTime } from 'luxon';
 import { Buffer } from 'buffer';
 import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phone-number-input';
@@ -11,6 +11,7 @@ import { InfoCircle, Lock, PersonDash, PlayCircle, PauseCircle, CircleFill, Clip
 import 'react-phone-number-input/style.css';
 import mapboxgl from 'mapbox-gl';
 import 'mapbox-gl/dist/mapbox-gl.css';
+import ApexCharts from 'react-apexcharts';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -904,6 +905,11 @@ var InvestmentType;
     InvestmentType["PUBLIC"] = "Public";
     InvestmentType["PRIVATE"] = "Private";
 })(InvestmentType || (InvestmentType = {}));
+var InvestmentCreationType;
+(function (InvestmentCreationType) {
+    InvestmentCreationType["EXISTING"] = "Existing";
+    InvestmentCreationType["NEW"] = "New";
+})(InvestmentCreationType || (InvestmentCreationType = {}));
 var InvestmentStream;
 (function (InvestmentStream) {
     InvestmentStream["CLIMATE_FINANCE"] = "ClimateFinance";
@@ -13976,7 +13982,7 @@ var UserManagementComponent = function (props) {
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
 };
 
-var css_248z$i = ".steps-actions {\n  text-align: right; }\n\n.ownership-container {\n  padding: 15px 0px; }\n  .ownership-container .label {\n    color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n  padding: 5px;\n  color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n  max-width: 320px; }\n\n.role-group .condition-radio-container {\n  width: 48%;\n  text-align: center; }\n  .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n    color: #ffffff !important;\n    border-color: #9155fd !important;\n    box-shadow: none;\n    max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n  background-color: transparent; }\n\n.role-group .anticon {\n  margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n  border: 1px solid #d9d9d9;\n  color: rgba(140, 140, 140, 0.7) !important;\n  width: 100% !important; }\n\n.role-group .condition-radio {\n  width: 100%;\n  text-transform: uppercase; }\n  .role-group .condition-radio .ant-radio-button-checked {\n    background: #9155fd;\n    color: #ffffff; }\n\n.role-group .role-icons {\n  margin-right: 5px; }\n\n.investment-management .role-icon {\n  padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n  background-color: #976ed7;\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n  background-color: #ffa070;\n  border: none; }\n";
+var css_248z$i = ".steps-actions {\n  text-align: right; }\n\n.investment-title-bar {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0px 0px 30px 0px; }\n  .investment-title-bar .title {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between; }\n  .investment-title-bar .actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n  .investment-title-bar .flex-display {\n    margin-left: 15px; }\n\n.ownership-container {\n  padding: 15px 0px; }\n  .ownership-container .label {\n    color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n  padding: 5px;\n  color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n  max-width: 320px; }\n\n.role-group .condition-radio-container {\n  width: 48%;\n  text-align: center; }\n  .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n    color: #ffffff !important;\n    border-color: #9155fd !important;\n    box-shadow: none;\n    max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n  background-color: transparent; }\n\n.role-group .anticon {\n  margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n  border: 1px solid #d9d9d9;\n  color: rgba(140, 140, 140, 0.7) !important;\n  width: 100% !important; }\n\n.role-group .condition-radio {\n  width: 100%;\n  text-transform: uppercase; }\n  .role-group .condition-radio .ant-radio-button-checked {\n    background: #9155fd;\n    color: #ffffff; }\n\n.role-group .role-icons {\n  margin-right: 5px; }\n\n.investment-management .role-icon {\n  padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n  background-color: #976ed7;\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n  background-color: #ffa070;\n  border: none; }\n";
 styleInject(css_248z$i);
 
 var Loading = function () {
@@ -14031,7 +14037,7 @@ var InvestmentCreationComponent = function (props) {
                             value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
                         });
                     }
-                    for (_i = 0, _a = data.companyId; _i < _a.length; _i++) {
+                    for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
                         c = _a[_i];
                         filterAnd.push({
                             key: "companyId",
@@ -14062,22 +14068,28 @@ var InvestmentCreationComponent = function (props) {
         });
     }); };
     useEffect(function () {
+        console.log("state ---------------- > ", state);
         if (!state) {
             onNavigateToProgrammeManagementView();
             return;
         }
-        setData(state.record);
+        if (state === null || state === void 0 ? void 0 : state.record) {
+            setData(state === null || state === void 0 ? void 0 : state.record);
+        }
+        else {
+            setData({});
+        }
     }, []);
     useEffect(function () {
         getOrganisationsDetails();
     }, [data]);
-    if (!data) {
+    if (!data || !(state === null || state === void 0 ? void 0 : state.ownership)) {
         return React.createElement(Loading, null);
     }
     var companyName = {};
-    for (var _i = 0, _j = data.company; _i < _j.length; _i++) {
+    for (var _i = 0, _j = data === null || data === void 0 ? void 0 : data.company; _i < _j.length; _i++) {
         var company = _j[_i];
-        companyName[company.companyId] = company;
+        companyName[company === null || company === void 0 ? void 0 : company.companyId] = company;
     }
     if (!data.proponentPercentage) {
         data.proponentPercentage = [100];
@@ -14164,6 +14176,17 @@ var InvestmentCreationComponent = function (props) {
                             description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
                                 React.createElement("div", { className: "investment-sought-form" },
                                     React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, form: formOne, onFinish: nextOne },
+                                        React.createElement(Row, { className: "row", gutter: [4, 4] },
+                                            React.createElement(Col, { xl: 8, md: 12 },
+                                                React.createElement(Form.Item, { label: t("programme:typeCreation"), wrapperCol: { span: 13 }, className: "role-group", name: "typeCreation", rules: [
+                                                        {
+                                                            required: true,
+                                                        },
+                                                    ] },
+                                                    React.createElement(Radio.Group, { size: "large", defaultValue: "New" }, Object.values(InvestmentCreationType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
+                                                        React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
+                                                                return deselectOnClick(e, "type");
+                                                            } }, t("programme:" + k)))); }))))),
                                         React.createElement(Row, { className: "row", gutter: [16, 16] },
                                             React.createElement(Col, { xl: 12, md: 24 },
                                                 React.createElement("div", { className: "details-part-one" },
@@ -14369,7 +14392,7 @@ var InvestmentCreationComponent = function (props) {
                                 React.createElement("div", { className: "step-count" }, "02"),
                                 React.createElement("div", { className: "title" }, t("programme:ownership")))),
                             description: current === 1 && (React.createElement("div", null,
-                                React.createElement("div", { className: "programme-sought-form-container ownership-container" },
+                                React.createElement("div", { className: "programme-sought-form-container ownership-container" }, (state === null || state === void 0 ? void 0 : state.ownership) !== true &&
                                     React.createElement("div", { className: "programme-sought-form" },
                                         React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
                                             data.companyId.map(function (companyId, index) {
@@ -14440,113 +14463,1001 @@ var InvestmentCreationComponent = function (props) {
                     ] })))));
 };
 
-var InvestmentActionModel = function (props) {
-    var investment = props.investment, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var openModal = props.openModal, title = props.title, icon = props.icon, type = props.type, remarkRequired = props.remarkRequired, translator = props.translator;
-    var _a = useState(undefined), popupError = _a[0], setPopupError = _a[1];
-    var _b = useState(false), loading = _b[0], setLoading = _b[1];
-    var _c = useState(false), checked = _c[0], setChecked = _c[1];
-    var t = translator.t;
-    var companyList = !investment.isRetirement
-        ? [
-            {
-                value: investment.toCompanyId,
-                label: investment.receiver[0].name,
-            },
-        ]
-        : [
-            {
-                value: investment.fromCompanyId,
-                label: investment.sender[0].name,
-            },
-        ];
-    return (React.createElement(Modal, { title: React.createElement("div", { className: "popup-header" },
-            React.createElement("div", { className: "icon" }, icon),
-            React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
-        React.createElement("div", { className: "transfer-form" },
-            React.createElement(Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
-                    toCompanyId: !investment.isRetirement
-                        ? investment.toCompanyId
-                        : investment.fromCompanyId,
-                    programmeName: investment.programmeTitle,
-                    serialNo: investment.serialNo,
-                    creditAmount: investment.creditAmount,
-                    company: investment.toCompanyMeta
-                        ? investment.toCompanyMeta.name
-                        : null,
-                    country: investment.toCompanyMeta
-                        ? investment.toCompanyMeta.country
-                        : null,
-                    countryName: investment.toCompanyMeta
-                        ? investment.toCompanyMeta.countryName
-                        : null,
-                }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
-                    var res;
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                setLoading(true);
-                                if (d.comment) {
-                                    d.comment = d.comment.trim();
-                                }
-                                return [4 /*yield*/, onFinish(investment.requestId, d.comment)];
-                            case 1:
-                                res = _a.sent();
-                                setPopupError(res);
-                                setLoading(false);
-                                return [2 /*return*/];
-                        }
-                    });
-                }); } },
-                React.createElement(Row, null,
-                    React.createElement(Col, { span: 24 },
-                        React.createElement(Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
-                            React.createElement(Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
-                React.createElement(Row, null,
-                    React.createElement(Col, { span: 24 },
-                        React.createElement(Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
-                            React.createElement(Input, { disabled: true })))),
-                React.createElement(Row, null,
-                    React.createElement(Col, { lg: 18, md: 20 },
-                        React.createElement("div", { className: "label" }, "".concat(t("view:ownershipPercentage")))),
-                    React.createElement(Col, { lg: 6, md: 4 },
-                        React.createElement(Form.Item, { className: "popup-credit-input" },
-                            React.createElement(InputNumber, { placeholder: investment.percentage + "%", disabled: true })))),
-                React.createElement(Row, null,
-                    React.createElement(Col, { span: 24 },
-                        React.createElement(Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
-                                {
-                                    required: remarkRequired,
-                                    message: "Required field",
-                                },
-                                function (_a) {
-                                    _a.getFieldValue;
-                                    return ({
-                                        validator: function (rule, v) {
-                                            if (remarkRequired &&
-                                                v !== undefined &&
-                                                v !== "" &&
-                                                v.trim() === "") {
-                                                // eslint-disable-next-line prefer-promise-reject-errors
-                                                return Promise.reject("Required field");
-                                            }
-                                            return Promise.resolve();
-                                        },
-                                    });
-                                },
-                            ] },
-                            React.createElement(Input.TextArea, { placeholder: "" })))),
-                React.createElement(Row, null,
-                    React.createElement(Col, { span: 24 },
-                        React.createElement(Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
-                            React.createElement(Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
-                popupError ? (React.createElement(Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
-                React.createElement(Form.Item, { className: "footer" },
-                    React.createElement(Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
-                    React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
-};
-
-var InvestmentManagementComponent = function (props) {
-    var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext;
+var InvestmentActionModel = function (props) {
+    var investment = props.investment, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var openModal = props.openModal, title = props.title, icon = props.icon, type = props.type, remarkRequired = props.remarkRequired, translator = props.translator;
+    var _a = useState(undefined), popupError = _a[0], setPopupError = _a[1];
+    var _b = useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = useState(false), checked = _c[0], setChecked = _c[1];
+    var t = translator.t;
+    var companyList = !investment.isRetirement
+        ? [
+            {
+                value: investment.toCompanyId,
+                label: investment.receiver[0].name,
+            },
+        ]
+        : [
+            {
+                value: investment.fromCompanyId,
+                label: investment.sender[0].name,
+            },
+        ];
+    return (React.createElement(Modal, { title: React.createElement("div", { className: "popup-header" },
+            React.createElement("div", { className: "icon" }, icon),
+            React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
+        React.createElement("div", { className: "transfer-form" },
+            React.createElement(Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
+                    toCompanyId: !investment.isRetirement
+                        ? investment.toCompanyId
+                        : investment.fromCompanyId,
+                    programmeName: investment.programmeTitle,
+                    serialNo: investment.serialNo,
+                    creditAmount: investment.creditAmount,
+                    company: investment.toCompanyMeta
+                        ? investment.toCompanyMeta.name
+                        : null,
+                    country: investment.toCompanyMeta
+                        ? investment.toCompanyMeta.country
+                        : null,
+                    countryName: investment.toCompanyMeta
+                        ? investment.toCompanyMeta.countryName
+                        : null,
+                }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
+                    var res;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                setLoading(true);
+                                if (d.comment) {
+                                    d.comment = d.comment.trim();
+                                }
+                                return [4 /*yield*/, onFinish(investment.requestId, d.comment)];
+                            case 1:
+                                res = _a.sent();
+                                setPopupError(res);
+                                setLoading(false);
+                                return [2 /*return*/];
+                        }
+                    });
+                }); } },
+                React.createElement(Row, null,
+                    React.createElement(Col, { span: 24 },
+                        React.createElement(Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
+                            React.createElement(Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
+                React.createElement(Row, null,
+                    React.createElement(Col, { span: 24 },
+                        React.createElement(Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
+                            React.createElement(Input, { disabled: true })))),
+                React.createElement(Row, null,
+                    React.createElement(Col, { lg: 18, md: 20 },
+                        React.createElement("div", { className: "label" }, "".concat(t("view:ownershipPercentage")))),
+                    React.createElement(Col, { lg: 6, md: 4 },
+                        React.createElement(Form.Item, { className: "popup-credit-input" },
+                            React.createElement(InputNumber, { placeholder: investment.percentage + "%", disabled: true })))),
+                React.createElement(Row, null,
+                    React.createElement(Col, { span: 24 },
+                        React.createElement(Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
+                                {
+                                    required: remarkRequired,
+                                    message: "Required field",
+                                },
+                                function (_a) {
+                                    _a.getFieldValue;
+                                    return ({
+                                        validator: function (rule, v) {
+                                            if (remarkRequired &&
+                                                v !== undefined &&
+                                                v !== "" &&
+                                                v.trim() === "") {
+                                                // eslint-disable-next-line prefer-promise-reject-errors
+                                                return Promise.reject("Required field");
+                                            }
+                                            return Promise.resolve();
+                                        },
+                                    });
+                                },
+                            ] },
+                            React.createElement(Input.TextArea, { placeholder: "" })))),
+                React.createElement(Row, null,
+                    React.createElement(Col, { span: 24 },
+                        React.createElement(Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
+                            React.createElement(Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
+                popupError ? (React.createElement(Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
+                React.createElement(Form.Item, { className: "footer" },
+                    React.createElement(Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
+                    React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
+};
+
+var InvestmentManagementComponent = function (props) {
+    var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
+    var t = translator.t;
+    var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
+        label: addSpaces(Object.values(InvestmentStatus)[index]),
+        value: Object.values(InvestmentStatus)[index],
+    }); });
+    var _a = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _a[0], setSelectedStatus = _a[1];
+    var _b = useState(false), indeterminate = _b[0], setIndeterminate = _b[1];
+    var _c = useState(true), checkAll = _c[0], setCheckAll = _c[1];
+    var userInfoState = useUserContext().userInfoState;
+    var _d = useConnection(), post = _d.post; _d.get;
+    var _e = useState(), totalProgramme = _e[0], setTotalProgramme = _e[1];
+    var _f = useState(), dataFilter = _f[0]; _f[1];
+    var _g = useState(false), loading = _g[0], setLoading = _g[1];
+    var _h = useState([]), tableData = _h[0], setTableData = _h[1];
+    var _j = useState(1), currentPage = _j[0], setCurrentPage = _j[1];
+    var _k = useState(10), pageSize = _k[0], setPageSize = _k[1];
+    var _l = useState(), search = _l[0], setSearch = _l[1];
+    var _m = useState(), searchText = _m[0], setSearchText = _m[1];
+    var _o = useState(), statusFilter = _o[0], setStatusFilter = _o[1];
+    var _p = useState(), sortOrder = _p[0], setSortOrder = _p[1];
+    var _q = useState(), sortField = _q[0], setSortField = _q[1];
+    var _r = useState(false), modalVisible = _r[0], setModalVisible = _r[1];
+    var _s = useState(), selectedReq = _s[0], setSelectedReq = _s[1];
+    var _t = useState(), popupInfo = _t[0], setPopupInfo = _t[1];
+    var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
+    var _v = useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
+    var _w = useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
+    var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            console.log(checkedValues);
+            if (checkedValues !== selectedStatus) {
+                setSelectedStatus(checkedValues);
+            }
+            if (checkedValues.length === 0) {
+                setTableData([]);
+                setTotalProgramme(0);
+                return [2 /*return*/];
+            }
+            setStatusFilter({
+                key: "status",
+                operation: "in",
+                value: checkedValues,
+            });
+            return [2 /*return*/];
+        });
+    }); };
+    Form.useForm()[0];
+    var Search = Input.Search;
+    var onCheckAllChange = function (e) {
+        var nw = e.target.checked ? statusOptions.map(function (el) { return el.value; }) : [];
+        setSelectedStatus(nw);
+        setIndeterminate(false);
+        setCheckAll(e.target.checked);
+        onStatusQuery(nw);
+    };
+    var getInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var filter, interFilterOr, sort, filterBy, response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    filter = [];
+                    if (statusFilter) {
+                        filter.push(statusFilter);
+                    }
+                    if (search && search !== "") {
+                        interFilterOr = [
+                            {
+                                key: "programmeTitle",
+                                operation: "like",
+                                value: "".concat(search, "%"),
+                            },
+                        ];
+                        if (!isNaN(Number(search))) {
+                            interFilterOr.push({
+                                key: "requestId",
+                                operation: "=",
+                                value: "".concat(search),
+                            });
+                        }
+                        filter.push({
+                            value: {
+                                page: currentPage,
+                                size: pageSize,
+                                filterOr: interFilterOr,
+                            },
+                        });
+                    }
+                    if (sortOrder && sortField) {
+                        sort = {
+                            key: sortField,
+                            order: sortOrder,
+                            nullFirst: false,
+                        };
+                    }
+                    else {
+                        sort = {
+                            key: "requestId",
+                            order: "DESC",
+                        };
+                    }
+                    if (ministryLevelFilter) {
+                        filterBy = {
+                            key: "ministryLevel",
+                            value: ministrySectoralScope,
+                        };
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, post("national/programme/investmentQuery", {
+                            page: currentPage,
+                            size: pageSize,
+                            filterAnd: filter,
+                            filterOr: dataFilter,
+                            sort: sort,
+                            filterBy: filterBy,
+                        })];
+                case 2:
+                    response = _a.sent();
+                    console.log(response);
+                    setTableData(response.data);
+                    setTotalProgramme(response.response.data.total);
+                    setLoading(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.log("Error in getting programme investment", error_1);
+                    message.open({
+                        type: "error",
+                        content: error_1.message,
+                        duration: 3,
+                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                    });
+                    setLoading(false);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_2;
+        var _a, _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    setLoading(true);
+                    _g.label = 1;
+                case 1:
+                    _g.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, post("national/user/query", {
+                            page: 1,
+                            size: 10,
+                            filterAnd: [
+                                {
+                                    key: "id",
+                                    operation: "=",
+                                    value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.id,
+                                },
+                            ],
+                        })];
+                case 2:
+                    response = _g.sent();
+                    if (response && response.data) {
+                        if (((_a = response === null || response === void 0 ? void 0 : response.data[0]) === null || _a === void 0 ? void 0 : _a.companyRole) === CompanyRole.MINISTRY &&
+                            ((_b = response === null || response === void 0 ? void 0 : response.data[0]) === null || _b === void 0 ? void 0 : _b.company) &&
+                            ((_d = (_c = response === null || response === void 0 ? void 0 : response.data[0]) === null || _c === void 0 ? void 0 : _c.company) === null || _d === void 0 ? void 0 : _d.sectoralScope)) {
+                            setMinistrySectoralScope((_f = (_e = response === null || response === void 0 ? void 0 : response.data[0]) === null || _e === void 0 ? void 0 : _e.company) === null || _f === void 0 ? void 0 : _f.sectoralScope);
+                        }
+                    }
+                    setLoading(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_2 = _g.sent();
+                    console.log("Error in getting users", error_2);
+                    setLoading(false);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
+            getUserDetails();
+        }
+    }, []);
+    useEffect(function () {
+        if (currentPage !== 1) {
+            setCurrentPage(1);
+        }
+        else {
+            getInvestmentData();
+        }
+    }, [statusFilter, dataFilter]);
+    useEffect(function () {
+        getInvestmentData();
+    }, [
+        currentPage,
+        pageSize,
+        sortField,
+        sortOrder,
+        search,
+        ministryLevelFilter,
+    ]);
+    var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, successMsg, error_3;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, post("national/programme/" + endpoint, {
+                            requestId: reqId,
+                            comment: remarks,
+                        })];
+                case 2:
+                    response = _a.sent();
+                    successMsg = response.message;
+                    if (isRetire) {
+                        successMsg = t("creditTransfer:internationalTransferReqCancelled");
+                    }
+                    console.log(response);
+                    message.open({
+                        type: "success",
+                        content: successText ? successText : successMsg,
+                        duration: 3,
+                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                    });
+                    setLoading(false);
+                    getInvestmentData();
+                    setModalVisible(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_3 = _a.sent();
+                    console.log("Error in Cancelling transfer request", error_3);
+                    setLoading(false);
+                    return [2 /*return*/, error_3.message];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var showModalOnAction = function (record, info) {
+        setSelectedReq(record);
+        setModalVisible(true);
+        setPopupInfo(info);
+    };
+    var actionMenu = function (record) {
+        var isRetire = false;
+        if (record.isRetirement === true) {
+            isRetire = true;
+        }
+        if (record.status === "Pending" &&
+            (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly) {
+            return (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) === record.initiatorCompanyId ? (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
+                    {
+                        text: t("creditTransfer:cancel"),
+                        icon: React.createElement(Icon.ExclamationOctagon, null),
+                        click: function () {
+                            showModalOnAction(record, {
+                                title: t("creditTransfer:cancelTitle"),
+                                icon: React.createElement(Icon.ExclamationOctagon, null),
+                                actionBtnText: t("creditTransfer:proceed"),
+                                okAction: function (requestId, comment) {
+                                    return handleRequestOk(requestId, comment, "investmentCancel", undefined, isRetire);
+                                },
+                                type: "danger",
+                                remarkRequired: true,
+                            });
+                        },
+                    },
+                ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
+                    React.createElement(Typography.Text, { className: "action-icon color-error" }, item.icon),
+                    React.createElement("span", null, item.text))); } })) : record.fromCompanyId === (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) ? (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
+                    {
+                        text: t("creditTransfer:accept"),
+                        icon: React.createElement(Icon.ClipboardCheck, null),
+                        style: "color-primary",
+                        click: function () {
+                            showModalOnAction(record, {
+                                title: t("creditTransfer:acceptTitle"),
+                                icon: React.createElement(Icon.ClipboardCheck, null),
+                                actionBtnText: t("creditTransfer:proceed"),
+                                okAction: function (requestId, comment) {
+                                    return handleRequestOk(requestId, comment, "investmentApprove", "".concat(t("programme:investmentReqApproved")));
+                                },
+                                type: "primary",
+                                remarkRequired: false,
+                            });
+                        },
+                    },
+                    {
+                        text: t("creditTransfer:reject"),
+                        icon: React.createElement(Icon.XOctagon, null),
+                        style: "color-error",
+                        click: function () {
+                            showModalOnAction(record, {
+                                title: t("creditTransfer:rejectTitle"),
+                                icon: React.createElement(Icon.XOctagon, null),
+                                actionBtnText: t("creditTransfer:reject"),
+                                okAction: function (requestId, comment) {
+                                    return handleRequestOk(requestId, comment, "investmentReject");
+                                },
+                                type: "danger",
+                                remarkRequired: true,
+                            });
+                        },
+                    },
+                ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
+                    React.createElement(Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
+                    React.createElement("span", null, item.text))); } })) : null;
+        }
+    };
+    var columns = [
+        {
+            title: t("programme:requestId"),
+            dataIndex: "requestId",
+            key: "requestId",
+            sorter: true,
+        },
+        {
+            title: t("programme:date"),
+            key: "txTime",
+            sorter: true,
+            align: "left",
+            render: function (item, itemObj) {
+                return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, DateTime.fromMillis(parseInt(itemObj.txTime)).toFormat("dd LLLL yyyy")));
+            },
+        },
+        {
+            title: t("programme:programmeName"),
+            dataIndex: "programmeTitle",
+            key: "programmeTitle",
+            sorter: true,
+            align: "left",
+            render: function (item) {
+                return React.createElement("span", { className: "clickable" }, item);
+            },
+            onCell: function (record, rowIndex) {
+                return {
+                    onClick: function (ev) {
+                        onNavigateToProgrammeView(record.programmeId);
+                    },
+                };
+            },
+        },
+        {
+            title: t("programme:type"),
+            key: "type",
+            sorter: true,
+            align: "center",
+            render: function (item, Obj) {
+                if (!Obj.type) {
+                    return React.createElement("span", null, "-");
+                }
+                return (React.createElement(Tooltip, { title: addSpaces(Obj.type), color: TooltipColor, key: TooltipColor },
+                    React.createElement("div", null,
+                        React.createElement(RoleIcon, { icon: Obj.type === InvestmentType.PUBLIC ? (React.createElement(Icon.Eye, null)) : (React.createElement(Icon.EyeSlash, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
+            },
+        },
+        {
+            title: t("programme:level"),
+            key: "level",
+            sorter: true,
+            align: "center",
+            render: function (item, Obj) {
+                if (!Obj.level) {
+                    return React.createElement("span", null, "-");
+                }
+                return (React.createElement(Tooltip, { title: addSpaces(Obj.level), color: TooltipColor, key: TooltipColor },
+                    React.createElement("div", null,
+                        React.createElement(RoleIcon, { icon: Obj.level === InvestmentLevel.INTERNATIONAL ? (React.createElement(Icon.Globe2, null)) : (React.createElement(Icon.Flag, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
+            },
+        },
+        {
+            title: t("programme:stream"),
+            key: "stream",
+            sorter: true,
+            align: "center",
+            render: function (item, Obj) {
+                if (!Obj.stream) {
+                    return React.createElement("span", null, "-");
+                }
+                return (React.createElement(Tooltip, { title: addSpaces(Obj.stream), color: TooltipColor, key: TooltipColor },
+                    React.createElement("div", null,
+                        React.createElement(RoleIcon, { icon: Obj.stream === InvestmentStream.CLIMATE_FINANCE ? (React.createElement(Icon.Bank, null)) : (React.createElement(Icon.GraphUpArrow, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
+            },
+        },
+        {
+            title: t("programme:sector"),
+            dataIndex: "programmeSector",
+            key: "programmeSector",
+            sorter: true,
+            align: "left",
+        },
+        {
+            title: t("programme:investor"),
+            key: "toCompanyId",
+            sorter: true,
+            align: "left",
+            render: function (item, itemObj) {
+                return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.receiver &&
+                    itemObj.receiver.map(function (v, i) {
+                        return (React.createElement(Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
+                            React.createElement("div", null,
+                                React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
+                    })));
+            },
+        },
+        {
+            title: t("programme:owner"),
+            key: "fromCompanyId",
+            sorter: true,
+            align: "left",
+            render: function (item, itemObj) {
+                return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.sender &&
+                    itemObj.sender.map(function (v, i) {
+                        return (React.createElement(Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
+                            React.createElement("div", null,
+                                React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
+                    })));
+            },
+        },
+        {
+            title: t("programme:status"),
+            key: "status",
+            sorter: true,
+            align: "center",
+            render: function (item, Obj) {
+                return (React.createElement(Tooltip, { title: Obj.serialNo, color: TooltipColor, key: TooltipColor },
+                    React.createElement(Tag, { className: "clickable", color: getStatusTagType(Obj.status) }, addSpaces(Obj.status))));
+            },
+        },
+        {
+            title: t("programme:amount"),
+            dataIndex: "amount",
+            key: "amount",
+            sorter: true,
+            align: "right",
+            render: function (item) {
+                return React.createElement("span", { className: "clickable" }, addCommSepRound(item));
+            },
+        },
+        {
+            align: "right",
+            render: function (_, record) {
+                var menu = actionMenu(record);
+                return menu && !isTransferFrozen ? (React.createElement(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
+                    React.createElement(EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } }))) : (React.createElement("span", null));
+            },
+        },
+    ];
+    var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            setSearch(searchText);
+            return [2 /*return*/];
+        });
+    }); };
+    var onChange = function (page, size) {
+        setCurrentPage(page);
+        setPageSize(size);
+    };
+    var handleTableChange = function (pag, sorter) {
+        console.log(pag, sorter);
+        setSortOrder(sorter.order === "ascend"
+            ? "ASC"
+            : sorter.order === "descend"
+                ? "DESC"
+                : undefined);
+        setSortField(sorter.columnKey);
+        // setCurrentPage(1);
+    };
+    return (React.createElement("div", { className: "investment-management content-container" },
+        React.createElement("div", { className: "investment-title-bar" },
+            React.createElement("div", { className: "title-bar" },
+                React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
+                React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
+            React.createElement("div", { className: "actions" }, enableAddOwnership && (React.createElement("div", { className: "action-bar" },
+                React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddOwnership }, t("programme:addOwnership")))))),
+        React.createElement("div", { className: "content-card" },
+            React.createElement(Row, null,
+                React.createElement(Col, { lg: { span: 15 }, md: { span: 14 } },
+                    React.createElement("div", { className: "action-bar" },
+                        React.createElement(Checkbox, { className: "all-check", indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, "All"),
+                        React.createElement(Checkbox.Group, { options: statusOptions, defaultValue: statusOptions.map(function (e) { return e.value; }), value: selectedStatus, onChange: onStatusQuery }))),
+                React.createElement(Col, { lg: { span: 9 }, md: { span: 10 } },
+                    React.createElement("div", { className: "filter-section" },
+                        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY && (React.createElement("div", { className: "search-filter" },
+                            React.createElement(Checkbox, { className: "label", onChange: function (v) {
+                                    if (userInfoState.companyRole === CompanyRole.MINISTRY) {
+                                        if (v.target.checked) {
+                                            setMinistryLevelFilter(true);
+                                        }
+                                        else {
+                                            setMinistryLevelFilter(false);
+                                        }
+                                    }
+                                } }, t("programme:ministryLevel")))),
+                        React.createElement("div", { className: "search-bar" },
+                            React.createElement(Search, { onPressEnter: onSearch, placeholder: "Search", allowClear: true, onChange: function (e) {
+                                    return e.target.value === ""
+                                        ? setSearch(e.target.value)
+                                        : setSearchText(e.target.value);
+                                }, onSearch: setSearch, style: { width: 265 } }))))),
+            React.createElement(Row, null,
+                React.createElement(Col, { span: 24 },
+                    React.createElement("div", { className: "programmeManagement-table-container" },
+                        React.createElement(Table, { dataSource: tableData, columns: columns, className: "common-table-class", loading: loading, pagination: {
+                                current: currentPage,
+                                pageSize: pageSize,
+                                total: totalProgramme,
+                                showQuickJumper: true,
+                                showSizeChanger: true,
+                                onChange: onChange,
+                            }, onChange: function (val, filter, sorter) {
+                                return handleTableChange(val, sorter);
+                            }, locale: {
+                                emptyText: (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
+                                        ? t("creditTransfer:noTransfer")
+                                        : null })),
+                            } }))))),
+        popupInfo && selectedReq && (React.createElement(InvestmentActionModel, { investment: selectedReq, onCancel: function () {
+                setModalVisible(false);
+                setSelectedReq(undefined);
+            }, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, translator: translator }))));
+};
+
+var css_248z$h = ".steps-actions {\n  text-align: right; }\n\n.support-title-bar {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0px 0px 30px 0px; }\n  .support-title-bar .title {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between; }\n  .support-title-bar .actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n  .support-title-bar .flex-display {\n    margin-left: 15px; }\n\n.ownership-container {\n  padding: 15px 0px; }\n  .ownership-container .label {\n    color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n  padding: 5px;\n  color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n  max-width: 320px; }\n\n.role-group .condition-radio-container {\n  width: 48%;\n  text-align: center; }\n  .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n    color: #ffffff !important;\n    border-color: #9155fd !important;\n    box-shadow: none;\n    max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n  background-color: transparent; }\n\n.role-group .anticon {\n  margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n  border: 1px solid #d9d9d9;\n  color: rgba(140, 140, 140, 0.7) !important;\n  width: 100% !important; }\n\n.role-group .condition-radio {\n  width: 100%;\n  text-transform: uppercase; }\n  .role-group .condition-radio .ant-radio-button-checked {\n    background: #9155fd;\n    color: #ffffff; }\n\n.role-group .role-icons {\n  margin-right: 5px; }\n\n.investment-management .role-icon {\n  padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n  background-color: #976ed7;\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n  background-color: #ffa070;\n  border: none; }\n";
+styleInject(css_248z$h);
+
+var SupportCreationComponent = function (props) {
+    var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
+    useLocation().state;
+    var _a = useState(); _a[0]; _a[1];
+    var formOne = Form.useForm()[0];
+    Form.useForm()[0];
+    var post = useConnection().post;
+    var _b = useState(false), loading = _b[0]; _b[1];
+    var _c = useState(false), loadingList = _c[0], setLoadingList = _c[1];
+    var _d = useState(0), current = _d[0], setCurrent = _d[1];
+    var _e = useState(0); _e[0]; _e[1];
+    var _f = useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
+    var _g = useState([]), instrument = _g[0], setInstrument = _g[1];
+    var _h = useState(); _h[0]; var setStepOneData = _h[1];
+    var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
+        label: addSpaces(Object.values(Instrument)[index]),
+        value: Object.values(Instrument)[index],
+    }); });
+    var onInstrumentChange = function (value) {
+        setInstrument(value);
+    };
+    var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var filterAnd, response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoadingList(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, 4, 5]);
+                    filterAnd = [];
+                    filterAnd = [
+                        {
+                            key: "companyRole",
+                            operation: "=",
+                            value: CompanyRole.PROGRAMME_DEVELOPER.toString(),
+                        },
+                    ];
+                    if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER) {
+                        filterAnd.push({
+                            key: "companyId",
+                            operation: "!=",
+                            value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
+                        });
+                    }
+                    return [4 /*yield*/, post("national/organisation/queryNames", {
+                            page: 1,
+                            size: 100,
+                            filterAnd: filterAnd,
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (response.data) {
+                        setOrganisationList(response === null || response === void 0 ? void 0 : response.data);
+                    }
+                    return [3 /*break*/, 5];
+                case 3:
+                    error_1 = _a.sent();
+                    console.log("Error in getting organisation list", error_1);
+                    return [3 /*break*/, 5];
+                case 4:
+                    setLoadingList(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        getOrganisationsDetails();
+    }, []);
+    // const companyName: any = {};
+    // for (const company of data!?.company) {
+    //   companyName[company.companyId] = company;
+    // }
+    // if (!data!.proponentPercentage) {
+    //   data.proponentPercentage = [100];
+    // }
+    var nextOne = function (val) {
+        setCurrent(current + 1);
+        setStepOneData(val);
+    };
+    // const submitInvestment = async (val: any) => {
+    //   console.log(val);
+    //   console.log(stepOneData);
+    //   setLoading(true);
+    //   const payload = stepOneData;
+    //   payload.programmeId = data.programmeId;
+    //   payload.amount = parseFloat(payload.amount);
+    //   if (payload.interestRate) {
+    //     payload.interestRate = parseFloat(payload.interestRate);
+    //   }
+    //   if (payload.paymentPerMetric) {
+    //     payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
+    //   }
+    //   payload.fromCompanyIds = data.companyId.map((e) => Number(e));
+    //   payload.percentage = val.percentage;
+    //   payload.toCompanyId = Number(payload.toCompanyId);
+    //   try {
+    //     const response: any = await post(
+    //       "national/programme/addInvestment",
+    //       payload
+    //     );
+    //     console.log("investment creation -> ", response);
+    //     if (response?.statusText === "SUCCESS") {
+    //       message.open({
+    //         type: "success",
+    //         content: t("programme:investmentCreationSuccess"),
+    //         duration: 4,
+    //         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+    //       });
+    //     }
+    //     onNavigateToProgrammeView();
+    //   } catch (error: any) {
+    //     console.log("Error in investment creation - ", error);
+    //     message.open({
+    //       type: "error",
+    //       content: error?.message,
+    //       duration: 4,
+    //       style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+    //     });
+    //   } finally {
+    //     setLoading(false);
+    //   }
+    // };
+    var deselectOnClick = function (e, fieldName) {
+        var value = e.target.value;
+        if (value === formOne.getFieldValue(fieldName)) {
+            console.log("double clicked button", value);
+            formOne.setFieldValue(fieldName, null);
+        }
+    };
+    return (React.createElement("div", { className: "add-programme-main-container" },
+        React.createElement("div", { className: "title-container" },
+            React.createElement("div", { className: "main" }, t("programme:addSupport")),
+            React.createElement("div", { className: "sub" }, t("programme:addSupportSub"))),
+        React.createElement("div", { className: "adding-section" },
+            React.createElement("div", { className: "form-section" },
+                React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: [
+                        {
+                            title: (React.createElement("div", { className: "step-title-container" },
+                                React.createElement("div", { className: "step-count" }, "01"),
+                                React.createElement("div", { className: "title" }, t("programme:programmeFinancingInvested")))),
+                            description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
+                                React.createElement("div", { className: "investment-sought-form" },
+                                    React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, form: formOne, onFinish: nextOne },
+                                        React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                            React.createElement(Col, { xl: 12, md: 24 },
+                                                React.createElement("div", { className: "details-part-one" },
+                                                    React.createElement(Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
+                                                            {
+                                                                required: true,
+                                                                message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
+                                                            },
+                                                        ] },
+                                                        React.createElement(Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); }))))),
+                                            React.createElement(Col, { xl: 12, md: 24 },
+                                                React.createElement("div", { className: "details-part-two" },
+                                                    React.createElement(Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
+                                                            {
+                                                                required: true,
+                                                                message: "",
+                                                            },
+                                                            {
+                                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                    return __generator(this, function (_a) {
+                                                                        if (String(value).trim() === "" ||
+                                                                            String(value).trim() === undefined ||
+                                                                            value === null ||
+                                                                            value === undefined) {
+                                                                            throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
+                                                                        }
+                                                                        else if (!isNaN(value) &&
+                                                                            Number(value) > 0) {
+                                                                            return [2 /*return*/, Promise.resolve()];
+                                                                        }
+                                                                        else {
+                                                                            throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
+                                                                        }
+                                                                    });
+                                                                }); },
+                                                            },
+                                                        ] },
+                                                        React.createElement(Input, { size: "large" }))))),
+                                        React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                            React.createElement(Col, { xl: 24, md: 24 },
+                                                React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
+                                                    React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
+                                        instrument &&
+                                            instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                            React.createElement(Col, { xl: 8, md: 12 },
+                                                React.createElement("div", { className: "details-part-two" },
+                                                    React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
+                                                            {
+                                                                required: true,
+                                                                message: "",
+                                                            },
+                                                            {
+                                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                    return __generator(this, function (_a) {
+                                                                        if (String(value).trim() === "" ||
+                                                                            String(value).trim() ===
+                                                                                undefined ||
+                                                                            value === null ||
+                                                                            value === undefined) {
+                                                                            throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
+                                                                        }
+                                                                        else if (!isNaN(value)) {
+                                                                            return [2 /*return*/, Promise.resolve()];
+                                                                        }
+                                                                        else {
+                                                                            throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
+                                                                        }
+                                                                    });
+                                                                }); },
+                                                            },
+                                                        ] },
+                                                        React.createElement(Input, { size: "large" })))))),
+                                        instrument &&
+                                            instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                            React.createElement(Col, { xl: 12, md: 24 },
+                                                React.createElement("div", { className: "details-part-two" },
+                                                    React.createElement(Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
+                                                            {
+                                                                required: true,
+                                                                message: "",
+                                                            },
+                                                            {
+                                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                    return __generator(this, function (_a) {
+                                                                        if (String(value).trim() === "" ||
+                                                                            String(value).trim() ===
+                                                                                undefined ||
+                                                                            value === null ||
+                                                                            value === undefined) {
+                                                                            throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
+                                                                        }
+                                                                        return [2 /*return*/];
+                                                                    });
+                                                                }); },
+                                                            },
+                                                        ] },
+                                                        React.createElement(Input, { size: "large" })))),
+                                            React.createElement(Col, { xl: 12, md: 24 },
+                                                React.createElement("div", { className: "details-part-two" },
+                                                    React.createElement(Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
+                                                            {
+                                                                required: true,
+                                                                message: "",
+                                                            },
+                                                            {
+                                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                    return __generator(this, function (_a) {
+                                                                        if (String(value).trim() === "" ||
+                                                                            String(value).trim() ===
+                                                                                undefined ||
+                                                                            value === null ||
+                                                                            value === undefined) {
+                                                                            throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
+                                                                        }
+                                                                        else if (!isNaN(value)) {
+                                                                            return [2 /*return*/, Promise.resolve()];
+                                                                        }
+                                                                        else {
+                                                                            throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
+                                                                        }
+                                                                    });
+                                                                }); },
+                                                            },
+                                                        ] },
+                                                        React.createElement(Input, { size: "large" })))))),
+                                        instrument &&
+                                            instrument.indexOf(Instrument.INKIND) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                            React.createElement(Col, { xl: 12, md: 24 },
+                                                React.createElement("div", { className: "details-part-two" },
+                                                    React.createElement(Form.Item, { label: t("programme:description"), name: "description", rules: [
+                                                            {
+                                                                required: false,
+                                                                message: "",
+                                                            },
+                                                        ] },
+                                                        React.createElement(Input, { size: "large" })))))),
+                                        instrument &&
+                                            instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                            React.createElement(Col, { xl: 12, md: 24 },
+                                                React.createElement("div", { className: "details-part-two" },
+                                                    React.createElement(Form.Item, { label: t("programme:comments"), name: "comments", rules: [
+                                                            {
+                                                                required: true,
+                                                                message: "",
+                                                            },
+                                                            {
+                                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                    return __generator(this, function (_a) {
+                                                                        if (String(value).trim() === "" ||
+                                                                            String(value).trim() ===
+                                                                                undefined ||
+                                                                            value === null ||
+                                                                            value === undefined) {
+                                                                            throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
+                                                                        }
+                                                                        return [2 /*return*/];
+                                                                    });
+                                                                }); },
+                                                            },
+                                                        ] },
+                                                        React.createElement(Input, { size: "large" })))))),
+                                        React.createElement(Row, { className: "row", gutter: [4, 4] },
+                                            React.createElement(Col, { xl: 8, md: 12 },
+                                                React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
+                                                        {
+                                                            required: false,
+                                                        },
+                                                    ] },
+                                                    React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
+                                                        React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
+                                                                return deselectOnClick(e, "type");
+                                                            } }, t("programme:" + k)))); })))),
+                                            React.createElement(Col, { xl: 8, md: 12 },
+                                                React.createElement(Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
+                                                        {
+                                                            required: false,
+                                                        },
+                                                    ] },
+                                                    React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
+                                                        React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
+                                                                return deselectOnClick(e, "level");
+                                                            } }, t("programme:" + k)))); })))),
+                                            React.createElement(Col, { xl: 8, md: 12 },
+                                                React.createElement(Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
+                                                        {
+                                                            required: false,
+                                                        },
+                                                    ] },
+                                                    React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
+                                                        React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
+                                                                return deselectOnClick(e, "stream");
+                                                            } }, t("programme:" + k)))); }))))),
+                                        React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                            React.createElement(Col, { xl: 12, md: 24 },
+                                                React.createElement(Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
+                                                    React.createElement(Select, { size: "large" }, Object.values(ESGType).map(function (esg) { return (React.createElement(Select.Option, { value: esg }, esg)); }))))),
+                                        React.createElement(Form.Item, null,
+                                            React.createElement("div", { className: "steps-actions" },
+                                                React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))),
+                        },
+                        {
+                            title: (React.createElement("div", { className: "step-title-container" },
+                                React.createElement("div", { className: "step-count" }, "02"),
+                                React.createElement("div", { className: "title" }, t("programme:ownership")))),
+                            description: current === 1 && (React.createElement("div", null,
+                                React.createElement("div", { className: "programme-sought-form-container ownership-container" }))),
+                        },
+                    ] })))));
+};
+
+var SupportManagementComponent = function (props) {
+    var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
     var t = translator.t;
     var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
         label: addSpaces(Object.values(InvestmentStatus)[index]),
@@ -14877,23 +15788,6 @@ var InvestmentManagementComponent = function (props) {
                 return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, DateTime.fromMillis(parseInt(itemObj.txTime)).toFormat("dd LLLL yyyy")));
             },
         },
-        {
-            title: t("programme:programmeName"),
-            dataIndex: "programmeTitle",
-            key: "programmeTitle",
-            sorter: true,
-            align: "left",
-            render: function (item) {
-                return React.createElement("span", { className: "clickable" }, item);
-            },
-            onCell: function (record, rowIndex) {
-                return {
-                    onClick: function (ev) {
-                        onNavigateToProgrammeView(record.programmeId);
-                    },
-                };
-            },
-        },
         {
             title: t("programme:type"),
             key: "type",
@@ -14957,20 +15851,6 @@ var InvestmentManagementComponent = function (props) {
                     })));
             },
         },
-        {
-            title: t("programme:owner"),
-            key: "fromCompanyId",
-            sorter: true,
-            align: "left",
-            render: function (item, itemObj) {
-                return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.sender &&
-                    itemObj.sender.map(function (v, i) {
-                        return (React.createElement(Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
-                            React.createElement("div", null,
-                                React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
-                    })));
-            },
-        },
         {
             title: t("programme:status"),
             key: "status",
@@ -15021,11 +15901,12 @@ var InvestmentManagementComponent = function (props) {
         // setCurrentPage(1);
     };
     return (React.createElement("div", { className: "investment-management content-container" },
-        React.createElement("div", { className: "title-bar" },
-            React.createElement(Row, { justify: "space-between", align: "middle" },
-                React.createElement(Col, { span: 20 },
-                    React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
-                    React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))))),
+        React.createElement("div", { className: "support-title-bar" },
+            React.createElement("div", { className: "title-bar" },
+                React.createElement("div", { className: "body-title" }, t("programme:supportTitle")),
+                React.createElement("div", { className: "body-sub-title" }, t("programme:supportDesc"))),
+            React.createElement("div", { className: "actions" }, enableAddSupport && (React.createElement("div", { className: "action-bar" },
+                React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddSupport }, t("programme:addOwnership")))))),
         React.createElement("div", { className: "content-card" },
             React.createElement(Row, null,
                 React.createElement(Col, { lg: { span: 15 }, md: { span: 14 } },
@@ -15074,8 +15955,8 @@ var InvestmentManagementComponent = function (props) {
             }, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, translator: translator }))));
 };
 
-var css_248z$h = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n";
-styleInject(css_248z$h);
+var css_248z$g = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n";
+styleInject(css_248z$g);
 
 var NdcActionManagementComponent = function (props) {
     var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
@@ -15455,8 +16336,8 @@ var NdcActionManagementComponent = function (props) {
                             } })))))));
 };
 
-var css_248z$g = ".ndc-action-details-container Input {\n  height: 40px; }\n\n.ndc-action-details-container .in-nap-col {\n  width: 100%; }\n\n.ndc-action-details-container .included-nap-col {\n  width: 40%;\n  display: flex; }\n  .ndc-action-details-container .included-nap-col .in-nap-row {\n    width: 100%;\n    align-items: center; }\n    .ndc-action-details-container .included-nap-col .in-nap-row .included-label {\n      display: flex;\n      flex-direction: row;\n      width: fit-content;\n      align-items: center;\n      justify-content: space-between;\n      font-size: 14px;\n      color: rgba(58, 53, 65, 0.5); }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-label .info-container {\n        display: flex;\n        flex-direction: row;\n        width: 10%;\n        height: 30px;\n        align-items: center;\n        justify-content: flex-end; }\n    .ndc-action-details-container .included-nap-col .in-nap-row .included-val {\n      width: 100%; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container {\n        width: 43%;\n        text-align: center; }\n        .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n          color: #ffffff !important;\n          border-color: #9155fd !important;\n          box-shadow: none;\n          border-radius: 4px; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper::before {\n        background-color: transparent;\n        border-radius: 4px; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper {\n        border: 1px solid #d9d9d9;\n        border-radius: 4px;\n        color: #8c8c8c; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .anticon {\n        margin-right: 0.5rem; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio {\n        width: 100%; }\n        .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n          background: #9155fd;\n          color: #ffffff; }\n\n.ndc-action-details-container .row-custom-1 {\n  display: flex;\n  margin-bottom: 2px; }\n\n.ndc-action-details-container .row-custom {\n  display: flex;\n  width: 200px;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem; }\n  .ndc-action-details-container .row-custom .ant-input-number {\n    height: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center; }\n\n.ndc-action-details-container .enablement-type-item {\n  display: flex;\n  width: 100%; }\n  .ndc-action-details-container .enablement-type-item .ant-form-item-row {\n    display: flex;\n    width: 100%; }\n  .ndc-action-details-container .enablement-type-item .ant-checkbox-wrapper {\n    color: rgba(58, 53, 65, 0.5);\n    font-size: 14px; }\n  .ndc-action-details-container .enablement-type-item .type-checkbox-grp {\n    display: flex;\n    width: 100%; }\n    .ndc-action-details-container .enablement-type-item .type-checkbox-grp .grp-row {\n      display: flex;\n      width: 100%; }\n\n.ndc-action-details-container .ant-select-selection-item {\n  color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-dropdown {\n  font-family: \"Inter\";\n  color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-selector {\n  color: #949599 !important; }\n\n.ndc-action-details-container .label-heading {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 22px;\n  color: rgba(58, 53, 65, 0.5);\n  margin-bottom: 5px; }\n\n.ndc-action-details-container .steps-actions {\n  display: flex;\n  flex-direction: row-reverse; }\n  .ndc-action-details-container .steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n\n.ndc-action-details-container .upload-doc {\n  height: 40px !important;\n  margin-right: 240px; }\n\n.ndc-action-details-container .ant-upload-list-item {\n  border-radius: 5px !important;\n  height: 40px !important; }\n\n.ndc-action-details-container .design-upload-section {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: start;\n  width: 100%; }\n  .ndc-action-details-container .design-upload-section .icon-color {\n    color: #16b1ff !important; }\n  .ndc-action-details-container .design-upload-section .ant-upload {\n    width: 20%; }\n  .ndc-action-details-container .design-upload-section .ant-upload-list {\n    align-items: center;\n    justify-content: center;\n    width: 75%; }\n    .ndc-action-details-container .design-upload-section .ant-upload-list .ant-upload-list-item {\n      margin-top: 0; }\n";
-styleInject(css_248z$g);
+var css_248z$f = ".ndc-action-details-container Input {\n  height: 40px; }\n\n.ndc-action-details-container .in-nap-col {\n  width: 100%; }\n\n.ndc-action-details-container .included-nap-col {\n  width: 40%;\n  display: flex; }\n  .ndc-action-details-container .included-nap-col .in-nap-row {\n    width: 100%;\n    align-items: center; }\n    .ndc-action-details-container .included-nap-col .in-nap-row .included-label {\n      display: flex;\n      flex-direction: row;\n      width: fit-content;\n      align-items: center;\n      justify-content: space-between;\n      font-size: 14px;\n      color: rgba(58, 53, 65, 0.5); }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-label .info-container {\n        display: flex;\n        flex-direction: row;\n        width: 10%;\n        height: 30px;\n        align-items: center;\n        justify-content: flex-end; }\n    .ndc-action-details-container .included-nap-col .in-nap-row .included-val {\n      width: 100%; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container {\n        width: 43%;\n        text-align: center; }\n        .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n          color: #ffffff !important;\n          border-color: #9155fd !important;\n          box-shadow: none;\n          border-radius: 4px; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper::before {\n        background-color: transparent;\n        border-radius: 4px; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper {\n        border: 1px solid #d9d9d9;\n        border-radius: 4px;\n        color: #8c8c8c; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .anticon {\n        margin-right: 0.5rem; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio {\n        width: 100%; }\n        .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n          background: #9155fd;\n          color: #ffffff; }\n\n.ndc-action-details-container .row-custom-1 {\n  display: flex;\n  margin-bottom: 2px; }\n\n.ndc-action-details-container .row-custom {\n  display: flex;\n  width: 200px;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem; }\n  .ndc-action-details-container .row-custom .ant-input-number {\n    height: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center; }\n\n.ndc-action-details-container .enablement-type-item {\n  display: flex;\n  width: 100%; }\n  .ndc-action-details-container .enablement-type-item .ant-form-item-row {\n    display: flex;\n    width: 100%; }\n  .ndc-action-details-container .enablement-type-item .ant-checkbox-wrapper {\n    color: rgba(58, 53, 65, 0.5);\n    font-size: 14px; }\n  .ndc-action-details-container .enablement-type-item .type-checkbox-grp {\n    display: flex;\n    width: 100%; }\n    .ndc-action-details-container .enablement-type-item .type-checkbox-grp .grp-row {\n      display: flex;\n      width: 100%; }\n\n.ndc-action-details-container .ant-select-selection-item {\n  color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-dropdown {\n  font-family: \"Inter\";\n  color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-selector {\n  color: #949599 !important; }\n\n.ndc-action-details-container .label-heading {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 22px;\n  color: rgba(58, 53, 65, 0.5);\n  margin-bottom: 5px; }\n\n.ndc-action-details-container .steps-actions {\n  display: flex;\n  flex-direction: row-reverse; }\n  .ndc-action-details-container .steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n\n.ndc-action-details-container .upload-doc {\n  height: 40px !important;\n  margin-right: 240px; }\n\n.ndc-action-details-container .ant-upload-list-item {\n  border-radius: 5px !important;\n  height: 40px !important; }\n\n.ndc-action-details-container .design-upload-section {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: start;\n  width: 100%; }\n  .ndc-action-details-container .design-upload-section .icon-color {\n    color: #16b1ff !important; }\n  .ndc-action-details-container .design-upload-section .ant-upload {\n    width: 20%; }\n  .ndc-action-details-container .design-upload-section .ant-upload-list {\n    align-items: center;\n    justify-content: center;\n    width: 75%; }\n    .ndc-action-details-container .design-upload-section .ant-upload-list .ant-upload-list-item {\n      margin-top: 0; }\n";
+styleInject(css_248z$f);
 
 var EnablementTypes;
 (function (EnablementTypes) {
@@ -16063,12 +16944,12 @@ var NdcActionDetails = function (props) {
                     React.createElement(Button, { className: "mg-left-1", type: "primary", htmlType: "submit" }, t("ndcAction:next")))))));
 };
 
-var css_248z$f = ".add-ndc-main-container {\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 50px; }\n  .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n  .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n    border-color: #ff4d4f !important; }\n  .add-ndc-main-container .step-title-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 1rem; }\n    .add-ndc-main-container .step-title-container .step-count {\n      font-size: 2.2rem;\n      font-weight: 800;\n      margin-right: 0.4rem;\n      color: rgba(58, 53, 65, 0.8); }\n    .add-ndc-main-container .step-title-container .title {\n      font-size: 1rem;\n      font-weight: 600;\n      color: #3a3541;\n      white-space: nowrap; }\n  .add-ndc-main-container .title-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: 5px; }\n    .add-ndc-main-container .title-container .main {\n      font-size: 1.25rem;\n      font-weight: 500;\n      color: #6642eb; }\n    .add-ndc-main-container .title-container .sub {\n      font-size: 0.8rem;\n      color: #555657; }\n  .add-ndc-main-container .steps-actions {\n    display: flex;\n    flex-direction: row-reverse; }\n    .add-ndc-main-container .steps-actions .mg-left-1 {\n      margin-left: 1rem; }\n  .add-ndc-main-container .adding-section {\n    display: flex;\n    flex-direction: column;\n    background-color: #ffffff;\n    margin: 1rem 0 1rem 0;\n    border-radius: 10px;\n    padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n    .add-ndc-main-container .adding-section .design-upload-section {\n      display: flex;\n      flex-direction: row;\n      justify-content: start;\n      align-items: start;\n      width: 100%; }\n      .add-ndc-main-container .adding-section .design-upload-section .icon-color {\n        color: #9155fd !important; }\n      .add-ndc-main-container .adding-section .design-upload-section .ant-upload {\n        width: 130px; }\n      .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list {\n        align-items: center;\n        justify-content: center;\n        width: 300px; }\n        .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list .ant-upload-list-item {\n          margin-top: 0; }\n  .add-ndc-main-container .info-container {\n    display: flex;\n    flex-direction: row;\n    width: 10%;\n    height: 30px;\n    align-items: center;\n    justify-content: start;\n    margin-left: 10px; }\n  .add-ndc-main-container .upload-doc {\n    height: 40px !important;\n    margin-right: 240px; }\n  .add-ndc-main-container .ant-upload-list-item {\n    border-radius: 5px !important;\n    height: 40px !important; }\n";
-styleInject(css_248z$f);
-
-var css_248z$e = ".co-benifits-container {\n  width: 100%; }\n  .co-benifits-container .ant-form-item-label > label::after {\n    content: none; }\n  .co-benifits-container .ant-radio-button-wrapper {\n    border-radius: 4px !important;\n    color: rgba(140, 140, 140, 0.7) !important; }\n  .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n  .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n    color: rgba(140, 140, 140, 0.7);\n    background-color: #ffffff;\n    border-color: rgba(140, 140, 140, 0.7); }\n  .co-benifits-container .view-section .ant-input[disabled] {\n    color: rgba(140, 140, 140, 0.7) !important;\n    background-color: #ffffff !important;\n    border-color: rgba(140, 140, 140, 0.7) !important; }\n  .co-benifits-container .steps-actions {\n    display: flex;\n    flex-direction: row-reverse; }\n    .co-benifits-container .steps-actions .mg-left-1 {\n      margin-left: 1rem; }\n  .co-benifits-container .co-sub-title-text {\n    color: rgba(58, 53, 65, 0.5);\n    font-size: 14px;\n    font-family: Inter;\n    font-weight: 600;\n    line-height: 22px; }\n  .co-benifits-container .co-view-label-text {\n    color: rgba(58, 53, 65, 0.5);\n    font-size: 14px;\n    font-family: Inter;\n    font-weight: 400;\n    line-height: 18.5px; }\n  .co-benifits-container .benifits-tabs {\n    width: 100%; }\n    .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n      width: 100%;\n      margin-left: 3rem; }\n      .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n        width: 95%; }\n        .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n          width: 100%; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n            width: 100%; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n              display: flex;\n              flex-direction: row;\n              align-items: center;\n              text-align: left;\n              justify-content: flex-start;\n              white-space: initial; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n              width: 95%;\n              text-align: center;\n              align-items: center;\n              justify-content: flex-end; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n                margin-right: 1rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n              width: 35%;\n              text-align: center;\n              max-width: 90px; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n              .ant-radio-button-wrapper-disabled\n) {\n                color: #ffffff !important;\n                border-color: #9155fd !important;\n                box-shadow: none; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n              background-color: transparent; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n              border: 1px solid #d9d9d9; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n              margin-right: 0.5rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n              width: 100%; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n                background: #9155fd;\n                color: #ffffff; }\n      .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n        width: 95%; }\n        .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n          width: 100%; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n            width: 100%; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n              display: flex;\n              width: 88%;\n              align-items: center;\n              justify-content: center;\n              padding-top: 1.5rem; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n                display: flex;\n                border: 1px solid black;\n                width: 100%;\n                align-items: center;\n                justify-content: center; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n                width: 100%;\n                height: auto;\n                border: 1px solid #e4e4e4;\n                border-radius: 5px; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n                box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n              display: flex;\n              width: 88%;\n              align-items: center;\n              justify-content: center;\n              padding-top: 1.5rem; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n                display: flex;\n                border: 1px solid black;\n                width: 100%;\n                align-items: center;\n                justify-content: center; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n                width: 100%;\n                height: auto;\n                border: 1px solid #e4e4e4;\n                border-radius: 5px; }\n      .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n        width: 95%; }\n        .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n          width: 100%;\n          display: flex;\n          flex-direction: column; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n            width: 100%;\n            color: rgba(58, 53, 65, 0.5);\n            font-weight: 600; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n            padding-left: 2rem; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n            width: 100%;\n            padding-left: 2rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n              width: 100%;\n              display: flex;\n              flex-direction: row;\n              align-items: center;\n              text-align: left;\n              justify-content: flex-start;\n              white-space: initial; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n              width: 95%;\n              text-align: center;\n              align-items: center;\n              justify-content: flex-end; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n                margin-right: 1rem; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n                margin-left: 1rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n              width: 25%;\n              text-align: center;\n              max-width: 90px; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n              .ant-radio-button-wrapper-disabled\n) {\n                color: #ffffff !important;\n                border-color: #9155fd !important;\n                box-shadow: none; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n              background-color: transparent; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n              border: 1px solid #d9d9d9; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n              margin-right: 0.5rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n              width: 100%; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n                background: #9155fd;\n                color: #ffffff; }\n      .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n        width: 95%; }\n        .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n          width: 100%;\n          display: flex;\n          flex-direction: column; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n            width: 100%;\n            color: rgba(58, 53, 65, 0.5);\n            font-weight: 600; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n            padding-left: 2rem; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n            width: 100%;\n            padding-left: 2rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n              width: 100%;\n              display: flex;\n              flex-direction: row;\n              align-items: center;\n              text-align: left;\n              justify-content: flex-start;\n              white-space: initial; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n              width: 95%;\n              text-align: center;\n              align-items: center;\n              justify-content: flex-end; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n                margin-right: 1rem; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n                margin-left: 1rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n              width: 25%;\n              text-align: center;\n              max-width: 90px; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n              .ant-radio-button-wrapper-disabled\n) {\n                color: #ffffff !important;\n                border-color: #9155fd !important;\n                box-shadow: none; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n              background-color: transparent; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n              border: 1px solid #d9d9d9; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n              margin-right: 0.5rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n              width: 100%; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n                background: #9155fd;\n                color: #ffffff; }\n      .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n        display: flex;\n        flex-direction: column !important; }\n    .co-benifits-container .benifits-tabs .assesment-tab-item {\n      width: 95%;\n      margin-left: 3rem; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n        text-align: center;\n        align-items: center;\n        justify-content: flex-end; }\n        .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n          margin-right: 1rem;\n          width: 35%;\n          max-width: 90px;\n          text-align: center; }\n          .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n          .ant-radio-button-wrapper-disabled\n) {\n            color: #ffffff !important;\n            border-color: #9155fd !important;\n            box-shadow: none; }\n        .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n          width: 100%; }\n          .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n            background: #9155fd;\n            color: #ffffff; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n        height: 40px; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: start;\n        width: 100%; }\n        .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n          color: #16b1ff !important; }\n        .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n          align-items: center;\n          justify-content: center;\n          max-width: 500px;\n          margin-left: 5px; }\n          .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n            margin-top: 0; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n        height: 40px !important;\n        margin-right: 240px; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n        border-radius: 5px !important;\n        height: 40px !important; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n        padding-right: 5px; }\n    .co-benifits-container .benifits-tabs .safeguard-tab-item {\n      width: 95%;\n      margin-left: 3rem; }\n      .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n        text-align: center;\n        align-items: center;\n        justify-content: flex-end; }\n        .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n          margin-right: 1rem;\n          width: 35%;\n          max-width: 90px;\n          text-align: center; }\n          .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n          .ant-radio-button-wrapper-disabled\n) {\n            color: #ffffff !important;\n            border-color: #9155fd !important;\n            box-shadow: none; }\n        .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n          width: 100%; }\n          .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n            background: #9155fd;\n            color: #ffffff; }\n      .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n        height: 40px; }\n      .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n        padding-right: 5px; }\n    .co-benifits-container .benifits-tabs .social-tab-item {\n      width: 95%;\n      margin-left: 3rem; }\n      .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n        text-align: center;\n        align-items: center;\n        justify-content: flex-end; }\n        .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n          margin-right: 1rem;\n          width: 35%;\n          max-width: 90px;\n          text-align: center; }\n          .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n          .ant-radio-button-wrapper-disabled\n) {\n            color: #ffffff !important;\n            border-color: #9155fd !important;\n            box-shadow: none; }\n        .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n          width: 100%; }\n          .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n            background: #9155fd;\n            color: #ffffff; }\n      .co-benifits-container .benifits-tabs .social-tab-item Input {\n        height: 40px; }\n";
+var css_248z$e = ".add-ndc-main-container {\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 50px; }\n  .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n  .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n    border-color: #ff4d4f !important; }\n  .add-ndc-main-container .step-title-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 1rem; }\n    .add-ndc-main-container .step-title-container .step-count {\n      font-size: 2.2rem;\n      font-weight: 800;\n      margin-right: 0.4rem;\n      color: rgba(58, 53, 65, 0.8); }\n    .add-ndc-main-container .step-title-container .title {\n      font-size: 1rem;\n      font-weight: 600;\n      color: #3a3541;\n      white-space: nowrap; }\n  .add-ndc-main-container .title-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: 5px; }\n    .add-ndc-main-container .title-container .main {\n      font-size: 1.25rem;\n      font-weight: 500;\n      color: #6642eb; }\n    .add-ndc-main-container .title-container .sub {\n      font-size: 0.8rem;\n      color: #555657; }\n  .add-ndc-main-container .steps-actions {\n    display: flex;\n    flex-direction: row-reverse; }\n    .add-ndc-main-container .steps-actions .mg-left-1 {\n      margin-left: 1rem; }\n  .add-ndc-main-container .adding-section {\n    display: flex;\n    flex-direction: column;\n    background-color: #ffffff;\n    margin: 1rem 0 1rem 0;\n    border-radius: 10px;\n    padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n    .add-ndc-main-container .adding-section .design-upload-section {\n      display: flex;\n      flex-direction: row;\n      justify-content: start;\n      align-items: start;\n      width: 100%; }\n      .add-ndc-main-container .adding-section .design-upload-section .icon-color {\n        color: #9155fd !important; }\n      .add-ndc-main-container .adding-section .design-upload-section .ant-upload {\n        width: 130px; }\n      .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list {\n        align-items: center;\n        justify-content: center;\n        width: 300px; }\n        .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list .ant-upload-list-item {\n          margin-top: 0; }\n  .add-ndc-main-container .info-container {\n    display: flex;\n    flex-direction: row;\n    width: 10%;\n    height: 30px;\n    align-items: center;\n    justify-content: start;\n    margin-left: 10px; }\n  .add-ndc-main-container .upload-doc {\n    height: 40px !important;\n    margin-right: 240px; }\n  .add-ndc-main-container .ant-upload-list-item {\n    border-radius: 5px !important;\n    height: 40px !important; }\n";
 styleInject(css_248z$e);
 
+var css_248z$d = ".co-benifits-container {\n  width: 100%; }\n  .co-benifits-container .ant-form-item-label > label::after {\n    content: none; }\n  .co-benifits-container .ant-radio-button-wrapper {\n    border-radius: 4px !important;\n    color: rgba(140, 140, 140, 0.7) !important; }\n  .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n  .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n    color: rgba(140, 140, 140, 0.7);\n    background-color: #ffffff;\n    border-color: rgba(140, 140, 140, 0.7); }\n  .co-benifits-container .view-section .ant-input[disabled] {\n    color: rgba(140, 140, 140, 0.7) !important;\n    background-color: #ffffff !important;\n    border-color: rgba(140, 140, 140, 0.7) !important; }\n  .co-benifits-container .steps-actions {\n    display: flex;\n    flex-direction: row-reverse; }\n    .co-benifits-container .steps-actions .mg-left-1 {\n      margin-left: 1rem; }\n  .co-benifits-container .co-sub-title-text {\n    color: rgba(58, 53, 65, 0.5);\n    font-size: 14px;\n    font-family: Inter;\n    font-weight: 600;\n    line-height: 22px; }\n  .co-benifits-container .co-view-label-text {\n    color: rgba(58, 53, 65, 0.5);\n    font-size: 14px;\n    font-family: Inter;\n    font-weight: 400;\n    line-height: 18.5px; }\n  .co-benifits-container .benifits-tabs {\n    width: 100%; }\n    .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n      width: 100%;\n      margin-left: 3rem; }\n      .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n        width: 95%; }\n        .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n          width: 100%; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n            width: 100%; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n              display: flex;\n              flex-direction: row;\n              align-items: center;\n              text-align: left;\n              justify-content: flex-start;\n              white-space: initial; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n              width: 95%;\n              text-align: center;\n              align-items: center;\n              justify-content: flex-end; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n                margin-right: 1rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n              width: 35%;\n              text-align: center;\n              max-width: 90px; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n              .ant-radio-button-wrapper-disabled\n) {\n                color: #ffffff !important;\n                border-color: #9155fd !important;\n                box-shadow: none; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n              background-color: transparent; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n              border: 1px solid #d9d9d9; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n              margin-right: 0.5rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n              width: 100%; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n                background: #9155fd;\n                color: #ffffff; }\n      .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n        width: 95%; }\n        .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n          width: 100%; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n            width: 100%; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n              display: flex;\n              width: 88%;\n              align-items: center;\n              justify-content: center;\n              padding-top: 1.5rem; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n                display: flex;\n                border: 1px solid black;\n                width: 100%;\n                align-items: center;\n                justify-content: center; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n                width: 100%;\n                height: auto;\n                border: 1px solid #e4e4e4;\n                border-radius: 5px; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n                box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n              display: flex;\n              width: 88%;\n              align-items: center;\n              justify-content: center;\n              padding-top: 1.5rem; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n                display: flex;\n                border: 1px solid black;\n                width: 100%;\n                align-items: center;\n                justify-content: center; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n                width: 100%;\n                height: auto;\n                border: 1px solid #e4e4e4;\n                border-radius: 5px; }\n      .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n        width: 95%; }\n        .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n          width: 100%;\n          display: flex;\n          flex-direction: column; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n            width: 100%;\n            color: rgba(58, 53, 65, 0.5);\n            font-weight: 600; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n            padding-left: 2rem; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n            width: 100%;\n            padding-left: 2rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n              width: 100%;\n              display: flex;\n              flex-direction: row;\n              align-items: center;\n              text-align: left;\n              justify-content: flex-start;\n              white-space: initial; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n              width: 95%;\n              text-align: center;\n              align-items: center;\n              justify-content: flex-end; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n                margin-right: 1rem; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n                margin-left: 1rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n              width: 25%;\n              text-align: center;\n              max-width: 90px; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n              .ant-radio-button-wrapper-disabled\n) {\n                color: #ffffff !important;\n                border-color: #9155fd !important;\n                box-shadow: none; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n              background-color: transparent; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n              border: 1px solid #d9d9d9; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n              margin-right: 0.5rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n              width: 100%; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n                background: #9155fd;\n                color: #ffffff; }\n      .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n        width: 95%; }\n        .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n          width: 100%;\n          display: flex;\n          flex-direction: column; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n            width: 100%;\n            color: rgba(58, 53, 65, 0.5);\n            font-weight: 600; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n            padding-left: 2rem; }\n          .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n            width: 100%;\n            padding-left: 2rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n              width: 100%;\n              display: flex;\n              flex-direction: row;\n              align-items: center;\n              text-align: left;\n              justify-content: flex-start;\n              white-space: initial; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n              width: 95%;\n              text-align: center;\n              align-items: center;\n              justify-content: flex-end; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n                margin-right: 1rem; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n                margin-left: 1rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n              width: 25%;\n              text-align: center;\n              max-width: 90px; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n              .ant-radio-button-wrapper-disabled\n) {\n                color: #ffffff !important;\n                border-color: #9155fd !important;\n                box-shadow: none; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n              background-color: transparent; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n              border: 1px solid #d9d9d9; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n              margin-right: 0.5rem; }\n            .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n              width: 100%; }\n              .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n                background: #9155fd;\n                color: #ffffff; }\n      .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n        display: flex;\n        flex-direction: column !important; }\n    .co-benifits-container .benifits-tabs .assesment-tab-item {\n      width: 95%;\n      margin-left: 3rem; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n        text-align: center;\n        align-items: center;\n        justify-content: flex-end; }\n        .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n          margin-right: 1rem;\n          width: 35%;\n          max-width: 90px;\n          text-align: center; }\n          .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n          .ant-radio-button-wrapper-disabled\n) {\n            color: #ffffff !important;\n            border-color: #9155fd !important;\n            box-shadow: none; }\n        .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n          width: 100%; }\n          .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n            background: #9155fd;\n            color: #ffffff; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n        height: 40px; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: start;\n        width: 100%; }\n        .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n          color: #16b1ff !important; }\n        .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n          align-items: center;\n          justify-content: center;\n          max-width: 500px;\n          margin-left: 5px; }\n          .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n            margin-top: 0; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n        height: 40px !important;\n        margin-right: 240px; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n        border-radius: 5px !important;\n        height: 40px !important; }\n      .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n        padding-right: 5px; }\n    .co-benifits-container .benifits-tabs .safeguard-tab-item {\n      width: 95%;\n      margin-left: 3rem; }\n      .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n        text-align: center;\n        align-items: center;\n        justify-content: flex-end; }\n        .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n          margin-right: 1rem;\n          width: 35%;\n          max-width: 90px;\n          text-align: center; }\n          .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n          .ant-radio-button-wrapper-disabled\n) {\n            color: #ffffff !important;\n            border-color: #9155fd !important;\n            box-shadow: none; }\n        .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n          width: 100%; }\n          .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n            background: #9155fd;\n            color: #ffffff; }\n      .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n        height: 40px; }\n      .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n        padding-right: 5px; }\n    .co-benifits-container .benifits-tabs .social-tab-item {\n      width: 95%;\n      margin-left: 3rem; }\n      .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n        text-align: center;\n        align-items: center;\n        justify-content: flex-end; }\n        .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n          margin-right: 1rem;\n          width: 35%;\n          max-width: 90px;\n          text-align: center; }\n          .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n          .ant-radio-button-wrapper-disabled\n) {\n            color: #ffffff !important;\n            border-color: #9155fd !important;\n            box-shadow: none; }\n        .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n          width: 100%; }\n          .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n            background: #9155fd;\n            color: #ffffff; }\n      .co-benifits-container .benifits-tabs .social-tab-item Input {\n        height: 40px; }\n";
+styleInject(css_248z$d);
+
 var GenderParity = function (props) {
     var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, translator = props.translator;
     var formOne = Form.useForm()[0];
@@ -18554,12 +19435,12 @@ var AddNdcActionComponent = function (props) {
                 React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
 };
 
-var css_248z$d = ".ndc-details-view .card-container {\n  margin-bottom: 16px;\n  width: 100%;\n  border-radius: 10px; }\n  .ndc-details-view .card-container .co-benifits-view .title {\n    color: rgba(58, 53, 65, 0.8);\n    font-weight: 600;\n    margin-left: 0.5rem; }\n  .ndc-details-view .card-container .action-btns {\n    margin-top: 25px;\n    margin-bottom: -15px;\n    justify-content: end; }\n\n.ndc-details-view .fix-height {\n  height: 350px; }\n";
-styleInject(css_248z$d);
-
-var css_248z$c = ".info-view .title-icon {\n  padding-right: 10px; }\n\n.info-view .title-text {\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600; }\n\n.info-view .title {\n  margin-bottom: 5px; }\n\n.info-view .field-key {\n  color: rgba(58, 53, 65, 0.6);\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden; }\n\n.info-view .field-value {\n  color: rgba(58, 53, 65, 0.6);\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-value .row {\n    display: flex;\n    width: 40%;\n    align-items: center;\n    justify-content: space-between; }\n    .info-view .field-value .row .key {\n      display: flex;\n      width: 50%;\n      align-items: center;\n      justify-content: flex-start; }\n    .info-view .field-value .row .data {\n      display: flex;\n      width: 50%;\n      align-items: center;\n      justify-content: flex-start; }\n\n.info-view .field {\n  margin: 15px 25px;\n  font-size: 0.8rem; }\n";
+var css_248z$c = ".ndc-details-view .card-container {\n  margin-bottom: 16px;\n  width: 100%;\n  border-radius: 10px; }\n  .ndc-details-view .card-container .co-benifits-view .title {\n    color: rgba(58, 53, 65, 0.8);\n    font-weight: 600;\n    margin-left: 0.5rem; }\n  .ndc-details-view .card-container .action-btns {\n    margin-top: 25px;\n    margin-bottom: -15px;\n    justify-content: end; }\n\n.ndc-details-view .fix-height {\n  height: 350px; }\n";
 styleInject(css_248z$c);
 
+var css_248z$b = ".info-view .title-icon {\n  padding-right: 10px; }\n\n.info-view .title-text {\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600; }\n\n.info-view .title {\n  margin-bottom: 5px; }\n\n.info-view .field-key {\n  color: rgba(58, 53, 65, 0.6);\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden; }\n\n.info-view .field-value {\n  color: rgba(58, 53, 65, 0.6);\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-value .row {\n    display: flex;\n    width: 40%;\n    align-items: center;\n    justify-content: space-between; }\n    .info-view .field-value .row .key {\n      display: flex;\n      width: 50%;\n      align-items: center;\n      justify-content: flex-start; }\n    .info-view .field-value .row .data {\n      display: flex;\n      width: 50%;\n      align-items: center;\n      justify-content: flex-start; }\n\n.info-view .field {\n  margin: 15px 25px;\n  font-size: 0.8rem; }\n";
+styleInject(css_248z$b);
+
 var InfoView = function (props) {
     var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
     return (React.createElement("div", { className: "info-view" },
@@ -19042,12 +19923,12 @@ var NdcActionViewComponent = function (props) {
                             React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator })))))))));
 };
 
-var css_248z$b = ".credit-transfer-management .certify-list {\n  width: 110px;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap; }\n  .credit-transfer-management .certify-list .profile-icon {\n    margin-bottom: 4px; }\n\n.credit-transfer-management .table-actions-section {\n  margin-bottom: 0px; }\n  .credit-transfer-management .table-actions-section input {\n    font-family: \"Inter\";\n    font-size: 0.8rem; }\n\n.credit-transfer-management .all-check {\n  margin-right: 10px; }\n  .credit-transfer-management .all-check .ant-checkbox-inner::after {\n    background-color: rgba(58, 53, 65, 0.5); }\n  .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n    background-color: transparent; }\n  .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n    background-color: rgba(58, 53, 65, 0.5);\n    border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Retired'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='AwaitingAuthorization'] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Issued'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Transferred'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.credit-transfer-modal-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin: 2rem 0 0 0;\n  width: 100%; }\n  .credit-transfer-modal-container .icon-credit {\n    margin-bottom: 15px; }\n  .credit-transfer-modal-container .credit-transfer-details {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-bottom: 10px; }\n    .credit-transfer-modal-container .credit-transfer-details .content-credit-transfer {\n      font-family: 'Inter' !important;\n      font-style: normal;\n      font-weight: 600;\n      font-size: 0.9rem;\n      line-height: 1.3rem;\n      padding: 0 1rem 0 1rem;\n      text-align: center;\n      color: rgba(58, 53, 65, 0.8) !important; }\n    .credit-transfer-modal-container .credit-transfer-details .sub-content-credit-transfer {\n      font-family: 'Inter';\n      font-style: normal;\n      font-weight: 600;\n      font-size: 0.8rem;\n      line-height: 1.375rem;\n      text-align: center;\n      color: rgba(58, 53, 65, 0.5); }\n  .credit-transfer-modal-container .remarks-credit-transfer {\n    flex-direction: row;\n    width: 100%;\n    padding: 0.5rem 1rem 0 1rem; }\n    .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form-item-explain-error {\n      display: flex;\n      flex-direction: row; }\n    .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form {\n      width: 100%; }\n      .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form .ant-form-item-label > label {\n        font-size: 0.8rem; }\n    .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      margin-top: 1rem; }\n      .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .center {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between; }\n      .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .width-60 {\n        width: 60%; }\n\n.common-table-class .ant-table .ant-table-thead .ant-table-cell {\n  font-size: 0.75rem;\n  font-weight: 600; }\n";
-styleInject(css_248z$b);
-
-var css_248z$a = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n  background-color: #976ed7;\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n  background-color: #ffa070;\n  border: none; }\n\n.credit-transfer-management .transfer-freeze-icon {\n  float: right; }\n  .credit-transfer-management .transfer-freeze-icon .pause-circle {\n    color: rgba(255, 77, 79, 0.8); }\n  .credit-transfer-management .transfer-freeze-icon .play-circle {\n    color: rgba(118, 195, 39, 0.6); }\n";
+var css_248z$a = ".credit-transfer-management .certify-list {\n  width: 110px;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap; }\n  .credit-transfer-management .certify-list .profile-icon {\n    margin-bottom: 4px; }\n\n.credit-transfer-management .table-actions-section {\n  margin-bottom: 0px; }\n  .credit-transfer-management .table-actions-section input {\n    font-family: \"Inter\";\n    font-size: 0.8rem; }\n\n.credit-transfer-management .all-check {\n  margin-right: 10px; }\n  .credit-transfer-management .all-check .ant-checkbox-inner::after {\n    background-color: rgba(58, 53, 65, 0.5); }\n  .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n    background-color: transparent; }\n  .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n    background-color: rgba(58, 53, 65, 0.5);\n    border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Retired'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='AwaitingAuthorization'] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Issued'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Transferred'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.credit-transfer-modal-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin: 2rem 0 0 0;\n  width: 100%; }\n  .credit-transfer-modal-container .icon-credit {\n    margin-bottom: 15px; }\n  .credit-transfer-modal-container .credit-transfer-details {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-bottom: 10px; }\n    .credit-transfer-modal-container .credit-transfer-details .content-credit-transfer {\n      font-family: 'Inter' !important;\n      font-style: normal;\n      font-weight: 600;\n      font-size: 0.9rem;\n      line-height: 1.3rem;\n      padding: 0 1rem 0 1rem;\n      text-align: center;\n      color: rgba(58, 53, 65, 0.8) !important; }\n    .credit-transfer-modal-container .credit-transfer-details .sub-content-credit-transfer {\n      font-family: 'Inter';\n      font-style: normal;\n      font-weight: 600;\n      font-size: 0.8rem;\n      line-height: 1.375rem;\n      text-align: center;\n      color: rgba(58, 53, 65, 0.5); }\n  .credit-transfer-modal-container .remarks-credit-transfer {\n    flex-direction: row;\n    width: 100%;\n    padding: 0.5rem 1rem 0 1rem; }\n    .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form-item-explain-error {\n      display: flex;\n      flex-direction: row; }\n    .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form {\n      width: 100%; }\n      .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form .ant-form-item-label > label {\n        font-size: 0.8rem; }\n    .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      margin-top: 1rem; }\n      .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .center {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between; }\n      .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .width-60 {\n        width: 60%; }\n\n.common-table-class .ant-table .ant-table-thead .ant-table-cell {\n  font-size: 0.75rem;\n  font-weight: 600; }\n";
 styleInject(css_248z$a);
 
+var css_248z$9 = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n  background-color: #976ed7;\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n  background-color: #ffa070;\n  border: none; }\n\n.credit-transfer-management .transfer-freeze-icon {\n  float: right; }\n  .credit-transfer-management .transfer-freeze-icon .pause-circle {\n    color: rgba(255, 77, 79, 0.8); }\n  .credit-transfer-management .transfer-freeze-icon .play-circle {\n    color: rgba(118, 195, 39, 0.6); }\n";
+styleInject(css_248z$9);
+
 function n(){return (n=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e]);}return a}).apply(this,arguments)}function t(a,n){if(null==a)return {};var t,e,r={},s=Object.keys(a);for(e=0;e<s.length;e++)n.indexOf(t=s[e])>=0||(r[t]=a[t]);return r}var e={ac:!0,ad:!0,ae:!0,af:!0,afar:!0,ag:!0,ai:!0,al:!0,am:!0,ao:!0,aq:!0,ar:!0,as:!0,at:!0,au:!0,"au-aboriginal":!0,"au-act":!0,"au-nsw":!0,"au-nt":!0,"au-qld":!0,"au-tas":!0,"au-vic":!0,"au-wa":!0,aw:!0,ax:!0,az:!0,ba:!0,bb:!0,bd:!0,be:!0,bf:!0,bg:!0,bh:!0,bi:!0,bj:!0,bl:!0,bm:!0,bn:!0,bo:!0,"bq-bo":!0,"bq-sa":!0,"bq-se":!0,bq:!0,br:!0,bs:!0,bt:!0,bv:!0,bw:!0,by:!0,bz:!0,"ca-bc":!0,ca:!0,cc:!0,cd:!0,cf:!0,cg:!0,"ch-gr":!0,ch:!0,ci:!0,ck:!0,cl:!0,cm:!0,"cn-xj":!0,cn:!0,co:!0,cp:!0,cq:!0,cr:!0,cu:!0,cv:!0,cw:!0,cx:!0,cy:!0,cz:!0,de:!0,dg:!0,dj:!0,dk:!0,dm:!0,do:!0,dz:!0,ea:!0,earth:!0,east_african_federation:!0,easter_island:!0,"ec-w":!0,ec:!0,ee:!0,eg:!0,eh:!0,er:!0,"es-ar":!0,"es-ce":!0,"es-cn":!0,"es-ct":!0,"es-ga":!0,"es-ib":!0,"es-ml":!0,"es-pv":!0,"es-variant":!0,es:!0,"et-or":!0,"et-ti":!0,et:!0,eu:!0,european_union:!0,ewe:!0,fi:!0,fj:!0,fk:!0,fm:!0,fo:!0,"fr-20r":!0,"fr-bre":!0,"fr-cp":!0,fr:!0,fx:!0,ga:!0,"gb-con":!0,"gb-eng":!0,"gb-nir":!0,"gb-ork":!0,"gb-sct":!0,"gb-wls":!0,gb:!0,gd:!0,"ge-ab":!0,ge:!0,gf:!0,gg:!0,gh:!0,gi:!0,gl:!0,gm:!0,gn:!0,gp:!0,gq:!0,gr:!0,gs:!0,gt:!0,gu:!0,guarani:!0,gw:!0,gy:!0,hausa:!0,hk:!0,hm:!0,hmong:!0,hn:!0,hr:!0,ht:!0,hu:!0,ic:!0,id:!0,"id-jb":!0,"id-jt":!0,ie:!0,il:!0,im:!0,"in-as":!0,"in-gj":!0,"in-ka":!0,"in-or":!0,"in-tn":!0,in:!0,io:!0,iq:!0,ir:!0,is:!0,"it-23":!0,"it-82":!0,"it-88":!0,it:!0,je:!0,jm:!0,jo:!0,jp:!0,kanuri:!0,ke:!0,kg:!0,kh:!0,ki:!0,kikuyu:!0,km:!0,kn:!0,kongo:!0,kp:!0,kr:!0,kurdistan:!0,kw:!0,ky:!0,kz:!0,la:!0,lb:!0,lc:!0,li:!0,lk:!0,lr:!0,ls:!0,lt:!0,lu:!0,lv:!0,ly:!0,ma:!0,malayali:!0,manipur:!0,maori:!0,mc:!0,md:!0,me:!0,mf:!0,mg:!0,mh:!0,mizoram:!0,mk:!0,ml:!0,mm:!0,mn:!0,mo:!0,mp:!0,mq:!0,mr:!0,ms:!0,mt:!0,mu:!0,mv:!0,mw:!0,mx:!0,my:!0,mz:!0,na:!0,nato:!0,nc:!0,ne:!0,nf:!0,ng:!0,ni:!0,"nl-fr":!0,nl:!0,no:!0,northern_cyprus:!0,np:!0,nr:!0,nu:!0,nz:!0,occitania:!0,olympics:!0,om:!0,otomi:!0,pa:!0,pe:!0,pf:!0,pg:!0,ph:!0,"pk-jk":!0,"pk-sd":!0,pk:!0,pl:!0,pm:!0,pn:!0,pr:!0,ps:!0,"pt-20":!0,"pt-30":!0,pt:!0,pw:!0,py:!0,qa:!0,quechua:!0,re:!0,ro:!0,rs:!0,ru:!0,"ru-ba":!0,"ru-ce":!0,"ru-cu":!0,"ru-da":!0,"ru-ko":!0,"ru-ta":!0,"ru-ud":!0,rw:!0,sa:!0,sami:!0,sb:!0,sc:!0,sd:!0,se:!0,sg:!0,"sh-ac":!0,"sh-hl":!0,"sh-ta":!0,sh:!0,si:!0,sj:!0,sk:!0,sl:!0,sm:!0,sn:!0,so:!0,somaliland:!0,south_ossetia:!0,soviet_union:!0,sr:!0,ss:!0,st:!0,su:!0,sv:!0,sx:!0,sy:!0,sz:!0,ta:!0,tc:!0,td:!0,tf:!0,tg:!0,th:!0,tibet:!0,tj:!0,tk:!0,tl:!0,tm:!0,tn:!0,to:!0,torres_strait_islands:!0,tr:!0,transnistria:!0,tt:!0,tv:!0,tw:!0,tz:!0,ua:!0,ug:!0,uk:!0,um:!0,un:!0,united_nations:!0,"us-hi":!0,us:!0,uy:!0,uz:!0,va:!0,vc:!0,ve:!0,vg:!0,vi:!0,vn:!0,vu:!0,wf:!0,wiphala:!0,ws:!0,xk:!0,xx:!0,ye:!0,yorubaland:!0,yt:!0,za:!0,zm:!0,zw:!0},s=["countryCode","cdnUrl"],c=function(a,t,e,r){return void 0===r&&(r=""),n({},e,{title:e.title||a,height:e.height||100,src:""+(t||"https://hatscripts.github.io/circle-flags/flags/")+r+a+".svg"})},u=function(r){var i=r.countryCode,u=r.cdnUrl,o=t(r,s);return React.createElement("img",n({"data-testid":"circle-country-flag"},c(function(a){return e[a]?a:"xx"}(i).toLowerCase(),u,o)))};
 
 var TransferActionModel = function (props) {
@@ -19797,8 +20678,8 @@ var CreditTransferComponent = function (props) {
             }, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, translator: translator }))));
 };
 
-var css_248z$9 = ".mapboxgl-popup-content {\n  background-color: #ffffff !important;\n  color: rgba(58, 53, 65, 0.8) !important; }\n\n.unit {\n  display: flex;\n  font-family: \"Inter\";\n  font-size: 1.15rem;\n  font-weight: 500;\n  color: rgba(58, 53, 65, 0.5); }\n\n.card-icons {\n  color: #16b1ff; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n  display: none; }\n\n.total-container {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid gray; }\n\n.margin-top-6 {\n  margin-top: 7.5rem; }\n\n.margin-top-2 {\n  margin-top: 2rem; }\n\n.margin-top-1 {\n  margin-top: 1rem; }\n\n.ant-tooltip-inner {\n  border-radius: 5px;\n  background-color: #9155fd; }\n\n.ant-tooltip-arrow-content {\n  --antd-arrow-background-color: linear-gradient(\n    to right bottom,\n    #9155fd,\n    #9155fd\n  ) !important; }\n\n.ant-btn.mrvdefault {\n  border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mrvprimary {\n  border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n  font-family: \"Inter\";\n  align-items: flex-start;\n  justify-content: flex-start;\n  font-style: normal;\n  font-weight: 600;\n  height: 50px;\n  font-size: 1.15rem;\n  margin-top: 1rem;\n  color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 2rem 0 2rem; }\n  .dashboard-main-container .header-and-title {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    padding: 0 15px 0 15px;\n    font-family: \"Inter-Regular\";\n    font-size: 1.4rem;\n    font-weight: 600; }\n  .dashboard-main-container .stastics-cards-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: center; }\n    .dashboard-main-container .stastics-cards-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center; }\n  .dashboard-main-container .filter-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 2rem;\n    padding: 0 1.2rem 0 1.2rem; }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n      height: 35px !important;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      color: rgba(58, 53, 65, 0.5); }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n)::before {\n      background-color: transparent !important; }\n    .dashboard-main-container .filter-container .radio-selection .overall {\n      border-radius: 5px 0 0 5px !important; }\n    .dashboard-main-container .filter-container .radio-selection .mine {\n      border-radius: 0 5px 5px 0 !important; }\n  .dashboard-main-container .center {\n    align-items: center;\n    justify-content: center; }\n  .dashboard-main-container .height-pie-rem {\n    height: 26.2rem; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between !important; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n      display: flex !important;\n      width: 42%; }\n  .dashboard-main-container .height-bar-rem {\n    height: 29rem; }\n  .dashboard-main-container .height-map-rem {\n    height: 510px; }\n  .dashboard-main-container .stastics-and-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: 2rem;\n    margin-bottom: 2rem; }\n    .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n        display: flex;\n        flex-direction: column;\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 0 1rem 0.7rem 1rem;\n        width: 100%; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n          width: 100%;\n          margin-top: 2rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-start;\n          justify-content: space-between;\n          width: 100%;\n          padding: 1rem 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n            font-family: \"Inter\";\n            font-style: normal;\n            font-weight: 600;\n            width: 90%;\n            font-size: 1.15rem;\n            color: rgba(58, 53, 65, 0.8); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .info-container {\n            display: flex;\n            flex-direction: row;\n            width: 10%;\n            height: 30px;\n            align-items: center;\n            justify-content: flex-end; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          height: 150px;\n          margin-top: 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n            display: flex;\n            flex-direction: column;\n            width: 70%;\n            padding: 0 1rem 0 0.8rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 400;\n              font-size: 0.875rem;\n              line-height: 1.375rem;\n              padding-left: 0.125rem;\n              color: rgba(58, 53, 65, 0.8);\n              margin-bottom: 0.5rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 600;\n              font-size: 1.6rem;\n              line-height: 22px;\n              padding-left: 0.125rem;\n              padding: 0;\n              color: #16b1ff; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            width: 30%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n              height: 80px; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: flex-start;\n          height: 100px;\n          width: 100%;\n          margin-top: 1rem;\n          margin-bottom: 0.5rem;\n          padding: 0 0.5rem 0 0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n              display: flex;\n              flex-direction: row;\n              width: 20%; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                justify-content: center;\n                border-radius: 50px;\n                width: 2.813rem;\n                height: 2.813rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n                background-color: rgba(255, 166, 166, 0.4); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n                background-color: rgba(254, 241, 173, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n                background-color: rgba(164, 162, 168, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n                background-color: rgba(185, 226, 244, 0.4); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n              display: flex;\n              flex-direction: column;\n              width: 80%;\n              height: 3.438rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n                display: flex;\n                flex-direction: row;\n                align-items: flex-start;\n                justify-content: space-between; }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  font-size: 0.875rem;\n                  color: rgba(58, 53, 65, 0.5); }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  height: 30px;\n                  font-size: 1.5rem;\n                  margin-top: -8px;\n                  color: rgba(58, 53, 65, 0.8); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          margin-top: 1rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: flex-start;\n          padding: 0 1rem 0 0.8rem;\n          height: 50px; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\n            display: flex;\n            flex-direction: row;\n            font-size: 0.75rem;\n            border-radius: 3.125rem;\n            padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n            color: #16b1ff;\n            background-color: rgba(222, 205, 254, 0.4); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          padding: 0 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n            display: flex;\n            flex-direction: row;\n            font-family: \"Inter\";\n            align-items: flex-start;\n            justify-content: flex-start;\n            font-style: normal;\n            font-weight: 600;\n            height: 50px;\n            font-size: 1.15rem;\n            margin-top: 1rem;\n            color: rgba(58, 53, 65, 0.8); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n              display: flex;\n              margin: 0 0 0 0.5rem;\n              font-family: \"Inter\";\n              font-size: 1.15rem;\n              font-weight: 500;\n              color: rgba(58, 53, 65, 0.5); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n            display: flex;\n            flex-direction: row;\n            align-items: center; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 100%; }\n  .dashboard-main-container .stastics-and-pie-card:hover {\n    box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n  .dashboard-main-container .stastics-charts-container-total-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 60px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-charts-container-certified-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-pie-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .maps-container {\n    display: flex;\n    flex-direction: row;\n    border-radius: 10px;\n    margin: 25px 20px 25px 15px;\n    height: auto; }\n    .dashboard-main-container .maps-container .maps-container-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n";
-styleInject(css_248z$9);
+var css_248z$8 = ".mapboxgl-popup-content {\n  background-color: #ffffff !important;\n  color: rgba(58, 53, 65, 0.8) !important; }\n\n.unit {\n  display: flex;\n  font-family: \"Inter\";\n  font-size: 1.15rem;\n  font-weight: 500;\n  color: rgba(58, 53, 65, 0.5); }\n\n.card-icons {\n  color: #16b1ff; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n  display: none; }\n\n.total-container {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid gray; }\n\n.margin-top-6 {\n  margin-top: 7.5rem; }\n\n.margin-top-2 {\n  margin-top: 2rem; }\n\n.margin-top-1 {\n  margin-top: 1rem; }\n\n.ant-tooltip-inner {\n  border-radius: 5px;\n  background-color: #9155fd; }\n\n.ant-tooltip-arrow-content {\n  --antd-arrow-background-color: linear-gradient(\n    to right bottom,\n    #9155fd,\n    #9155fd\n  ) !important; }\n\n.ant-btn.mrvdefault {\n  border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mrvprimary {\n  border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n  font-family: \"Inter\";\n  align-items: flex-start;\n  justify-content: flex-start;\n  font-style: normal;\n  font-weight: 600;\n  height: 50px;\n  font-size: 1.15rem;\n  margin-top: 1rem;\n  color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 2rem 0 2rem; }\n  .dashboard-main-container .header-and-title {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    padding: 0 15px 0 15px;\n    font-family: \"Inter-Regular\";\n    font-size: 1.4rem;\n    font-weight: 600; }\n  .dashboard-main-container .stastics-cards-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: center; }\n    .dashboard-main-container .stastics-cards-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center; }\n  .dashboard-main-container .filter-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 2rem;\n    padding: 0 1.2rem 0 1.2rem; }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n      height: 35px !important;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      color: rgba(58, 53, 65, 0.5); }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n)::before {\n      background-color: transparent !important; }\n    .dashboard-main-container .filter-container .radio-selection .overall {\n      border-radius: 5px 0 0 5px !important; }\n    .dashboard-main-container .filter-container .radio-selection .mine {\n      border-radius: 0 5px 5px 0 !important; }\n  .dashboard-main-container .center {\n    align-items: center;\n    justify-content: center; }\n  .dashboard-main-container .height-pie-rem {\n    height: 26.2rem; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between !important; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n      display: flex !important;\n      width: 42%; }\n  .dashboard-main-container .height-bar-rem {\n    height: 29rem; }\n  .dashboard-main-container .height-map-rem {\n    height: 510px; }\n  .dashboard-main-container .stastics-and-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: 2rem;\n    margin-bottom: 2rem; }\n    .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n        display: flex;\n        flex-direction: column;\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 0 1rem 0.7rem 1rem;\n        width: 100%; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n          width: 100%;\n          margin-top: 2rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-start;\n          justify-content: space-between;\n          width: 100%;\n          padding: 1rem 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n            font-family: \"Inter\";\n            font-style: normal;\n            font-weight: 600;\n            width: 90%;\n            font-size: 1.15rem;\n            color: rgba(58, 53, 65, 0.8); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .info-container {\n            display: flex;\n            flex-direction: row;\n            width: 10%;\n            height: 30px;\n            align-items: center;\n            justify-content: flex-end; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          height: 150px;\n          margin-top: 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n            display: flex;\n            flex-direction: column;\n            width: 70%;\n            padding: 0 1rem 0 0.8rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 400;\n              font-size: 0.875rem;\n              line-height: 1.375rem;\n              padding-left: 0.125rem;\n              color: rgba(58, 53, 65, 0.8);\n              margin-bottom: 0.5rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 600;\n              font-size: 1.6rem;\n              line-height: 22px;\n              padding-left: 0.125rem;\n              padding: 0;\n              color: #16b1ff; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            width: 30%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n              height: 80px; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: flex-start;\n          height: 100px;\n          width: 100%;\n          margin-top: 1rem;\n          margin-bottom: 0.5rem;\n          padding: 0 0.5rem 0 0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n              display: flex;\n              flex-direction: row;\n              width: 20%; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                justify-content: center;\n                border-radius: 50px;\n                width: 2.813rem;\n                height: 2.813rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n                background-color: rgba(255, 166, 166, 0.4); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n                background-color: rgba(254, 241, 173, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n                background-color: rgba(164, 162, 168, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n                background-color: rgba(185, 226, 244, 0.4); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n              display: flex;\n              flex-direction: column;\n              width: 80%;\n              height: 3.438rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n                display: flex;\n                flex-direction: row;\n                align-items: flex-start;\n                justify-content: space-between; }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  font-size: 0.875rem;\n                  color: rgba(58, 53, 65, 0.5); }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  height: 30px;\n                  font-size: 1.5rem;\n                  margin-top: -8px;\n                  color: rgba(58, 53, 65, 0.8); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          margin-top: 1rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: flex-start;\n          padding: 0 1rem 0 0.8rem;\n          height: 50px; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\n            display: flex;\n            flex-direction: row;\n            font-size: 0.75rem;\n            border-radius: 3.125rem;\n            padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n            color: #16b1ff;\n            background-color: rgba(222, 205, 254, 0.4); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          padding: 0 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n            display: flex;\n            flex-direction: row;\n            font-family: \"Inter\";\n            align-items: flex-start;\n            justify-content: flex-start;\n            font-style: normal;\n            font-weight: 600;\n            height: 50px;\n            font-size: 1.15rem;\n            margin-top: 1rem;\n            color: rgba(58, 53, 65, 0.8); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n              display: flex;\n              margin: 0 0 0 0.5rem;\n              font-family: \"Inter\";\n              font-size: 1.15rem;\n              font-weight: 500;\n              color: rgba(58, 53, 65, 0.5); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n            display: flex;\n            flex-direction: row;\n            align-items: center; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 100%; }\n  .dashboard-main-container .stastics-and-pie-card:hover {\n    box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n  .dashboard-main-container .stastics-charts-container-total-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 60px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-charts-container-certified-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-pie-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .maps-container {\n    display: flex;\n    flex-direction: row;\n    border-radius: 10px;\n    margin: 25px 20px 25px 15px;\n    height: auto; }\n    .dashboard-main-container .maps-container .maps-container-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n";
+styleInject(css_248z$8);
 
 var MrvPieChartsStatComponent = function (props) {
     var id = props.id, title = props.title, options = props.options, series = props.series, lastUpdate = props.lastUpdate, loading = props.loading, toolTipText = props.toolTipText, Chart = props.Chart;
@@ -19976,8 +20857,8 @@ var ListWidgetComponent = function (props) {
         React.createElement("div", { className: "updated-on margin-top-6" }, updatedDate !== "0" && (React.createElement("div", { className: "updated-moment-container" }, updatedDate)))))));
 };
 
-var css_248z$8 = ".map-box-container .mapboxgl-popup-content {\n  background-color: #ffffff !important;\n  color: rgba(58, 53, 65, 0.8) !important; }\n\n.map-box-container .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #ffffff !important; }\n\n.map-box-container .mapboxgl-popup-close-button,\n.map-box-container .mapboxgl-popup-close-button:hover {\n  display: none; }\n";
-styleInject(css_248z$8);
+var css_248z$7 = ".map-box-container .mapboxgl-popup-content {\n  background-color: #ffffff !important;\n  color: rgba(58, 53, 65, 0.8) !important; }\n\n.map-box-container .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #ffffff !important; }\n\n.map-box-container .mapboxgl-popup-close-button,\n.map-box-container .mapboxgl-popup-close-button:hover {\n  display: none; }\n";
+styleInject(css_248z$7);
 
 var MapboxComponent = function (props) {
     var mapContainerRef = useRef(null);
@@ -20067,8 +20948,8 @@ var MapComponent = function (props) {
     return React.createElement("div", null, mapType === MapTypes.Mapbox ? MapboxComponent(props) : "");
 };
 
-var css_248z$7 = ".legend-item-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 14px;\n  font-weight: 400;\n  margin-left: 0.75rem; }\n  .legend-item-container .text {\n    margin-left: 0.2rem; }\n";
-styleInject(css_248z$7);
+var css_248z$6 = ".legend-item-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 14px;\n  font-weight: 400;\n  margin-left: 0.75rem; }\n  .legend-item-container .text {\n    margin-left: 0.2rem; }\n";
+styleInject(css_248z$6);
 
 var LegendItem = function (props) {
     var text = props.text, color = props.color;
@@ -20699,8 +21580,8 @@ var MrvDashboardComponent = function (props) {
             React.createElement(Row, { gutter: [40, 40], className: "stastic-card-row" }, row.map(function (item, j) { return getWidgetJSX(item); })))); }))));
 };
 
-var css_248z$6 = ".mapboxgl-popup-content {\n  background-color: #ffffff !important;\n  color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n  display: none; }\n\n.total-container {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid gray; }\n\n.annual-report {\n  display: flex;\n  margin-top: 30px;\n  margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n  border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n  margin-left: 20px;\n  border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n  margin-top: 7.5rem; }\n\n.margin-top-2 {\n  margin-top: 2rem; }\n\n.margin-top-1 {\n  margin-top: 1rem; }\n\n.ant-btn.rgprimary {\n  border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.rgdefault {\n  border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n  font-family: \"Inter\";\n  align-items: flex-start;\n  justify-content: flex-start;\n  font-style: normal;\n  font-weight: 600;\n  height: 50px;\n  font-size: 1.15rem;\n  margin-top: 1rem;\n  color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 2rem 0 2rem; }\n  .dashboard-main-container .header-and-title {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    padding: 0 15px 0 15px;\n    font-family: \"Inter-Regular\";\n    font-size: 1.4rem;\n    font-weight: 600; }\n  .dashboard-main-container .stastics-cards-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: center; }\n    .dashboard-main-container .stastics-cards-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center; }\n  .dashboard-main-container .filter-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 2rem;\n    padding: 0 1.2rem 0 1.2rem; }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n      height: 35px !important;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      color: rgba(58, 53, 65, 0.5); }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n)::before {\n      background-color: transparent !important; }\n    .dashboard-main-container .filter-container .radio-selection .overall {\n      border-radius: 5px 0 0 5px !important; }\n    .dashboard-main-container .filter-container .radio-selection .mine {\n      border-radius: 0 5px 5px 0 !important; }\n  .dashboard-main-container .center {\n    align-items: center;\n    justify-content: center; }\n  .dashboard-main-container .height-pie-rem {\n    height: 26.2rem; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between !important; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n      display: flex !important;\n      width: 38%; }\n  .dashboard-main-container .height-bar-rem {\n    height: 29rem; }\n  .dashboard-main-container .height-map-rem {\n    height: 510px; }\n  .dashboard-main-container .stastics-and-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: 2rem;\n    margin-bottom: 2rem; }\n    .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n        display: flex;\n        flex-direction: column;\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 0 1rem 0.7rem 1rem;\n        width: 100%; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n          width: 100%;\n          margin-top: 2rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: space-between;\n          width: 100%;\n          padding: 1rem 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n            font-family: \"Inter\";\n            font-style: normal;\n            font-weight: 600;\n            width: 90%;\n            font-size: 1.15rem;\n            color: rgba(58, 53, 65, 0.8); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .info-container {\n            display: flex;\n            flex-direction: row;\n            width: 10%;\n            height: 30px;\n            align-items: center;\n            justify-content: flex-end; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          height: 150px;\n          margin-top: -0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n            display: flex;\n            flex-direction: column;\n            width: 70%;\n            padding: 0 1rem 0 0.8rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 400;\n              font-size: 0.875rem;\n              line-height: 1.375rem;\n              padding-left: 0.125rem;\n              color: rgba(58, 53, 65, 0.8);\n              margin-bottom: 0.5rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 600;\n              font-size: 1.6rem;\n              line-height: 22px;\n              padding-left: 0.125rem;\n              padding: 0;\n              color: #16b1ff; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            width: 30%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n              height: 80px; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: flex-start;\n          height: 100px;\n          width: 100%;\n          margin-top: -1rem;\n          margin-bottom: 0.5rem;\n          padding: 0 0.5rem 0 0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n              display: flex;\n              flex-direction: row;\n              width: 20%; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                justify-content: center;\n                border-radius: 50px;\n                width: 2.813rem;\n                height: 2.813rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n                background-color: rgba(255, 166, 166, 0.4); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n                background-color: rgba(254, 241, 173, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n                background-color: rgba(164, 162, 168, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n                background-color: rgba(185, 226, 244, 0.4); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n              display: flex;\n              flex-direction: column;\n              width: 80%;\n              height: 3.438rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n                display: flex;\n                flex-direction: row;\n                align-items: flex-start;\n                justify-content: space-between; }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  font-size: 0.875rem;\n                  color: rgba(58, 53, 65, 0.5); }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  height: 30px;\n                  font-size: 1.5rem;\n                  margin-top: -8px;\n                  color: rgba(58, 53, 65, 0.8); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          margin-top: 1rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: flex-start;\n          padding: 0 1rem 0 0.8rem;\n          height: 50px; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\n            display: flex;\n            flex-direction: row;\n            font-size: 0.75rem;\n            border-radius: 3.125rem;\n            padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n            color: #16b1ff;\n            background-color: rgba(185, 226, 244, 0.4); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          padding: 0 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n            display: flex;\n            flex-direction: row;\n            font-family: \"Inter\";\n            align-items: flex-start;\n            justify-content: flex-start;\n            font-style: normal;\n            font-weight: 600;\n            height: 50px;\n            font-size: 1.15rem;\n            margin-top: 1rem;\n            color: rgba(58, 53, 65, 0.8); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n              display: flex;\n              margin: 0 0 0 0.5rem;\n              font-family: \"Inter\";\n              font-size: 1.15rem;\n              font-weight: 500;\n              color: rgba(58, 53, 65, 0.5); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n            display: flex;\n            flex-direction: row;\n            align-items: center; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 100%; }\n  .dashboard-main-container .stastics-and-pie-card:hover {\n    box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n  .dashboard-main-container .stastics-charts-container-total-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 60px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-charts-container-certified-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-pie-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .maps-container {\n    display: flex;\n    flex-direction: row;\n    border-radius: 10px;\n    margin: 25px 20px 25px 15px;\n    height: auto; }\n    .dashboard-main-container .maps-container .maps-container-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n";
-styleInject(css_248z$6);
+var css_248z$5 = ".mapboxgl-popup-content {\n  background-color: #ffffff !important;\n  color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n  display: none; }\n\n.total-container {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid gray; }\n\n.annual-report {\n  display: flex;\n  margin-top: 30px;\n  margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n  border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n  margin-left: 20px;\n  border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n  margin-top: 7.5rem; }\n\n.margin-top-2 {\n  margin-top: 2rem; }\n\n.margin-top-1 {\n  margin-top: 1rem; }\n\n.ant-btn.rgprimary {\n  border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.rgdefault {\n  border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n  font-family: \"Inter\";\n  align-items: flex-start;\n  justify-content: flex-start;\n  font-style: normal;\n  font-weight: 600;\n  height: 50px;\n  font-size: 1.15rem;\n  margin-top: 1rem;\n  color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 2rem 0 2rem; }\n  .dashboard-main-container .header-and-title {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    padding: 0 15px 0 15px;\n    font-family: \"Inter-Regular\";\n    font-size: 1.4rem;\n    font-weight: 600; }\n  .dashboard-main-container .stastics-cards-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: center; }\n    .dashboard-main-container .stastics-cards-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center; }\n  .dashboard-main-container .filter-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 2rem;\n    padding: 0 1.2rem 0 1.2rem; }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n      height: 35px !important;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      color: rgba(58, 53, 65, 0.5); }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n)::before {\n      background-color: transparent !important; }\n    .dashboard-main-container .filter-container .radio-selection .overall {\n      border-radius: 5px 0 0 5px !important; }\n    .dashboard-main-container .filter-container .radio-selection .mine {\n      border-radius: 0 5px 5px 0 !important; }\n  .dashboard-main-container .center {\n    align-items: center;\n    justify-content: center; }\n  .dashboard-main-container .height-pie-rem {\n    height: 26.2rem; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between !important; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n      display: flex !important;\n      width: 38%; }\n  .dashboard-main-container .height-bar-rem {\n    height: 29rem; }\n  .dashboard-main-container .height-map-rem {\n    height: 510px; }\n  .dashboard-main-container .stastics-and-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: 2rem;\n    margin-bottom: 2rem; }\n    .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n        display: flex;\n        flex-direction: column;\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 0 1rem 0.7rem 1rem;\n        width: 100%; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n          width: 100%;\n          margin-top: 2rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: space-between;\n          width: 100%;\n          padding: 1rem 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n            font-family: \"Inter\";\n            font-style: normal;\n            font-weight: 600;\n            width: 90%;\n            font-size: 1.15rem;\n            color: rgba(58, 53, 65, 0.8); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .info-container {\n            display: flex;\n            flex-direction: row;\n            width: 10%;\n            height: 30px;\n            align-items: center;\n            justify-content: flex-end; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          height: 150px;\n          margin-top: -0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n            display: flex;\n            flex-direction: column;\n            width: 70%;\n            padding: 0 1rem 0 0.8rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 400;\n              font-size: 0.875rem;\n              line-height: 1.375rem;\n              padding-left: 0.125rem;\n              color: rgba(58, 53, 65, 0.8);\n              margin-bottom: 0.5rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 600;\n              font-size: 1.6rem;\n              line-height: 22px;\n              padding-left: 0.125rem;\n              padding: 0;\n              color: #16b1ff; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            width: 30%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n              height: 80px; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: flex-start;\n          height: 100px;\n          width: 100%;\n          margin-top: -1rem;\n          margin-bottom: 0.5rem;\n          padding: 0 0.5rem 0 0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n              display: flex;\n              flex-direction: row;\n              width: 20%; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                justify-content: center;\n                border-radius: 50px;\n                width: 2.813rem;\n                height: 2.813rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n                background-color: rgba(255, 166, 166, 0.4); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n                background-color: rgba(254, 241, 173, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n                background-color: rgba(164, 162, 168, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n                background-color: rgba(185, 226, 244, 0.4); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n              display: flex;\n              flex-direction: column;\n              width: 80%;\n              height: 3.438rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n                display: flex;\n                flex-direction: row;\n                align-items: flex-start;\n                justify-content: space-between; }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  font-size: 0.875rem;\n                  color: rgba(58, 53, 65, 0.5); }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  height: 30px;\n                  font-size: 1.5rem;\n                  margin-top: -8px;\n                  color: rgba(58, 53, 65, 0.8); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          margin-top: 1rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: flex-start;\n          padding: 0 1rem 0 0.8rem;\n          height: 50px; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\n            display: flex;\n            flex-direction: row;\n            font-size: 0.75rem;\n            border-radius: 3.125rem;\n            padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n            color: #16b1ff;\n            background-color: rgba(185, 226, 244, 0.4); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          padding: 0 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n            display: flex;\n            flex-direction: row;\n            font-family: \"Inter\";\n            align-items: flex-start;\n            justify-content: flex-start;\n            font-style: normal;\n            font-weight: 600;\n            height: 50px;\n            font-size: 1.15rem;\n            margin-top: 1rem;\n            color: rgba(58, 53, 65, 0.8); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n              display: flex;\n              margin: 0 0 0 0.5rem;\n              font-family: \"Inter\";\n              font-size: 1.15rem;\n              font-weight: 500;\n              color: rgba(58, 53, 65, 0.5); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n            display: flex;\n            flex-direction: row;\n            align-items: center; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 100%; }\n  .dashboard-main-container .stastics-and-pie-card:hover {\n    box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n  .dashboard-main-container .stastics-charts-container-total-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 60px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-charts-container-certified-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-pie-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .maps-container {\n    display: flex;\n    flex-direction: row;\n    border-radius: 10px;\n    margin: 25px 20px 25px 15px;\n    height: auto; }\n    .dashboard-main-container .maps-container .maps-container-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n";
+styleInject(css_248z$5);
 
 var getTotalProgrammesInitialValues = function () {
     var totalProgrammmesStatusInitialValues = [];
@@ -21534,8 +22415,8 @@ var optionDonutPieB = {
     ],
 };
 
-var css_248z$5 = ".stastic-card-main-container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 11.2rem;\n  background-color: white;\n  border-radius: 0.625rem;\n  padding: 1rem 1.875rem 0 1.875rem; }\n  .stastic-card-main-container .title-section {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n    height: 3.3rem; }\n    .stastic-card-main-container .title-section .title {\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n      justify-content: flex-start;\n      font-family: 'Inter';\n      font-size: 1.15rem;\n      font-weight: 600;\n      width: 95%;\n      color: rgba(58, 53, 65, 0.8); }\n    .stastic-card-main-container .title-section .info-container {\n      display: flex;\n      flex-direction: row;\n      width: 5%;\n      align-items: center;\n      justify-content: flex-end; }\n  .stastic-card-main-container .values-section {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: flex-start;\n    justify-content: space-between;\n    height: 5rem; }\n    .stastic-card-main-container .values-section .values-and-unit {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: flex-start;\n      width: 60%; }\n      .stastic-card-main-container .values-section .values-and-unit .value {\n        font-family: 'Inter';\n        font-size: 2rem;\n        font-weight: 600;\n        width: 100%;\n        color: #16b1ff;\n        padding: 0; }\n      .stastic-card-main-container .values-section .values-and-unit .unit {\n        margin-bottom: -0.6rem;\n        margin-left: 0.2rem;\n        margin-top: -0.66rem;\n        font-family: 'Inter';\n        font-size: 0.875rem;\n        font-weight: 500;\n        width: 100%;\n        color: rgba(58, 53, 65, 0.5); }\n    .stastic-card-main-container .values-section .icon-section {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n      width: 40%;\n      justify-content: flex-start; }\n      .stastic-card-main-container .values-section .icon-section img {\n        height: 80px; }\n    .stastic-card-main-container .values-section .updated-on-null {\n      display: flex;\n      flex-direction: row;\n      font-size: 0.813rem;\n      border-radius: 3.125rem;\n      padding: 0 0.5rem 0 0.5rem;\n      margin-top: 1rem;\n      color: transparent;\n      background-color: transparent; }\n  .stastic-card-main-container .updated-on {\n    display: flex;\n    flex-direction: row;\n    font-size: 0.75rem;\n    border-radius: 3.125rem;\n    padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n    width: max-content;\n    color: #16b1ff;\n    background-color: rgba(185, 226, 244, 0.4); }\n\n.stastic-card-main-container:hover {\n  box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n";
-styleInject(css_248z$5);
+var css_248z$4 = ".stastic-card-main-container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 11.2rem;\n  background-color: white;\n  border-radius: 0.625rem;\n  padding: 1rem 1.875rem 0 1.875rem; }\n  .stastic-card-main-container .title-section {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n    height: 3.3rem; }\n    .stastic-card-main-container .title-section .title {\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n      justify-content: flex-start;\n      font-family: 'Inter';\n      font-size: 1.15rem;\n      font-weight: 600;\n      width: 95%;\n      color: rgba(58, 53, 65, 0.8); }\n    .stastic-card-main-container .title-section .info-container {\n      display: flex;\n      flex-direction: row;\n      width: 5%;\n      align-items: center;\n      justify-content: flex-end; }\n  .stastic-card-main-container .values-section {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: flex-start;\n    justify-content: space-between;\n    height: 5rem; }\n    .stastic-card-main-container .values-section .values-and-unit {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: flex-start;\n      width: 60%; }\n      .stastic-card-main-container .values-section .values-and-unit .value {\n        font-family: 'Inter';\n        font-size: 2rem;\n        font-weight: 600;\n        width: 100%;\n        color: #16b1ff;\n        padding: 0; }\n      .stastic-card-main-container .values-section .values-and-unit .unit {\n        margin-bottom: -0.6rem;\n        margin-left: 0.2rem;\n        margin-top: -0.66rem;\n        font-family: 'Inter';\n        font-size: 0.875rem;\n        font-weight: 500;\n        width: 100%;\n        color: rgba(58, 53, 65, 0.5); }\n    .stastic-card-main-container .values-section .icon-section {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n      width: 40%;\n      justify-content: flex-start; }\n      .stastic-card-main-container .values-section .icon-section img {\n        height: 80px; }\n    .stastic-card-main-container .values-section .updated-on-null {\n      display: flex;\n      flex-direction: row;\n      font-size: 0.813rem;\n      border-radius: 3.125rem;\n      padding: 0 0.5rem 0 0.5rem;\n      margin-top: 1rem;\n      color: transparent;\n      background-color: transparent; }\n  .stastic-card-main-container .updated-on {\n    display: flex;\n    flex-direction: row;\n    font-size: 0.75rem;\n    border-radius: 3.125rem;\n    padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n    width: max-content;\n    color: #16b1ff;\n    background-color: rgba(185, 226, 244, 0.4); }\n\n.stastic-card-main-container:hover {\n  box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n";
+styleInject(css_248z$4);
 
 var toolTipTextGen = function (companyRole, cardType, mine) {
     var text = '';
@@ -23548,243 +24429,6 @@ var RegistryDashboardComponent = function (props) {
                                     lastUpdateTransferLocations))))))))) : ("")));
 };
 
-var EditableContext = React.createContext(null);
-var EditableRow = function (_a) {
-    _a.index; var props = __rest(_a, ["index"]);
-    var form = Form.useForm()[0];
-    return (React.createElement(Form, { form: form, component: false },
-        React.createElement(EditableContext.Provider, { value: form },
-            React.createElement("tr", __assign({}, props)))));
-};
-var EditableCell = function (_a) {
-    var title = _a.title, editable = _a.editable, children = _a.children, dataIndex = _a.dataIndex, record = _a.record, handleSave = _a.handleSave, restProps = __rest(_a, ["title", "editable", "children", "dataIndex", "record", "handleSave"]);
-    var _b = useState(false), editing = _b[0], setEditing = _b[1];
-    var inputRef = useRef(null);
-    var form = useContext(EditableContext);
-    useEffect(function () {
-        if (editing) {
-            inputRef.current.focus();
-        }
-    }, [editing]);
-    var toggleEdit = function () {
-        var _a;
-        setEditing(!editing);
-        form.setFieldsValue((_a = {}, _a[dataIndex] = record[dataIndex], _a));
-    };
-    var save = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var values, errInfo_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, form.validateFields()];
-                case 1:
-                    values = _a.sent();
-                    toggleEdit();
-                    handleSave(__assign(__assign({}, record), values));
-                    return [3 /*break*/, 3];
-                case 2:
-                    errInfo_1 = _a.sent();
-                    console.log('Save failed:', errInfo_1);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var childNode = children;
-    if (editable) {
-        childNode = editing ? (React.createElement(Form.Item, { style: { margin: 0 }, name: dataIndex, rules: [
-                {
-                    required: true,
-                    message: "".concat(title, " is required."),
-                },
-            ] },
-            React.createElement(Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24 }, onClick: toggleEdit }, children));
-    }
-    return React.createElement("td", __assign({}, restProps), childNode);
-};
-
-var css_248z$4 = ".steps-actions {\n  display: flex;\n  flex-direction: row-reverse;\n  margin-right: 1rem;\n  justify-content: center; }\n  .steps-actions .action-btn {\n    border: 1px solid #16b1ff;\n    color: #16b1ff;\n    margin-right: 1rem; }\n  .steps-actions .back-btn {\n    border: 1px solid rgba(140, 140, 140, 0.7);\n    color: rgba(140, 140, 140, 0.7);\n    margin-right: 1rem; }\n  .steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n";
-styleInject(css_248z$4);
-
-var NdcDetailsComponent = function (props) {
-    var t = props.t; props.useConnection;
-    var RangePicker = DatePicker.RangePicker;
-    var _a = useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
-    var _b = useState(false), loading = _b[0]; _b[1];
-    var periodItemsRef = useRef([]);
-    var _c = useState([]), periodItems = _c[0], setPeriodItems = _c[1];
-    var _d = useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
-    var selectedPeriod = useRef({});
-    var handleSave = function (row) {
-        var newData = __spreadArray([], ndcDetailsData, true);
-        var index = newData.findIndex(function (item) { return row.key === item.key; });
-        var item = newData[index];
-        newData.splice(index, 1, __assign(__assign({}, item), row));
-        setNdcDetailsData(newData);
-    };
-    var defaultColumns = [
-        {
-            title: t("ndc:ndcColumnsNationalPlanObj"),
-            dataIndex: "nationalPlanObj",
-            key: "nationalPlanObj",
-            align: "left",
-            editable: true,
-        },
-        {
-            title: t("ndc:ndcColumnsKpi"),
-            dataIndex: "kpi",
-            key: "kpi",
-            align: "left",
-            editable: true,
-        },
-    ];
-    var columns = defaultColumns.map(function (col) {
-        if (!col.editable) {
-            return col;
-        }
-        return __assign(__assign({}, col), { onCell: function (record) { return ({
-                record: record,
-                editable: col.editable,
-                dataIndex: col.dataIndex,
-                title: col.title,
-                handleSave: handleSave,
-            }); } });
-    });
-    function onAddNewNdcDetail() {
-        var newData = {
-            startDate: new Date("2014-12-24 23:12:00"),
-            endDate: new Date("2014-12-24 23:12:00"),
-            nationalPlanObj: "sample text2",
-            kpi: 34,
-        };
-        setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
-    }
-    var components = {
-        body: {
-            row: EditableRow,
-            cell: EditableCell,
-        },
-    };
-    //commented because rendering issue
-    function ndcDetailsTableContent() {
-        return (React.createElement("div", null)
-        // <div>
-        //   <Button
-        //     onClick={onAddNewNdcDetail}
-        //     type="primary"
-        //     style={{
-        //       marginBottom: 16,
-        //     }}
-        //   >
-        //     Add a row
-        //   </Button>
-        //   <Table
-        //     components={components}
-        //     rowClassName={() => 'editable-row'}
-        //     bordered
-        //     dataSource={ndcDetailsData}
-        //     columns={columns}
-        //   />
-        // </div>
-        );
-    }
-    var onCancelPeriod = function () { };
-    var onAddNewPeriod = function () {
-        if (selectedPeriod && selectedPeriod.current) {
-            var newPeriodItem_1 = {
-                key: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
-                label: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
-                start: selectedPeriod.current.start,
-                end: selectedPeriod.current.end,
-                children: ndcDetailsTableContent(),
-            };
-            var existingIndex = periodItemsRef.current.findIndex(function (item) { return item.start === newPeriodItem_1.start || item.end === newPeriodItem_1.end; });
-            if (existingIndex === -1) {
-                setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
-                periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
-            }
-            else {
-                message.open({
-                    type: "error",
-                    content: t("ndc:rangeAlreadyExists"),
-                    duration: 3,
-                    style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                });
-            }
-        }
-    };
-    useEffect(function () {
-        if (periodItems && periodItems.length > 1) {
-            setSelectedTab(periodItems[periodItems.length - 1].key);
-        }
-    }, [periodItems]);
-    var onDateRangeChanged = function (range) {
-        var period = {
-            start: Number(moment(range[0]).year()),
-            end: Number(moment(range[1]).year()),
-        };
-        selectedPeriod.current = period;
-    };
-    function addNewPeriodContent() {
-        return (React.createElement("div", null,
-            React.createElement(Row, null,
-                React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
-            React.createElement(Row, { className: "mg-top-1" },
-                React.createElement("div", { className: "steps-actions" },
-                    React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
-                    React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
-    }
-    var onTabChange = function (key) {
-        setSelectedTab(key);
-    };
-    useEffect(function () {
-        var defaultNdcDetails = [
-            {
-                startDate: new Date("2022-03-25"),
-                endDate: new Date("2023-03-25"),
-                nationalPlanObj: "sample text1",
-                kpi: 23,
-            },
-            {
-                startDate: new Date("2023-03-25"),
-                endDate: new Date("2024-03-25"),
-                nationalPlanObj: "sample text2",
-                kpi: 34,
-            },
-            {
-                startDate: new Date("2024-03-25"),
-                endDate: new Date("2025-03-25"),
-                nationalPlanObj: "sample text3",
-                kpi: 25,
-            },
-        ];
-        var addNewItem = {
-            key: "add_new",
-            label: "Add New",
-            children: addNewPeriodContent(),
-        };
-        setPeriodItems([addNewItem]);
-        periodItemsRef.current = [addNewItem];
-        setNdcDetailsData(defaultNdcDetails);
-    }, []);
-    return (React.createElement("div", { className: "ndc-management content-container" },
-        React.createElement("div", { className: "title-bar" },
-            React.createElement(Row, { justify: "space-between", align: "middle" },
-                React.createElement(Col, { span: 20 },
-                    React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
-                    React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
-        React.createElement("div", null,
-            React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
-        selectedTab !== "add_new" && (React.createElement("div", null,
-            React.createElement("div", null,
-                React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: ndcDetailsData, columns: columns, footer: function () { return (React.createElement(Row, { justify: "center" },
-                        React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
-                                marginBottom: 16,
-                                width: '100%'
-                            } }, t("ndc:addNdcAction")))); } }))))));
-};
-
 var ImgWithFallback = function (_a) {
     var src = _a.src, alt = _a.alt, fallbackSrc = _a.fallbackSrc, mediaType = _a.mediaType, className = _a.className, delegated = __rest(_a, ["src", "alt", "fallbackSrc", "mediaType", "className"]);
     return (React.createElement("picture", null,
@@ -25218,5 +25862,5 @@ var TimelineBody = function (props) {
             React.createElement("div", { className: "remark-body" }, remark)))));
 };
 
-export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, StatsCardsTypes, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, isBase64, landAreaUnitList, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
+export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, StatsCardsTypes, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, isBase64, landAreaUnitList, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
 //# sourceMappingURL=index.js.map