@lanaco/lnc-react-ui 2.1.2 → 2.1.6

package/lib/index.esm.js

@@ -6513,7 +6513,7 @@ SwitchTransition.defaultProps = {
 };
 var SwitchTransition$1 = SwitchTransition;
 
-var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$6, _templateObject11$4, _templateObject12$4, _templateObject13$1;
+var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$2;
 var Container$k = newStyled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  box-shadow: 0 0 6px #bebebe;\n  border-radius: 0.175rem;\n  padding: 8px;\n  width: ", ";\n\n  font-family: ", ";\n"])), function (props) {
   return props.width && props.width !== "" ? props.width : "fit-content";
 }, theme.typography.fontFamily);
@@ -6535,9 +6535,9 @@ var ColumnTitle = newStyled.div(_templateObject8$7 || (_templateObject8$7 = _tag
 var HeaderColumnTitle = newStyled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral(["\n  padding: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-left: 8px;\n  padding-right: 8px;\n  font-size: calc(\n    ", " + 3px\n  );\n"])), function (props) {
   return props.theme.typography[props.size].fontSize;
 });
-var FooterRow = newStyled.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteral(["\n  display: flex;\n  // flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n\n  border: 1.7px solid #80808060;\n  background-color: whitesmoke;\n  border-radius: 0.175rem;\n  padding: 3px;\n\n  margin-top: 8px;\n"])));
-var ButtonContainer$3 = newStyled.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteral(["\n  margin: 3px;\n"])));
-var PageNumber = newStyled.div(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteral(["\n  font-size: calc(\n    ", " + 3px\n  );\n  margin: 3px 5px;\n"])), function (props) {
+var FooterRow = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral(["\n  display: flex;\n  // flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n\n  border: 1.7px solid #80808060;\n  background-color: whitesmoke;\n  border-radius: 0.175rem;\n  padding: 3px;\n\n  margin-top: 8px;\n"])));
+var ButtonContainer$3 = newStyled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral(["\n  margin: 3px;\n"])));
+var PageNumber = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral(["\n  font-size: calc(\n    ", " + 3px\n  );\n  margin: 3px 5px;\n"])), function (props) {
   return props.theme.typography[props.size].fontSize;
 }); //=======================================================================
 
@@ -6597,7 +6597,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
   return /*#__PURE__*/React__default.createElement(Container$k, _extends({}, themeProps, {
     className: className
   }), /*#__PURE__*/React__default.createElement(Global, {
-    styles: css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n          .item-enter {\n            opacity: 0;\n          }\n\n          .item-enter-active {\n            transition: all 0.4s ease-in;\n            opacity: 1;\n          }\n\n          .item-exit {\n          }\n\n          .item-exit-active {\n            opacity: 0;\n            transition: opacity 400ms ease-out;\n          }\n        "])))
+    styles: css(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n          .item-enter {\n            opacity: 0;\n          }\n\n          .item-enter-active {\n            transition: all 0.4s ease-in;\n            opacity: 1;\n          }\n\n          .item-exit {\n          }\n\n          .item-exit-active {\n            opacity: 0;\n            transition: opacity 400ms ease-out;\n          }\n        "])))
   }), /*#__PURE__*/React__default.createElement(Table$1, null, /*#__PURE__*/React__default.createElement(HeaderRow, null, /*#__PURE__*/React__default.createElement(HeaderColumnCheck, {
     check: style === "regular"
   }, style === "regular" ? /*#__PURE__*/React__default.createElement(CheckBox, {
@@ -22674,7 +22674,7 @@ var FadeIn = function FadeIn(_ref) {
   }), children);
 };
 
-var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$5, _DropdownLookup$propT;
+var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
 
 var paddingBySize$a = function paddingBySize(size) {
   if (size === "small") return "0.325rem 0.375rem";
@@ -22725,7 +22725,7 @@ var Input$3 = newStyled.input(_templateObject8$6 || (_templateObject8$6 = _tagge
 var Content$5 = newStyled.div(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  background-color: white;\n  z-index: 1;\n  margin-top: 0.0625rem;\n  padding: 0.1875rem;\n  width: calc(100% - 0.625rem);\n  border-radius: 0.15625rem;\n  box-shadow: 0 0 0.375rem #bebebe;\n  border: 0.125rem solid ", ";\n  flex-direction: column;\n  transition: all 250ms ease;\n"])), function (props) {
   return props.theme.palette[props.color].main;
 });
-var ContentItem$2 = newStyled.div(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  padding: 0.375rem;\n  cursor: pointer;\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: whitesmoke;\n    color: ", ";\n  }\n"])), function (props) {
+var ContentItem$2 = newStyled.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  padding: 0.375rem;\n  cursor: pointer;\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: whitesmoke;\n    color: ", ";\n  }\n"])), function (props) {
   return props.theme.typography.fontFamily;
 }, function (props) {
   return props.theme.typography[props.size].fontSize;
@@ -49260,27 +49260,27 @@ Pagination.propTypes = {
   color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
 };
 
-var _templateObject$f, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$4, _templateObject11$3, _templateObject12$3;
-var Container$d = newStyled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n  // border: 1.5px solid rgba(165, 164, 164, 0.4);\n  border-radius: 3px;\n  font-size: ", ";\n  font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
+var _templateObject$f, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$4;
+var Container$d = newStyled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n  border-radius: 3px;\n  font-size: ", ";\n  font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
 var Wrapper$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral([""])));
 var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  border-collapse: collapse;\n  width: 100%;\n"])));
-var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n  // background-color: ", ";\n  color: ", ";\n\n  border-top: 1px solid #80808025;\n"])), theme.palette.primary.main, theme.palette.primary.textDark);
+var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n  color: ", ";\n  border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
 var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid #80808025;\n"])));
 var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral(["\n  text-align: left;\n  transition: all 250ms ease;\n  font-weight: 900;\n\n  ", "\n\n  &:first-of-type {\n    border-radius: 3px 0 0 0;\n  }\n\n  &:last-of-type {\n    border-radius: 0 3px 0 0;\n  }\n\n  &:hover {\n    // background-color: ", ";\n    background-color: whitesmoke;\n    cursor: pointer;\n  }\n"])), function (props) {
   return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
 }, theme.palette.primary.light);
-var HeaderInnerCell = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  // justify-content: center;\n\n  & i {\n    color: black;\n  }\n"])));
-var HeaderCellText = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral(["\n  color: black;\n"])));
-var HeaderCellIcon = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral(["\n  color: black;\n  margin-left: auto;\n\n  & i {\n    color: ", ";\n  }\n"])), function (props) {
+var HeaderInnerCell$1 = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  // justify-content: center;\n\n  & i {\n    color: black;\n  }\n"])));
+var HeaderCellText$1 = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral(["\n  color: black;\n"])));
+var HeaderCellIcon$1 = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral(["\n  color: black;\n  margin-left: auto;\n\n  & i {\n    color: ", ";\n  }\n"])), function (props) {
   return props.sort ? "transparent" : "black";
 });
-var TableBody$1 = newStyled.tbody(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral([""])));
-var TableBodyRow$1 = newStyled.tr(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid transparent;\n  border-top: 1px solid transparent;\n\n  ", "\n\n  ", "\n"])), function (props) {
+var TableBody$1 = newStyled.tbody(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteral([""])));
+var TableBodyRow$1 = newStyled.tr(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid transparent;\n  border-top: 1px solid transparent;\n\n  ", "\n\n  ", "\n"])), function (props) {
   if (props.selectedRow !== true) return "\n        &:hover {\n          & > td {\n            // border-bottom: 1px solid ".concat(theme.palette.primary.light, ";\n            // border-top: 1px solid ").concat(theme.palette.primary.light, ";\n            background-color: whitesmoke;\n          }\n    \n        cursor: pointer;\n      }");else return "";
 }, function (props) {
   if (props.selectedRow === true) return "\n        background-color: ".concat(theme.palette.primary.lighter, ";\n        cursor: pointer;\n        \n        & > td {\n          // border-bottom: 1px solid ").concat(theme.palette.primary.light, ";\n          // border-top: 1px solid ").concat(theme.palette.primary.light, ";\n        }\n      ");else return "";
 });
-var TableBodyCell$1 = newStyled.td(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), function (props) {
+var TableBodyCell$1 = newStyled.td(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), function (props) {
   return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
 });
 
@@ -49450,7 +49450,9 @@ var TableView = function TableView(props) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TableBodyRow$1, {
       selectedRow: rowSelected,
       key: i
-    }, renderSelectionCell(dataItem, rowSelected, i), Columns.map(function (col, j) {
+    }, renderSelectionCell(dataItem, rowSelected, i), Columns.filter(function (x) {
+      return x.hide !== true;
+    }).map(function (col, j) {
       return renderBodyCell(dataItem, col, i, j);
     })));
   }; // const renderCell = (rowData, def, key) => {
@@ -49595,7 +49597,7 @@ var TableView = function TableView(props) {
     return /*#__PURE__*/React__default.createElement(TableHeadCell$1, {
       key: i,
       onClick: IsLoading || hideOrdering ? function () {} : headerClick
-    }, /*#__PURE__*/React__default.createElement(HeaderInnerCell, null, /*#__PURE__*/React__default.createElement(HeaderCellText, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default.createElement(HeaderCellIcon, {
+    }, /*#__PURE__*/React__default.createElement(HeaderInnerCell$1, null, /*#__PURE__*/React__default.createElement(HeaderCellText$1, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default.createElement(HeaderCellIcon$1, {
       sort: orderingIconClass === "sort"
     }, /*#__PURE__*/React__default.createElement(Icon$1, {
       color: "white",
@@ -49621,7 +49623,9 @@ var TableView = function TableView(props) {
 
   return /*#__PURE__*/React__default.createElement(Container$d, null, /*#__PURE__*/React__default.createElement(Wrapper$1, null, /*#__PURE__*/React__default.createElement(TableTable$1, {
     cellSpacing: 0
-  }, /*#__PURE__*/React__default.createElement(TableHead$1, null, /*#__PURE__*/React__default.createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.map(function (col, i) {
+  }, /*#__PURE__*/React__default.createElement(TableHead$1, null, /*#__PURE__*/React__default.createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
+    return x.hide !== true;
+  }).map(function (col, i) {
     return renderHeaderCell(col, i);
   }))), /*#__PURE__*/React__default.createElement(TableBody$1, null, renderBody())))); // return (
   //   <div>
@@ -49684,7 +49688,7 @@ Spinner.propTypes = {
 var css_248z$4 = ".fade1-enter {\n  opacity: 0;\n}\n.fade1-exit {\n  opacity: 1;\n}\n.fade1-enter-active {\n  opacity: 1;\n}\n.fade1-exit-active {\n  opacity: 0;\n}\n.fade1-enter-active,\n.fade1-exit-active {\n  transition: opacity 330ms;\n}\n\n.fade2-enter {\n  opacity: 0;\n}\n.fade2-exit {\n  opacity: 1;\n}\n.fade2-enter-active {\n  opacity: 1;\n}\n.fade2-exit-active {\n  opacity: 0;\n}\n.fade2-enter-active,\n.fade2-exit-active {\n  transition: opacity 330ms;\n}\n";
 styleInject(css_248z$4);
 
-var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$2;
+var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3;
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -49725,9 +49729,9 @@ var FlexItem$1 = newStyled.div(_templateObject6$5 || (_templateObject6$5 = _tagg
 newStyled.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral(["\n  margin-top: 5px;\n  padding: 8px;\n  border: 2px solid rgba(255, 0, 0, 0.725);\n  background-color: rgba(252, 79, 79, 0.104);\n  font-size: 11px;\n"])));
 newStyled.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral(["\n  color: rgb(180, 3, 3);\n"])));
 var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  width: 100%;\n  height: 100%;\n  background-color: #eceaea;\n  z-index: 10000000;\n  opacity: 0.2;\n  filter: alpha(opacity=20);\n"])));
-var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n  z-index: 10000000;\n"])));
-var Loader$1 = newStyled.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 48%;\n  left: 47%;\n"])));
-var DivRelative$1 = newStyled.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n  z-index: 10000000;\n"])));
+var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 48%;\n  left: 47%;\n"])));
+var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
 
 var DataView = function DataView(props) {
   var emptyFunc = function emptyFunc() {};
@@ -50263,23 +50267,31 @@ FormMovement.propTypes = {
 var css_248z$3 = "@charset \"UTF-8\";\n@import \"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap\";\n\n:root {\n  /* BASE COLORS */\n  --color-base-blue: #00537a;\n  --color-base-blue-darker: #003b57;\n  --color-base-blue-lighter: #006999;\n  --color-base-gray: #a2a5ab;\n  --color-base-gray-darker: #777a80;\n  --color-base-gray-lighter: #dee1e6;\n  --color-base-gray-lightest: #f0f2f7;\n  --color-base-green: #2a963c;\n  --color-base-green-darker: #21732f;\n  --color-base-green-ligher: #3eb051;\n  --color-base-red: #e0223e;\n  --color-base-red-darker: #e3566b;\n  --color-base-red-ligher: #9c1f32;\n  --color-base-dirty-white: #fcfcfc;\n  --color-base-white: white;\n  --color-base-backgroud: #dceff5;\n\n  /* BASE FONTS */\n  --font-base-ubuntu: \"Ubuntu\", sans-serif;\n  --font-size-base: 14px;\n\n  /* DISABLED */\n  --disabled-bg-color: #dedede;\n  --disabled-text-color: #666666;\n\n  /* TRANSITIONS */\n  --transition-base-duration: 220ms;\n}\n\n.styles-module_baseContainer__38IbG {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 1px;\n  background-color: inherit;\n  background: inherit;\n  color: inherit;\n  width: max-content;\n  font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ {\n  width: min-content;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  padding: 1px;\n  background-color: inherit;\n  background: inherit;\n  color: inherit;\n  width: max-content;\n  font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ .styles-module_baseLabel__2rgVW {\n  width: auto;\n}\n\n.styles-module_baseLabel__2rgVW {\n  font-size: 0.8em;\n  font-weight: 400;\n  color: var(--color-base-gray-darker);\n  width: 100%;\n  display: flex;\n  justify-content: left;\n  align-items: flex-end;\n  height: 1em;\n  min-height: 1em;\n}\n\n.styles-module_baseInputHolder__3VF0D {\n  border: 0px;\n  height: 2em;\n  min-height: 2em;\n  width: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div {\n  min-height: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div > div {\n  min-height: 100%;\n}\n\n.styles-module_baseErrorText__M44G8 {\n  font-size: 0.8em;\n  font-weight: 400;\n  color: var(--color-base-red);\n  width: 100%;\n  display: flex;\n  justify-content: left;\n  align-items: flex-start;\n  height: 1em;\n  min-height: 1em;\n}\n\n/*----------------- ICONS AND FONTS ------------------------*/\n\n.styles-module_lnc__16g9S {\n  font-family: \"lnclines\";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.styles-module_ubuntuFont__ybxMw {\n  font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_lnc_anchor__1mOUZ:before {\n  content: \"\\61\";\n}\n.styles-module_lnc_armchair__1ya1K:before {\n  content: \"\\62\";\n}\n.styles-module_lnc_arrow_contract__g0Nfy:before {\n  content: \"\\63\";\n}\n.styles-module_lnc_arrow_down__3vJHh:before {\n  content: \"\\64\";\n}\n.styles-module_lnc_arrow_down_up__35ACC:before {\n  content: \"\\65\";\n}\n.styles-module_lnc_arrow_expand__wPIqf:before {\n  content: \"\\66\";\n}\n.styles-module_lnc_arrow_left___DGbf:before {\n  content: \"\\67\";\n}\n.styles-module_lnc_arrow_left_right__1PiwM:before {\n  content: \"\\68\";\n}\n.styles-module_lnc_arrow_right__1buc1:before {\n  content: \"\\69\";\n}\n.styles-module_lnc_arrow_right_left__A_6hC:before {\n  content: \"\\6a\";\n}\n.styles-module_lnc_arrow_up__27fzF:before {\n  content: \"\\6b\";\n}\n.styles-module_lnc_arrow_up_down__3XdKK:before {\n  content: \"\\6c\";\n}\n.styles-module_lnc_arrow_x__2PHh1:before {\n  content: \"\\6d\";\n}\n.styles-module_lnc_arrow_y__2IWUO:before {\n  content: \"\\6e\";\n}\n.styles-module_lnc_at__2SfkV:before {\n  content: \"\\6f\";\n}\n.styles-module_lnc_badge__1ar9m:before {\n  content: \"\\70\";\n}\n.styles-module_lnc_battery_empty__2UtUR:before {\n  content: \"\\71\";\n}\n.styles-module_lnc_battery_full__3iSFV:before {\n  content: \"\\72\";\n}\n.styles-module_lnc_battery_halfempty__HJsq8:before {\n  content: \"\\73\";\n}\n.styles-module_lnc_battery_halffull__34JQt:before {\n  content: \"\\74\";\n}\n.styles-module_lnc_bed__2Bv8u:before {\n  content: \"\\75\";\n}\n.styles-module_lnc_bell__3-99o:before {\n  content: \"\\76\";\n}\n.styles-module_lnc_bill__2WK08:before {\n  content: \"\\77\";\n}\n.styles-module_lnc_book__2uUqR:before {\n  content: \"\\78\";\n}\n.styles-module_lnc_bookmark__3xtMI:before {\n  content: \"\\79\";\n}\n.styles-module_lnc_box__1GQ6r:before {\n  content: \"\\7a\";\n}\n.styles-module_lnc_box2__1mgu3:before {\n  content: \"\\41\";\n}\n.styles-module_lnc_briefcase__1WEOE:before {\n  content: \"\\42\";\n}\n.styles-module_lnc_brightness__2b3sQ:before {\n  content: \"\\43\";\n}\n.styles-module_lnc_broom__lxEs9:before {\n  content: \"\\44\";\n}\n.styles-module_lnc_browser__11uX3:before {\n  content: \"\\45\";\n}\n.styles-module_lnc_browser_software__3WUtv:before {\n  content: \"\\46\";\n}\n.styles-module_lnc_brush__6mPfK:before {\n  content: \"\\47\";\n}\n.styles-module_lnc_bubble__19XCr:before {\n  content: \"\\48\";\n}\n.styles-module_lnc_bubble_check__3EDz2:before {\n  content: \"\\49\";\n}\n.styles-module_lnc_bubble_dots__3UiH_:before {\n  content: \"\\4a\";\n}\n.styles-module_lnc_bubbles__3IArb:before {\n  content: \"\\4b\";\n}\n.styles-module_lnc_building__2xoeI:before {\n  content: \"\\4c\";\n}\n.styles-module_lnc_bulb__o7i2f:before {\n  content: \"\\4d\";\n}\n.styles-module_lnc_calculations__1xUSk:before {\n  content: \"\\4e\";\n}\n.styles-module_lnc_calendar__3FtsF:before {\n  content: \"\\4f\";\n}\n.styles-module_lnc_cctv__3RxxA:before {\n  content: \"\\50\";\n}\n.styles-module_lnc_chart__1vxPE:before {\n  content: \"\\51\";\n}\n.styles-module_lnc_chart_down__3lKSV:before {\n  content: \"\\52\";\n}\n.styles-module_lnc_chart_pie__-pJZV:before {\n  content: \"\\53\";\n}\n.styles-module_lnc_chart_up__1ZO5x:before {\n  content: \"\\54\";\n}\n.styles-module_lnc_check__1RPUp:before {\n  content: \"\\55\";\n}\n.styles-module_lnc_checkbox__2Dzv0:before {\n  content: \"\\56\";\n}\n.styles-module_lnc_clock__1_sBx:before {\n  content: \"\\57\";\n}\n.styles-module_lnc_clone__3EVg8:before {\n  content: \"\\58\";\n}\n.styles-module_lnc_cloud__3G0gK:before {\n  content: \"\\59\";\n}\n.styles-module_lnc_cloud_download__3wjl3:before {\n  content: \"\\5a\";\n}\n.styles-module_lnc_cloud_no__2_RSN:before {\n  content: \"\\30\";\n}\n.styles-module_lnc_cloud_upload__UtjX8:before {\n  content: \"\\31\";\n}\n.styles-module_lnc_code__83D7f:before {\n  content: \"\\32\";\n}\n.styles-module_lnc_coffe__3lvps:before {\n  content: \"\\33\";\n}\n.styles-module_lnc_cog__1cfYg:before {\n  content: \"\\34\";\n}\n.styles-module_lnc_comparation__15_VM:before {\n  content: \"\\35\";\n}\n.styles-module_lnc_contract__3vyx2:before {\n  content: \"\\36\";\n}\n.styles-module_lnc_cpu__1ASGP:before {\n  content: \"\\37\";\n}\n.styles-module_lnc_creditcard__2wdg_:before {\n  content: \"\\38\";\n}\n.styles-module_lnc_cursor__1keXd:before {\n  content: \"\\39\";\n}\n.styles-module_lnc_cut__3n_2y:before {\n  content: \"\\21\";\n}\n.styles-module_lnc_dashboard__3nW31:before {\n  content: \"\\22\";\n}\n.styles-module_lnc_database__2n8Gb:before {\n  content: \"\\23\";\n}\n.styles-module_lnc_down__2C-R7:before {\n  content: \"\\24\";\n}\n.styles-module_lnc_download__3W4eN:before {\n  content: \"\\25\";\n}\n.styles-module_lnc_download2__FQJRc:before {\n  content: \"\\26\";\n}\n.styles-module_lnc_drop__prcFy:before {\n  content: \"\\27\";\n}\n.styles-module_lnc_earth__2kk6C:before {\n  content: \"\\28\";\n}\n.styles-module_lnc_equal__1idc4:before {\n  content: \"\\29\";\n}\n.styles-module_lnc_eraser__140Tm:before {\n  content: \"\\2a\";\n}\n.styles-module_lnc_exchange__1F8Xe:before {\n  content: \"\\2b\";\n}\n.styles-module_lnc_exchange2__TK1ey:before {\n  content: \"\\2c\";\n}\n.styles-module_lnc_expand__SuCNT:before {\n  content: \"\\2d\";\n}\n.styles-module_lnc_eyedropper__ztoSi:before {\n  content: \"\\2e\";\n}\n.styles-module_lnc_file__1qiUG:before {\n  content: \"\\2f\";\n}\n.styles-module_lnc_file_broken__1fRaz:before {\n  content: \"\\3a\";\n}\n.styles-module_lnc_file_check__1Afkt:before {\n  content: \"\\3b\";\n}\n.styles-module_lnc_file_download__B7cX-:before {\n  content: \"\\3c\";\n}\n.styles-module_lnc_file_image__2li0v:before {\n  content: \"\\3d\";\n}\n.styles-module_lnc_file_minus__2GUoy:before {\n  content: \"\\3e\";\n}\n.styles-module_lnc_file_plus__1tiZy:before {\n  content: \"\\3f\";\n}\n.styles-module_lnc_file_text__NwM9m:before {\n  content: \"\\40\";\n}\n.styles-module_lnc_file_upload__1IwPA:before {\n  content: \"\\5b\";\n}\n.styles-module_lnc_file_warning__2e102:before {\n  content: \"\\5d\";\n}\n.styles-module_lnc_file_x__BSBn1:before {\n  content: \"\\5e\";\n}\n.styles-module_lnc_filter__1gYeq:before {\n  content: \"\\5f\";\n}\n.styles-module_lnc_fingerprint__L3_2j:before {\n  content: \"\\60\";\n}\n.styles-module_lnc_flag__3FTpw:before {\n  content: \"\\7b\";\n}\n.styles-module_lnc_flashdrive__11xkO:before {\n  content: \"\\7c\";\n}\n.styles-module_lnc_folder__1mArN:before {\n  content: \"\\7d\";\n}\n.styles-module_lnc_fragile__a_RLx:before {\n  content: \"\\7e\";\n}\n.styles-module_lnc_glass__wBAnb:before {\n  content: \"\\5c\";\n}\n.styles-module_lnc_grid__1B2cs:before {\n  content: \"\\e000\";\n}\n.styles-module_lnc_grid_masonery__6vAwP:before {\n  content: \"\\e001\";\n}\n.styles-module_lnc_harddrive__3HecB:before {\n  content: \"\\e002\";\n}\n.styles-module_lnc_headphones__1IRid:before {\n  content: \"\\e003\";\n}\n.styles-module_lnc_heart__30_Dc:before {\n  content: \"\\e004\";\n}\n.styles-module_lnc_home__1LWG5:before {\n  content: \"\\e005\";\n}\n.styles-module_lnc_image__3XWmh:before {\n  content: \"\\e006\";\n}\n.styles-module_lnc_in__IuJWj:before {\n  content: \"\\e007\";\n}\n.styles-module_lnc_inbox__E74SS:before {\n  content: \"\\e008\";\n}\n.styles-module_lnc_infinity__1RvvQ:before {\n  content: \"\\e009\";\n}\n.styles-module_lnc_info__z95Ob:before {\n  content: \"\\e00a\";\n}\n.styles-module_lnc_injection__2IsuK:before {\n  content: \"\\e00b\";\n}\n.styles-module_lnc_internet__cxoEO:before {\n  content: \"\\e00c\";\n}\n.styles-module_lnc_internet2__3LMdv:before {\n  content: \"\\e00d\";\n}\n.styles-module_lnc_intersect__39vbH:before {\n  content: \"\\e00e\";\n}\n.styles-module_lnc_key__2y70L:before {\n  content: \"\\e00f\";\n}\n.styles-module_lnc_laptop__34gQU:before {\n  content: \"\\e010\";\n}\n.styles-module_lnc_layers__36j1J:before {\n  content: \"\\e011\";\n}\n.styles-module_lnc_layout__3Nu0-:before {\n  content: \"\\e012\";\n}\n.styles-module_lnc_leaf__TnTjW:before {\n  content: \"\\e013\";\n}\n.styles-module_lnc_left__10F5v:before {\n  content: \"\\e014\";\n}\n.styles-module_lnc_lifering__2xRtL:before {\n  content: \"\\e015\";\n}\n.styles-module_lnc_link__1L7Lq:before {\n  content: \"\\e016\";\n}\n.styles-module_lnc_list__3cGnx:before {\n  content: \"\\e017\";\n}\n.styles-module_lnc_list2__1g9i8:before {\n  content: \"\\e018\";\n}\n.styles-module_lnc_location__2K1vc:before {\n  content: \"\\e019\";\n}\n.styles-module_lnc_lock_off__1pwfe:before {\n  content: \"\\e01a\";\n}\n.styles-module_lnc_lock_on__R7CsM:before {\n  content: \"\\e01b\";\n}\n.styles-module_lnc_magnet__1xUko:before {\n  content: \"\\e01c\";\n}\n.styles-module_lnc_mail__1-4Wq:before {\n  content: \"\\e01d\";\n}\n.styles-module_lnc_map__2G6fo:before {\n  content: \"\\e01e\";\n}\n.styles-module_lnc_megaphone__1U1Tj:before {\n  content: \"\\e01f\";\n}\n.styles-module_lnc_microphone__1NMns:before {\n  content: \"\\e020\";\n}\n.styles-module_lnc_microphone_no__2RWUY:before {\n  content: \"\\e021\";\n}\n.styles-module_lnc_microscope__2AQCZ:before {\n  content: \"\\e022\";\n}\n.styles-module_lnc_minus__28NzW:before {\n  content: \"\\e023\";\n}\n.styles-module_lnc_mobile__3U8Lo:before {\n  content: \"\\e024\";\n}\n.styles-module_lnc_monitor__1FYh4:before {\n  content: \"\\e025\";\n}\n.styles-module_lnc_move__2cnG4:before {\n  content: \"\\e026\";\n}\n.styles-module_lnc_move2__2-1c-:before {\n  content: \"\\e027\";\n}\n.styles-module_lnc_network__1MijV:before {\n  content: \"\\e028\";\n}\n.styles-module_lnc_onoff__1ZOVJ:before {\n  content: \"\\e029\";\n}\n.styles-module_lnc_out___Zvj0:before {\n  content: \"\\e02a\";\n}\n.styles-module_lnc_pause__2GVgP:before {\n  content: \"\\e02b\";\n}\n.styles-module_lnc_pencil__2agKN:before {\n  content: \"\\e02c\";\n}\n.styles-module_lnc_pencil_ruler__24nqS:before {\n  content: \"\\e02d\";\n}\n.styles-module_lnc_peper_plane__1qFRM:before {\n  content: \"\\e02e\";\n}\n.styles-module_lnc_peperclip__13DaN:before {\n  content: \"\\e02f\";\n}\n.styles-module_lnc_phone__19YBI:before {\n  content: \"\\e030\";\n}\n.styles-module_lnc_phone_ringing__a3Kv8:before {\n  content: \"\\e031\";\n}\n.styles-module_lnc_photo__18Q1V:before {\n  content: \"\\e032\";\n}\n.styles-module_lnc_photo_no__3oatk:before {\n  content: \"\\e033\";\n}\n.styles-module_lnc_pin__3lM5Z:before {\n  content: \"\\e034\";\n}\n.styles-module_lnc_plaster__2vI3i:before {\n  content: \"\\e035\";\n}\n.styles-module_lnc_play__1OC8v:before {\n  content: \"\\e036\";\n}\n.styles-module_lnc_plus__1c00f:before {\n  content: \"\\e037\";\n}\n.styles-module_lnc_power_cable__Kxpjn:before {\n  content: \"\\e038\";\n}\n.styles-module_lnc_presentation__34sFZ:before {\n  content: \"\\e039\";\n}\n.styles-module_lnc_printer__CTvDs:before {\n  content: \"\\e03a\";\n}\n.styles-module_lnc_question__Fx68o:before {\n  content: \"\\e03b\";\n}\n.styles-module_lnc_redo__128IY:before {\n  content: \"\\e03c\";\n}\n.styles-module_lnc_refresh__MrGzd:before {\n  content: \"\\e03d\";\n}\n.styles-module_lnc_reload__9QGWt:before {\n  content: \"\\e03e\";\n}\n.styles-module_lnc_repeat__2zF-q:before {\n  content: \"\\e03f\";\n}\n.styles-module_lnc_replace__2NrlU:before {\n  content: \"\\e040\";\n}\n.styles-module_lnc_right__1Tjn9:before {\n  content: \"\\e041\";\n}\n.styles-module_lnc_rocket__2IgNF:before {\n  content: \"\\e042\";\n}\n.styles-module_lnc_router__3Lmyt:before {\n  content: \"\\e043\";\n}\n.styles-module_lnc_ruler__1zJy4:before {\n  content: \"\\e044\";\n}\n.styles-module_lnc_safety__ODng_:before {\n  content: \"\\e045\";\n}\n.styles-module_lnc_search__3fsCd:before {\n  content: \"\\e047\";\n}\n.styles-module_lnc_settings__aYSqN:before {\n  content: \"\\e048\";\n}\n.styles-module_lnc_settings2__1QxU2:before {\n  content: \"\\e049\";\n}\n.styles-module_lnc_share__u6ngi:before {\n  content: \"\\e04a\";\n}\n.styles-module_lnc_shield_check__2EWRM:before {\n  content: \"\\e04b\";\n}\n.styles-module_lnc_shop_basket__26vEs:before {\n  content: \"\\e04c\";\n}\n.styles-module_lnc_shop_cart__3N0Nv:before {\n  content: \"\\e04d\";\n}\n.styles-module_lnc_shop_cart2__1TlL0:before {\n  content: \"\\e04e\";\n}\n.styles-module_lnc_shuffle__vZLlv:before {\n  content: \"\\e04f\";\n}\n.styles-module_lnc_slash__2YK_q:before {\n  content: \"\\e050\";\n}\n.styles-module_lnc_spanner__129hA:before {\n  content: \"\\e051\";\n}\n.styles-module_lnc_speaker__19oJH:before {\n  content: \"\\e052\";\n}\n.styles-module_lnc_speaker_minus__BLI9-:before {\n  content: \"\\e053\";\n}\n.styles-module_lnc_speaker_plus__1QtrR:before {\n  content: \"\\e054\";\n}\n.styles-module_lnc_speaker_x__1VIfZ:before {\n  content: \"\\e055\";\n}\n.styles-module_lnc_star__3kpNQ:before {\n  content: \"\\e056\";\n}\n.styles-module_lnc_stop__tNiYb:before {\n  content: \"\\e057\";\n}\n.styles-module_lnc_tag__2Fv-2:before {\n  content: \"\\e059\";\n}\n.styles-module_lnc_target__VrxN8:before {\n  content: \"\\e05a\";\n}\n.styles-module_lnc_trash__3cF6w:before {\n  content: \"\\e05b\";\n}\n.styles-module_lnc_trolley__3OvXo:before {\n  content: \"\\e05c\";\n}\n.styles-module_lnc_undo__1tJoX:before {\n  content: \"\\e05d\";\n}\n.styles-module_lnc_up__3eKPI:before {\n  content: \"\\e05e\";\n}\n.styles-module_lnc_upload__3gwmX:before {\n  content: \"\\e05f\";\n}\n.styles-module_lnc_upload2__3hTP1:before {\n  content: \"\\e060\";\n}\n.styles-module_lnc_user__1942u:before {\n  content: \"\\e061\";\n}\n.styles-module_lnc_user2__21L0B:before {\n  content: \"\\e062\";\n}\n.styles-module_lnc_user3__12PJt:before {\n  content: \"\\e063\";\n}\n.styles-module_lnc_users__uUh5y:before {\n  content: \"\\e064\";\n}\n.styles-module_lnc_video_player__eTudW:before {\n  content: \"\\e065\";\n}\n.styles-module_lnc_wallet__NWMof:before {\n  content: \"\\e066\";\n}\n.styles-module_lnc_warning__1XnCh:before {\n  content: \"\\e067\";\n}\n.styles-module_lnc_wheelchair__-fneh:before {\n  content: \"\\e068\";\n}\n.styles-module_lnc_wifi__1PB6c:before {\n  content: \"\\e069\";\n}\n.styles-module_lnc_x__2NqwY:before {\n  content: \"\\e06a\";\n}\n.styles-module_lnc_zoom_in__2p5NL:before {\n  content: \"\\e06b\";\n}\n.styles-module_lnc_zoom_out__3-N8X:before {\n  content: \"\\e06c\";\n}\n.styles-module_lnc_firewall__1T-xo:before {\n  content: \"\\e06d\";\n}\n.styles-module_lnc_down_double__eQn46:before {\n  content: \"\\e046\";\n}\n.styles-module_lnc_file_search__2NdXs:before {\n  content: \"\\e06e\";\n}\n.styles-module_lnc_filter2__25zUC:before {\n  content: \"\\e06f\";\n}\n.styles-module_lnc_flash__2spoO:before {\n  content: \"\\e070\";\n}\n.styles-module_lnc_left_double__lGlAL:before {\n  content: \"\\e071\";\n}\n.styles-module_lnc_right_double__2LGrY:before {\n  content: \"\\e072\";\n}\n.styles-module_lnc_save__1es4N:before {\n  content: \"\\e073\";\n}\n.styles-module_lnc_save_plus__3mggy:before {\n  content: \"\\e074\";\n}\n.styles-module_lnc_server__npXWA:before {\n  content: \"\\e075\";\n}\n.styles-module_lnc_table__Wz3bc:before {\n  content: \"\\e076\";\n}\n.styles-module_lnc_table2__11-XY:before {\n  content: \"\\e077\";\n}\n.styles-module_lnc_time_back__3_jgl:before {\n  content: \"\\e078\";\n}\n.styles-module_lnc_time_forward__3ttuV:before {\n  content: \"\\e079\";\n}\n.styles-module_lnc_up_double__2McTh:before {\n  content: \"\\e07a\";\n}\n.styles-module_lnc_align_center__1lFF1:before {\n  content: \"\\e058\";\n}\n.styles-module_lnc_align_left__2EEHH:before {\n  content: \"\\e07b\";\n}\n.styles-module_lnc_align_right__wdwMo:before {\n  content: \"\\e07c\";\n}\n.styles-module_lnc_car__2O1gg:before {\n  content: \"\\e07d\";\n}\n.styles-module_lnc_cashregister__29tQ6:before {\n  content: \"\\e07e\";\n}\n.styles-module_lnc_file_excel__1vcQh:before {\n  content: \"\\e07f\";\n}\n.styles-module_lnc_file_pdf__2t9O1:before {\n  content: \"\\e080\";\n}\n.styles-module_lnc_file_word__2DGwd:before {\n  content: \"\\e081\";\n}\n.styles-module_lnc_puzzle__2C4g9:before {\n  content: \"\\e082\";\n}\n.styles-module_lnc_rotate_vertical__NlAcx:before {\n  content: \"\\e083\";\n}\n.styles-module_lnc_rotate_horizontal__1A2w-:before {\n  content: \"\\e084\";\n}\n.styles-module_lnc_sum__10wqe:before {\n  content: \"\\e085\";\n}\n.styles-module_lnc_usb__12ZHW:before {\n  content: \"\\e086\";\n}\n.styles-module_lnc_checklist__2Sfo3:before {\n  content: \"\\e087\";\n}\n.styles-module_lnc_checklist2__3UhHY:before {\n  content: \"\\e088\";\n}\n.styles-module_lnc_concentrate__umSCo:before {\n  content: \"\\e089\";\n}\n.styles-module_lnc_cutlery__13cgD:before {\n  content: \"\\e08a\";\n}\n.styles-module_lnc_exchange3__3AZld:before {\n  content: \"\\e08b\";\n}\n.styles-module_lnc_graduate_cap__1ByaN:before {\n  content: \"\\e08c\";\n}\n.styles-module_lnc_id__2geFo:before {\n  content: \"\\e08d\";\n}\n.styles-module_lnc_printer_check__3iWO0:before {\n  content: \"\\e08e\";\n}\n.styles-module_lnc_slide_left__1lNSO:before {\n  content: \"\\e08f\";\n}\n.styles-module_lnc_slide_right__2Kkpl:before {\n  content: \"\\e090\";\n}\n.styles-module_lnc_user_switch__2Hki4:before {\n  content: \"\\e091\";\n}\n.styles-module_lnc_aggregate__1b8Xb:before {\n  content: \"\\e092\";\n}\n.styles-module_lnc_backspace__2SgjG:before {\n  content: \"\\e093\";\n}\n.styles-module_lnc_code2__1EbMZ:before {\n  content: \"\\e094\";\n}\n.styles-module_lnc_edit__3BwLt:before {\n  content: \"\\e095\";\n}\n.styles-module_lnc_handshake__k9t7X:before {\n  content: \"\\e096\";\n}\n.styles-module_lnc_input__1BsI_:before {\n  content: \"\\e097\";\n}\n.styles-module_lnc_intersect2__D0t4N:before {\n  content: \"\\e098\";\n}\n.styles-module_lnc_logo_dropbox__1bBky:before {\n  content: \"\\e099\";\n}\n.styles-module_lnc_logo_facebook__2LFx7:before {\n  content: \"\\e09a\";\n}\n.styles-module_lnc_logo_gdrive__lm2Xx:before {\n  content: \"\\e09b\";\n}\n.styles-module_lnc_logo_hangouts__3mBpc:before {\n  content: \"\\e09c\";\n}\n.styles-module_lnc_logo_instagram__1yoE_:before {\n  content: \"\\e09d\";\n}\n.styles-module_lnc_logo_linkedin___bnn1:before {\n  content: \"\\e09e\";\n}\n.styles-module_lnc_logo_messenger__22UXJ:before {\n  content: \"\\e09f\";\n}\n.styles-module_lnc_logo_paypal__1ctNm:before {\n  content: \"\\e0a0\";\n}\n.styles-module_lnc_logo_pinterest__2WBvf:before {\n  content: \"\\e0a1\";\n}\n.styles-module_lnc_logo_playstore__2dNKy:before {\n  content: \"\\e0a2\";\n}\n.styles-module_lnc_logo_skype__4zqs0:before {\n  content: \"\\e0a3\";\n}\n.styles-module_lnc_logo_twitter__2qNGG:before {\n  content: \"\\e0a4\";\n}\n.styles-module_lnc_logo_viber__a0Vu8:before {\n  content: \"\\e0a5\";\n}\n.styles-module_lnc_logo_whatsapp__1pRGX:before {\n  content: \"\\e0a6\";\n}\n.styles-module_lnc_logo_youtube__2rBKz:before {\n  content: \"\\e0a7\";\n}\n.styles-module_lnc_measure__7wXpY:before {\n  content: \"\\e0a8\";\n}\n.styles-module_lnc_percent__3qmzf:before {\n  content: \"\\e0a9\";\n}\n.styles-module_lnc_scan_barcode__2BfUT:before {\n  content: \"\\e0aa\";\n}\n.styles-module_lnc_scan_number__20DM5:before {\n  content: \"\\e0ab\";\n}\n.styles-module_lnc_scan_qr__2TG1C:before {\n  content: \"\\e0ac\";\n}\n.styles-module_lnc_user_speaker__2XqGz:before {\n  content: \"\\e0ad\";\n}\n.styles-module_lnc_users_connected__2gVEp:before {\n  content: \"\\e0ae\";\n}\n.styles-module_lnc_dots__iFPx7:before {\n  content: \"\\e0af\";\n}\n.styles-module_lnc_grid_plus__13nKs:before {\n  content: \"\\e0b0\";\n}\n.styles-module_lnc_sort_vertical__27lK1:before {\n  content: \"\\e0b1\";\n}\n.styles-module_lnc_sort_horizontal__NCpoS:before {\n  content: \"\\e0b2\";\n}\n.styles-module_lnc_grid_minus__YaD5A:before {\n  content: \"\\e0b3\";\n}\n.styles-module_lnc_calendar_check__Xk2zp:before {\n  content: \"\\e0b4\";\n}\n.styles-module_lnc_calendar_minus__1WJp0:before {\n  content: \"\\e0b5\";\n}\n.styles-module_lnc_calendar_plus__3dmG_:before {\n  content: \"\\e0b6\";\n}\n.styles-module_lnc_calendar_x__MI4zD:before {\n  content: \"\\e0b7\";\n}\n.styles-module_lnc_eye__3StZy:before {\n  content: \"\\e0b8\";\n}\n.styles-module_lnc_eye_no__3YiHU:before {\n  content: \"\\e0b9\";\n}\n";
 styleInject(css_248z$3);
 
-var _templateObject$b, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3;
-var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n  border: 1.5px solid rgba(165, 164, 164, 0.4);\n  border-radius: 3px;\n  font-size: ", ";\n  font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
+var _templateObject$b, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1;
+var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n  border-radius: 3px;\n  font-size: ", ";\n  font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
 var Wrapper = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral([""])));
 var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n  border-collapse: collapse;\n  width: 100%;\n"])));
-var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  color: ", ";\n"])), theme.palette.primary.main, theme.palette.primary.text);
-var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral([""])));
-var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n  text-align: left;\n  transition: all 250ms ease;\n\n  ", "\n\n  &:first-of-type {\n    border-radius: 3px 0 0 0;\n  }\n\n  &:last-of-type {\n    border-radius: 0 3px 0 0;\n  }\n\n  &:hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n"])), function (props) {
+var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n  color: ", ";\n  border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
+var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid #80808025;\n"])));
+var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n  text-align: left;\n  transition: all 250ms ease;\n  font-weight: 900;\n\n  ", "\n\n  &:first-of-type {\n    border-radius: 3px 0 0 0;\n  }\n\n  &:last-of-type {\n    border-radius: 0 3px 0 0;\n  }\n\n  &:hover {\n    // background-color: ", ";\n    background-color: #f0f0f0;\n    cursor: pointer;\n  }\n"])), function (props) {
   return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
 }, theme.palette.primary.light);
-var TableBody = newStyled.tbody(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral([""])));
-var TableBodyRow = newStyled.tr(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid transparent;\n  border-top: 1px solid transparent;\n\n  ", "\n\n  ", "\n"])), function (props) {
-  if (props.selectedRow !== true) return "\n        &:nth-of-type(even) {\n          background-color: #f5f5f5;\n        }\n\n        &:hover {\n          & > td {\n            border-bottom: 1px solid ".concat(theme.palette.primary.light, ";\n            border-top: 1px solid ").concat(theme.palette.primary.light, ";\n          }\n    \n        cursor: pointer;\n      }");else return "";
+var HeaderInnerCell = newStyled.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  // justify-content: center;\n\n  & i {\n    color: black;\n  }\n"])));
+var HeaderCellText = newStyled.span(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteral(["\n  color: black;\n"])));
+var HeaderCellIcon = newStyled.span(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteral(["\n  color: black;\n  margin-left: auto;\n\n  & i {\n    color: ", ";\n  }\n"])), function (props) {
+  return props.sort ? "transparent" : "black";
+});
+var TableBody = newStyled.tbody(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral([""])));
+var TableBodyRowNested = newStyled.tr(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid transparent;\n  border-top: 1px solid transparent;\n  background-color: #f7f7f7;\n  cursor: normal;\n"])));
+var TableBodyRow = newStyled.tr(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid transparent;\n  border-top: 1px solid transparent;\n  background-color: ", ";\n\n  ", "\n  ", ";\n"])), function (props) {
+  return props.nested ? "#f7f7f7" : "inherit";
+}, function (props) {
+  if (props.selectedRow !== true) return "\n      &:hover {\n        & > td {\n          background-color: #f0f0f0;\n        }\n  \n      cursor: pointer;\n    }";else return "";
 }, function (props) {
-  if (props.selectedRow === true) return "\n        background-color: ".concat(theme.palette.primary.lighter, ";\n        \n        & > td {\n          border-bottom: 1px solid ").concat(theme.palette.primary.light, ";\n          border-top: 1px solid ").concat(theme.palette.primary.light, ";\n        }\n      ");else return "";
+  if (props.selectedRow === true) return "\n      background-color: ".concat(theme.palette.primary.lighter, ";\n      cursor: pointer;\n    ");else return "";
 });
-var TableBodyCell = newStyled.td(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
-  return props.selectionCell === true ? "padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 10px;";
+var TableBodyCell = newStyled.td(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), function (props) {
+  return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
 });
 
 var Table = function Table(props) {
@@ -50328,7 +50340,12 @@ var Table = function Table(props) {
       EnableOrdering = _ref3$EnableOrdering === void 0 ? false : _ref3$EnableOrdering,
       _ref3$SelectionType = _ref3.SelectionType,
       SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType$1.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
-  //======================== METHODS ==========================================
+
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      expandedColumns = _useState2[0],
+      setExpandedColumns = _useState2[1]; //======================== METHODS ==========================================
 
 
   var handleSelectAll = function handleSelectAll() {
@@ -50348,58 +50365,55 @@ var Table = function Table(props) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Data.map(function (dataItem, i) {
       return renderBodyRow(dataItem, i);
     }));
-  }; // const renderEmptySelectionCell = () => {
-  //   if (
-  //     !EnableSelection ||
-  //     ReadOnly ||
-  //     (IsLookup && SelectionType === TableSelectionType.SINGLE)
-  //   )
-  //     return <></>;
-  //   return (
-  //     <td
-  //       className={[
-  //         style["table-cell"],
-  //         style["special-cell-render"],
-  //         style["select-checkbox"],
-  //       ].join(" ")}
-  //     ></td>
-  //   );
-  // };
-  // const renderGroupBodyRows = (col, dataItem) => {
-  //   if (col) var nestedArray = dataItem[col.accessor];
-  //   if (nestedArray) {
-  //     return dataItem[col.accessor].map((x, i) => {
-  //       return (
-  //         <tr
-  //           key={i + 100}
-  //           className={[
-  //             style["table-row-group-by-nested"],
-  //             style["table-row-odd"],
-  //           ].join(" ")}
-  //         >
-  //           {renderEmptySelectionCell()}
-  //           {Columns.map((col, j) => {
-  //             return renderBodyCell(x, col, i + 100, j + 100);
-  //           })}
-  //         </tr>
-  //       );
-  //     });
-  //   }
-  //   return <></>;
-  // };
+  };
+
+  var renderEmptySelectionCell = function renderEmptySelectionCell() {
+    if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
+    return /*#__PURE__*/React__default.createElement("td", null);
+  };
 
+  var renderGroupBodyRows = function renderGroupBodyRows(col, dataItem) {
+    var nestedArray;
+    if (col) nestedArray = dataItem[col.accessor];
+
+    if (nestedArray) {
+      return dataItem[col.accessor].map(function (x, i) {
+        return /*#__PURE__*/React__default.createElement(TableBodyRowNested, {
+          key: i + 100
+        }, renderEmptySelectionCell(), /*#__PURE__*/React__default.createElement("td", null), Columns.map(function (col, j) {
+          return renderBodyCell(x, col, i + 100, j + 100);
+        }));
+      });
+    }
+
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
+  };
 
   var renderBodyRow = function renderBodyRow(dataItem, i) {
-    Columns.find(function (x) {
-      return x.nested;
+    var nested = Columns.find(function (x) {
+      return x.nested === true;
     });
     var rowSelected = isRowSelected(dataItem);
+    var nestedArray;
+    if (nested) nestedArray = dataItem[nested.accessor];
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TableBodyRow, {
       selectedRow: rowSelected,
-      key: i
-    }, renderSelectionCell(dataItem, rowSelected), Columns.map(function (col, j) {
+      key: i,
+      onClick: function onClick() {
+        if (expandedColumns.includes(dataItem[SelectionIndicator])) {
+          setExpandedColumns(expandedColumns.filter(function (x) {
+            return x != dataItem[SelectionIndicator];
+          }));
+        } else {
+          setExpandedColumns([].concat(_toConsumableArray(expandedColumns), [dataItem[SelectionIndicator]]));
+        }
+      }
+    }, renderSelectionCell(dataItem, rowSelected), nested && nestedArray && nestedArray.length > 0 ? /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Icon$1, {
+      color: "primary",
+      icon: expandedColumns.includes(dataItem[SelectionIndicator]) ? "caret-square-down" : "caret-square-right"
+    })) : /*#__PURE__*/React__default.createElement("td", null), Columns.map(function (col, j) {
       return renderBodyCell(dataItem, col, i, j);
-    })));
+    })), expandedColumns.includes(dataItem[SelectionIndicator]) && renderGroupBodyRows(nested, dataItem));
   };
 
   var renderHeaderCell = function renderHeaderCell(col, i) {
@@ -50409,17 +50423,19 @@ var Table = function Table(props) {
       return OnOrder(col.accessor);
     };
     var orderingIconClass = "sort";
-    if (isOrderByColumn && Ascending) orderingIconClass = "sort-up";
-    if (isOrderByColumn && Descending) orderingIconClass = "sort-down";
+    if (isOrderByColumn && Ascending) orderingIconClass = "long-arrow-alt-up";
+    if (isOrderByColumn && Descending) orderingIconClass = "long-arrow-alt-down";
     if (isOrderByColumn && !Ascending && !Descending) orderingIconClass = "sort";
     if (!isOrderByColumn || Accessor === "") orderingIconClass = "sort";
     return /*#__PURE__*/React__default.createElement(TableHeadCell, {
       key: i,
       onClick: onClick
-    }, /*#__PURE__*/React__default.createElement("div", null, col.name, !hideOrdering && /*#__PURE__*/React__default.createElement(Icon$1, {
+    }, /*#__PURE__*/React__default.createElement(HeaderInnerCell, null, /*#__PURE__*/React__default.createElement(HeaderCellText, null, " ", col.name), !hideOrdering && /*#__PURE__*/React__default.createElement(HeaderCellIcon, {
+      sort: orderingIconClass === "sort"
+    }, /*#__PURE__*/React__default.createElement(Icon$1, {
       color: "white",
       icon: orderingIconClass
-    })));
+    }))));
   };
 
   var renderSelectionCell = function renderSelectionCell(dataItem, selected) {
@@ -50462,7 +50478,11 @@ var Table = function Table(props) {
 
   return /*#__PURE__*/React__default.createElement(Container$b, null, /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(TableTable, {
     cellSpacing: 0
-  }, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableHeadRow, null, renderSelectAllHeaderCell(), Columns.map(function (col, i) {
+  }, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableHeadRow, null, renderSelectAllHeaderCell(), /*#__PURE__*/React__default.createElement("th", {
+    style: {
+      width: "13px"
+    }
+  }), Columns.map(function (col, i) {
     return renderHeaderCell(col, i);
   }))), /*#__PURE__*/React__default.createElement(TableBody, null, renderBody()))));
 };
@@ -50856,11 +50876,11 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
 
 var Container$a = newStyled.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n  box-shadow: 0 0 12px #bebebe;\n  borderradius: 3px;\n  padding: 4px;\n"])));
 var TableContainer = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n  font-family: var(--font-base-ubuntu);\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n"])));
-var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n  margin-top: 6px;\n"])));
+var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n  margin-top: 6px;\n  border-top: 1px solid #80808025;\n"])));
 var FormContainer$1 = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n  height: 100%;\n  overflow-y: auto;\n  max-height: calc(100vh - 120px);\n  ", "\n"])), function (props) {
   return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
 });
-var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: left;\n  align-items: center;\n  margin-bottom: 5px;\n\n  border: 1.5px solid rgba(165, 164, 164, 0.4);\n  border-radius: 3px;\n  padding: 4px;\n  font-size: 12px;\n  font-family: \"Ubuntu\";\n"])));
+var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: left;\n  align-items: center;\n  margin-bottom: 5px;\n\n  border-radius: 3px;\n  padding: 0px;\n  font-size: 12px;\n  font-family: \"Ubuntu\";\n"])));
 var FlexItem = newStyled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n  padding-left: 3px;\n  padding-right: 4px;\n  font-size: 1.4em;\n  max-height: 40px;\n"])));
 var DeveloperMessageContainer = newStyled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n  margin-top: 5px;\n  padding: 8px;\n  border: 2px solid rgba(255, 0, 0, 0.725);\n  background-color: rgba(252, 79, 79, 0.104);\n  font-size: 11px;\n"])));
 var DeveloperMessage = newStyled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n  color: rgb(180, 3, 3);\n"])));
@@ -51906,7 +51926,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       tooltip: state.Form.Mode === FormMode.READ ? Localization.FormEditMode || "Edit mode" : Localization.FormReadMode || "View mode",
       onClick: changeToEditMode,
       disabled: freezeLoading(),
-      icon: state.Form.Mode === FormMode.READ ? "edit" : "eye"
+      icon: state.Form.Mode === FormMode.READ ? "edit" : "eye",
+      inverted: true
     }));
   };
 
@@ -51920,7 +51941,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
         tooltip: Localization.Add || "Add",
         onClick: goToAdd,
         disabled: freezeLoading(),
-        icon: "plus"
+        icon: "plus",
+        inverted: true
       }));
     }
 
@@ -51937,7 +51959,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       onClick: onRefresh,
       disabled: freezeLoading(),
       icon: "sync-alt",
-      size: "small"
+      size: "small",
+      inverted: true
     }));
   };
 
@@ -51949,7 +51972,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
           if (OnChange) OnChange(state.Table.SelectedData);
         },
         disabled: freezeLoading([state.Table.SelectedData.length === 0]),
-        icon: "check-circle"
+        icon: "check-circle",
+        inverted: true
       }));
     }
 
@@ -51980,7 +52004,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       onClick: toggleDeleteConfirmationBox,
       disabled: freezeLoading([state.Table.SelectedData.length === 0]),
       tooltip: Localization.DeleteSelected || "Delete selected",
-      icon: "trash"
+      icon: "trash",
+      inverted: true
     }));
   };
 
@@ -51993,7 +52018,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       tooltip: Localization.ToTableView || "Table view",
       onClick: onSwitchToTableView,
       disabled: freezeLoading(),
-      icon: "table"
+      icon: "table",
+      inverted: true
     }));
   };
 
@@ -52022,6 +52048,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     });
 
     return /*#__PURE__*/React__default.createElement(PaginationContainer, null, /*#__PURE__*/React__default.createElement(Pagination, _extends({}, cfg, {
+      inverted: true,
       Localization: Localization.Pagination || {}
     })));
   };
@@ -53346,7 +53373,7 @@ var iconPaddingBySize = function iconPaddingBySize(size) {
 };
 
 var containerColor = function containerColor(props) {
-  if (props.disable) return props.theme.palette.gray[200];
+  if (props.disabled) return props.theme.palette.gray[200];
   if (props.focus) return "white";
   return props.theme.palette[props.color].lighter;
 };
@@ -53419,6 +53446,8 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
       disabled = props.disabled,
       id = props.id,
       className = props.className,
+      mapIdTo = props.mapIdTo,
+      mapValueTo = props.mapValueTo,
       size = props.size,
       color = props.color,
       theme = props.theme;
@@ -53456,18 +53485,33 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
   };
 
   var onKeyDown = function onKeyDown(e) {
-    if (e.keyCode === 27) InputRef.current.blur();
-    if (e.keyCode === 38 || e.keyCode === 40) e.preventDefault();
-    if (e.keyCode === 38 && cursor > 0) setCursor(cursor - 1);
-    if (e.keyCode === 40 && cursor < options.length - 1) setCursor(cursor + 1);
+    //ArrowUp & ArrowDown
+    if (e.keyCode === 38 || e.keyCode === 40) e.preventDefault(); //Esc
+
+    if (e.keyCode === 27) InputRef.current.blur(); //ArrowUp & ArrowDown
 
-    if (e.key === "Enter" && options.length > 0 && value && value.length > 0) {
-      optionSelected([].concat(_toConsumableArray(items), [options[cursor]]));
+    if (options !== null && options.length !== 0 && inFocus) {
+      if (e.keyCode === 38 && cursor > 0) setCursor(cursor - 1);
+      if (e.keyCode === 40 && cursor < options.length - 1) setCursor(cursor + 1);
+      if (e.keyCode === 13) optionSelected([].concat(_toConsumableArray(items), [options[cursor]]));
+
+      if (e.key === "Backspace" && items.length > 0 && value === "") {
+        handleRemoveItem(items.length - 1);
+      }
+
+      console.log("ARR DOWN");
+      return;
+    }
+
+    if (e.keyCode === 40) {
+      setInFocus(true);
+      setCursor(0);
+      load(e.target.value);
     }
 
     var empty = options === null || options !== null && options.length === 0;
 
-    if (e.key === "Enter" && inFocus && empty && loading === false && value !== "") {
+    if (e.key === "Enter" && inFocus && empty && loading === false) {
       onInputBlur();
     }
 
@@ -53520,13 +53564,13 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
             return optionSelected([].concat(_toConsumableArray(items), [item]));
           },
           hover: cursor === i
-        }), item.value);
+        }), item[mapValueTo]);
       })));
     }
 
     var empty = options === null || options !== null && options.length === 0;
 
-    if (inFocus && empty && loading === false && value !== "") {
+    if (inFocus && empty && loading === false) {
       return /*#__PURE__*/React__default.createElement(FadeIn, null, /*#__PURE__*/React__default.createElement(Content, _extends({}, themeProps, {
         key: 0
       }), /*#__PURE__*/React__default.createElement(ContentItem, _extends({}, themeProps, {
@@ -53551,10 +53595,10 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
     }, /*#__PURE__*/React__default.createElement(ItemWrapper, _extends({}, themeProps, {
       key: key,
       first: key === 0,
-      title: x.value
+      title: x[mapValueTo]
     }), /*#__PURE__*/React__default.createElement(Item, _extends({}, themeProps, {
-      id: x.id,
-      text: x.value,
+      id: x[mapIdTo],
+      text: x[mapValueTo],
       onRemove: function onRemove() {
         return handleRemoveItem(key);
       }
@@ -53599,7 +53643,9 @@ MultiSelectDropdown.defaultProps = {
   size: "small",
   color: "primary",
   notItemsFoundText: "No items found...",
-  theme: theme
+  theme: theme,
+  mapIdTo: "id",
+  mapValueTo: "value"
 };
 MultiSelectDropdown.propTypes = {
   theme: PropTypes.object.isRequired,
@@ -53611,6 +53657,8 @@ MultiSelectDropdown.propTypes = {
   className: PropTypes.string,
   items: PropTypes.array,
   options: PropTypes.array,
+  mapIdTo: PropTypes.string,
+  mapValueTo: PropTypes.string,
   notItemsFoundText: PropTypes.string,
   size: PropTypes.oneOf(["small", "medium", "large"]),
   color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background", "transparent"])

package/lib/index.js

@@ -6554,7 +6554,7 @@ SwitchTransition.defaultProps = {
 };
 var SwitchTransition$1 = SwitchTransition;
 
-var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$6, _templateObject11$4, _templateObject12$4, _templateObject13$1;
+var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$2;
 var Container$k = newStyled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  box-shadow: 0 0 6px #bebebe;\n  border-radius: 0.175rem;\n  padding: 8px;\n  width: ", ";\n\n  font-family: ", ";\n"])), function (props) {
   return props.width && props.width !== "" ? props.width : "fit-content";
 }, theme.typography.fontFamily);
@@ -6576,9 +6576,9 @@ var ColumnTitle = newStyled.div(_templateObject8$7 || (_templateObject8$7 = _tag
 var HeaderColumnTitle = newStyled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral__default['default'](["\n  padding: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-left: 8px;\n  padding-right: 8px;\n  font-size: calc(\n    ", " + 3px\n  );\n"])), function (props) {
   return props.theme.typography[props.size].fontSize;
 });
-var FooterRow = newStyled.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  // flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n\n  border: 1.7px solid #80808060;\n  background-color: whitesmoke;\n  border-radius: 0.175rem;\n  padding: 3px;\n\n  margin-top: 8px;\n"])));
-var ButtonContainer$3 = newStyled.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteral__default['default'](["\n  margin: 3px;\n"])));
-var PageNumber = newStyled.div(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteral__default['default'](["\n  font-size: calc(\n    ", " + 3px\n  );\n  margin: 3px 5px;\n"])), function (props) {
+var FooterRow = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  // flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n\n  border: 1.7px solid #80808060;\n  background-color: whitesmoke;\n  border-radius: 0.175rem;\n  padding: 3px;\n\n  margin-top: 8px;\n"])));
+var ButtonContainer$3 = newStyled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral__default['default'](["\n  margin: 3px;\n"])));
+var PageNumber = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral__default['default'](["\n  font-size: calc(\n    ", " + 3px\n  );\n  margin: 3px 5px;\n"])), function (props) {
   return props.theme.typography[props.size].fontSize;
 }); //=======================================================================
 
@@ -6638,7 +6638,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
   return /*#__PURE__*/React__default['default'].createElement(Container$k, _extends__default['default']({}, themeProps, {
     className: className
   }), /*#__PURE__*/React__default['default'].createElement(Global, {
-    styles: css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral__default['default'](["\n          .item-enter {\n            opacity: 0;\n          }\n\n          .item-enter-active {\n            transition: all 0.4s ease-in;\n            opacity: 1;\n          }\n\n          .item-exit {\n          }\n\n          .item-exit-active {\n            opacity: 0;\n            transition: opacity 400ms ease-out;\n          }\n        "])))
+    styles: css(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral__default['default'](["\n          .item-enter {\n            opacity: 0;\n          }\n\n          .item-enter-active {\n            transition: all 0.4s ease-in;\n            opacity: 1;\n          }\n\n          .item-exit {\n          }\n\n          .item-exit-active {\n            opacity: 0;\n            transition: opacity 400ms ease-out;\n          }\n        "])))
   }), /*#__PURE__*/React__default['default'].createElement(Table$1, null, /*#__PURE__*/React__default['default'].createElement(HeaderRow, null, /*#__PURE__*/React__default['default'].createElement(HeaderColumnCheck, {
     check: style === "regular"
   }, style === "regular" ? /*#__PURE__*/React__default['default'].createElement(CheckBox, {
@@ -22715,7 +22715,7 @@ var FadeIn = function FadeIn(_ref) {
   }), children);
 };
 
-var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$5, _DropdownLookup$propT;
+var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
 
 var paddingBySize$a = function paddingBySize(size) {
   if (size === "small") return "0.325rem 0.375rem";
@@ -22766,7 +22766,7 @@ var Input$3 = newStyled.input(_templateObject8$6 || (_templateObject8$6 = _tagge
 var Content$5 = newStyled.div(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  position: absolute;\n  background-color: white;\n  z-index: 1;\n  margin-top: 0.0625rem;\n  padding: 0.1875rem;\n  width: calc(100% - 0.625rem);\n  border-radius: 0.15625rem;\n  box-shadow: 0 0 0.375rem #bebebe;\n  border: 0.125rem solid ", ";\n  flex-direction: column;\n  transition: all 250ms ease;\n"])), function (props) {
   return props.theme.palette[props.color].main;
 });
-var ContentItem$2 = newStyled.div(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteral__default['default'](["\n  font-family: ", ";\n  font-size: ", ";\n  padding: 0.375rem;\n  cursor: pointer;\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: whitesmoke;\n    color: ", ";\n  }\n"])), function (props) {
+var ContentItem$2 = newStyled.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteral__default['default'](["\n  font-family: ", ";\n  font-size: ", ";\n  padding: 0.375rem;\n  cursor: pointer;\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: whitesmoke;\n    color: ", ";\n  }\n"])), function (props) {
   return props.theme.typography.fontFamily;
 }, function (props) {
   return props.theme.typography[props.size].fontSize;
@@ -49301,27 +49301,27 @@ Pagination.propTypes = {
   color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
 };
 
-var _templateObject$f, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$4, _templateObject11$3, _templateObject12$3;
-var Container$d = newStyled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n  // border: 1.5px solid rgba(165, 164, 164, 0.4);\n  border-radius: 3px;\n  font-size: ", ";\n  font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
+var _templateObject$f, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$4;
+var Container$d = newStyled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n  border-radius: 3px;\n  font-size: ", ";\n  font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
 var Wrapper$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral__default['default']([""])));
 var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral__default['default'](["\n  border-collapse: collapse;\n  width: 100%;\n"])));
-var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral__default['default'](["\n  // background-color: ", ";\n  color: ", ";\n\n  border-top: 1px solid #80808025;\n"])), theme.palette.primary.main, theme.palette.primary.textDark);
+var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral__default['default'](["\n  color: ", ";\n  border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
 var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral__default['default'](["\n  border-bottom: 1px solid #80808025;\n"])));
 var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral__default['default'](["\n  text-align: left;\n  transition: all 250ms ease;\n  font-weight: 900;\n\n  ", "\n\n  &:first-of-type {\n    border-radius: 3px 0 0 0;\n  }\n\n  &:last-of-type {\n    border-radius: 0 3px 0 0;\n  }\n\n  &:hover {\n    // background-color: ", ";\n    background-color: whitesmoke;\n    cursor: pointer;\n  }\n"])), function (props) {
   return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
 }, theme.palette.primary.light);
-var HeaderInnerCell = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  // justify-content: center;\n\n  & i {\n    color: black;\n  }\n"])));
-var HeaderCellText = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral__default['default'](["\n  color: black;\n"])));
-var HeaderCellIcon = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral__default['default'](["\n  color: black;\n  margin-left: auto;\n\n  & i {\n    color: ", ";\n  }\n"])), function (props) {
+var HeaderInnerCell$1 = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  // justify-content: center;\n\n  & i {\n    color: black;\n  }\n"])));
+var HeaderCellText$1 = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral__default['default'](["\n  color: black;\n"])));
+var HeaderCellIcon$1 = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral__default['default'](["\n  color: black;\n  margin-left: auto;\n\n  & i {\n    color: ", ";\n  }\n"])), function (props) {
   return props.sort ? "transparent" : "black";
 });
-var TableBody$1 = newStyled.tbody(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral__default['default']([""])));
-var TableBodyRow$1 = newStyled.tr(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral__default['default'](["\n  border-bottom: 1px solid transparent;\n  border-top: 1px solid transparent;\n\n  ", "\n\n  ", "\n"])), function (props) {
+var TableBody$1 = newStyled.tbody(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteral__default['default']([""])));
+var TableBodyRow$1 = newStyled.tr(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteral__default['default'](["\n  border-bottom: 1px solid transparent;\n  border-top: 1px solid transparent;\n\n  ", "\n\n  ", "\n"])), function (props) {
   if (props.selectedRow !== true) return "\n        &:hover {\n          & > td {\n            // border-bottom: 1px solid ".concat(theme.palette.primary.light, ";\n            // border-top: 1px solid ").concat(theme.palette.primary.light, ";\n            background-color: whitesmoke;\n          }\n    \n        cursor: pointer;\n      }");else return "";
 }, function (props) {
   if (props.selectedRow === true) return "\n        background-color: ".concat(theme.palette.primary.lighter, ";\n        cursor: pointer;\n        \n        & > td {\n          // border-bottom: 1px solid ").concat(theme.palette.primary.light, ";\n          // border-top: 1px solid ").concat(theme.palette.primary.light, ";\n        }\n      ");else return "";
 });
-var TableBodyCell$1 = newStyled.td(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral__default['default'](["\n  padding: ", ";\n"])), function (props) {
+var TableBodyCell$1 = newStyled.td(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteral__default['default'](["\n  padding: ", ";\n"])), function (props) {
   return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
 });
 
@@ -49491,7 +49491,9 @@ var TableView = function TableView(props) {
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TableBodyRow$1, {
       selectedRow: rowSelected,
       key: i
-    }, renderSelectionCell(dataItem, rowSelected, i), Columns.map(function (col, j) {
+    }, renderSelectionCell(dataItem, rowSelected, i), Columns.filter(function (x) {
+      return x.hide !== true;
+    }).map(function (col, j) {
       return renderBodyCell(dataItem, col, i, j);
     })));
   }; // const renderCell = (rowData, def, key) => {
@@ -49636,7 +49638,7 @@ var TableView = function TableView(props) {
     return /*#__PURE__*/React__default['default'].createElement(TableHeadCell$1, {
       key: i,
       onClick: IsLoading || hideOrdering ? function () {} : headerClick
-    }, /*#__PURE__*/React__default['default'].createElement(HeaderInnerCell, null, /*#__PURE__*/React__default['default'].createElement(HeaderCellText, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default['default'].createElement(HeaderCellIcon, {
+    }, /*#__PURE__*/React__default['default'].createElement(HeaderInnerCell$1, null, /*#__PURE__*/React__default['default'].createElement(HeaderCellText$1, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default['default'].createElement(HeaderCellIcon$1, {
       sort: orderingIconClass === "sort"
     }, /*#__PURE__*/React__default['default'].createElement(Icon$1, {
       color: "white",
@@ -49662,7 +49664,9 @@ var TableView = function TableView(props) {
 
   return /*#__PURE__*/React__default['default'].createElement(Container$d, null, /*#__PURE__*/React__default['default'].createElement(Wrapper$1, null, /*#__PURE__*/React__default['default'].createElement(TableTable$1, {
     cellSpacing: 0
-  }, /*#__PURE__*/React__default['default'].createElement(TableHead$1, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.map(function (col, i) {
+  }, /*#__PURE__*/React__default['default'].createElement(TableHead$1, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
+    return x.hide !== true;
+  }).map(function (col, i) {
     return renderHeaderCell(col, i);
   }))), /*#__PURE__*/React__default['default'].createElement(TableBody$1, null, renderBody())))); // return (
   //   <div>
@@ -49725,7 +49729,7 @@ Spinner.propTypes = {
 var css_248z$4 = ".fade1-enter {\n  opacity: 0;\n}\n.fade1-exit {\n  opacity: 1;\n}\n.fade1-enter-active {\n  opacity: 1;\n}\n.fade1-exit-active {\n  opacity: 0;\n}\n.fade1-enter-active,\n.fade1-exit-active {\n  transition: opacity 330ms;\n}\n\n.fade2-enter {\n  opacity: 0;\n}\n.fade2-exit {\n  opacity: 1;\n}\n.fade2-enter-active {\n  opacity: 1;\n}\n.fade2-exit-active {\n  opacity: 0;\n}\n.fade2-enter-active,\n.fade2-exit-active {\n  transition: opacity 330ms;\n}\n";
 styleInject(css_248z$4);
 
-var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$2;
+var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3;
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -49766,9 +49770,9 @@ var FlexItem$1 = newStyled.div(_templateObject6$5 || (_templateObject6$5 = _tagg
 newStyled.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral__default['default'](["\n  margin-top: 5px;\n  padding: 8px;\n  border: 2px solid rgba(255, 0, 0, 0.725);\n  background-color: rgba(252, 79, 79, 0.104);\n  font-size: 11px;\n"])));
 newStyled.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral__default['default'](["\n  color: rgb(180, 3, 3);\n"])));
 var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteral__default['default'](["\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  width: 100%;\n  height: 100%;\n  background-color: #eceaea;\n  z-index: 10000000;\n  opacity: 0.2;\n  filter: alpha(opacity=20);\n"])));
-var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral__default['default'](["\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n  z-index: 10000000;\n"])));
-var Loader$1 = newStyled.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral__default['default'](["\n  position: absolute;\n  top: 48%;\n  left: 47%;\n"])));
-var DivRelative$1 = newStyled.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral__default['default'](["\n  position: relative;\n"])));
+var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral__default['default'](["\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n  z-index: 10000000;\n"])));
+var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral__default['default'](["\n  position: absolute;\n  top: 48%;\n  left: 47%;\n"])));
+var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral__default['default'](["\n  position: relative;\n"])));
 
 var DataView = function DataView(props) {
   var emptyFunc = function emptyFunc() {};
@@ -50304,23 +50308,31 @@ FormMovement.propTypes = {
 var css_248z$3 = "@charset \"UTF-8\";\n@import \"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap\";\n\n:root {\n  /* BASE COLORS */\n  --color-base-blue: #00537a;\n  --color-base-blue-darker: #003b57;\n  --color-base-blue-lighter: #006999;\n  --color-base-gray: #a2a5ab;\n  --color-base-gray-darker: #777a80;\n  --color-base-gray-lighter: #dee1e6;\n  --color-base-gray-lightest: #f0f2f7;\n  --color-base-green: #2a963c;\n  --color-base-green-darker: #21732f;\n  --color-base-green-ligher: #3eb051;\n  --color-base-red: #e0223e;\n  --color-base-red-darker: #e3566b;\n  --color-base-red-ligher: #9c1f32;\n  --color-base-dirty-white: #fcfcfc;\n  --color-base-white: white;\n  --color-base-backgroud: #dceff5;\n\n  /* BASE FONTS */\n  --font-base-ubuntu: \"Ubuntu\", sans-serif;\n  --font-size-base: 14px;\n\n  /* DISABLED */\n  --disabled-bg-color: #dedede;\n  --disabled-text-color: #666666;\n\n  /* TRANSITIONS */\n  --transition-base-duration: 220ms;\n}\n\n.styles-module_baseContainer__38IbG {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 1px;\n  background-color: inherit;\n  background: inherit;\n  color: inherit;\n  width: max-content;\n  font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ {\n  width: min-content;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  padding: 1px;\n  background-color: inherit;\n  background: inherit;\n  color: inherit;\n  width: max-content;\n  font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ .styles-module_baseLabel__2rgVW {\n  width: auto;\n}\n\n.styles-module_baseLabel__2rgVW {\n  font-size: 0.8em;\n  font-weight: 400;\n  color: var(--color-base-gray-darker);\n  width: 100%;\n  display: flex;\n  justify-content: left;\n  align-items: flex-end;\n  height: 1em;\n  min-height: 1em;\n}\n\n.styles-module_baseInputHolder__3VF0D {\n  border: 0px;\n  height: 2em;\n  min-height: 2em;\n  width: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div {\n  min-height: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div > div {\n  min-height: 100%;\n}\n\n.styles-module_baseErrorText__M44G8 {\n  font-size: 0.8em;\n  font-weight: 400;\n  color: var(--color-base-red);\n  width: 100%;\n  display: flex;\n  justify-content: left;\n  align-items: flex-start;\n  height: 1em;\n  min-height: 1em;\n}\n\n/*----------------- ICONS AND FONTS ------------------------*/\n\n.styles-module_lnc__16g9S {\n  font-family: \"lnclines\";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.styles-module_ubuntuFont__ybxMw {\n  font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_lnc_anchor__1mOUZ:before {\n  content: \"\\61\";\n}\n.styles-module_lnc_armchair__1ya1K:before {\n  content: \"\\62\";\n}\n.styles-module_lnc_arrow_contract__g0Nfy:before {\n  content: \"\\63\";\n}\n.styles-module_lnc_arrow_down__3vJHh:before {\n  content: \"\\64\";\n}\n.styles-module_lnc_arrow_down_up__35ACC:before {\n  content: \"\\65\";\n}\n.styles-module_lnc_arrow_expand__wPIqf:before {\n  content: \"\\66\";\n}\n.styles-module_lnc_arrow_left___DGbf:before {\n  content: \"\\67\";\n}\n.styles-module_lnc_arrow_left_right__1PiwM:before {\n  content: \"\\68\";\n}\n.styles-module_lnc_arrow_right__1buc1:before {\n  content: \"\\69\";\n}\n.styles-module_lnc_arrow_right_left__A_6hC:before {\n  content: \"\\6a\";\n}\n.styles-module_lnc_arrow_up__27fzF:before {\n  content: \"\\6b\";\n}\n.styles-module_lnc_arrow_up_down__3XdKK:before {\n  content: \"\\6c\";\n}\n.styles-module_lnc_arrow_x__2PHh1:before {\n  content: \"\\6d\";\n}\n.styles-module_lnc_arrow_y__2IWUO:before {\n  content: \"\\6e\";\n}\n.styles-module_lnc_at__2SfkV:before {\n  content: \"\\6f\";\n}\n.styles-module_lnc_badge__1ar9m:before {\n  content: \"\\70\";\n}\n.styles-module_lnc_battery_empty__2UtUR:before {\n  content: \"\\71\";\n}\n.styles-module_lnc_battery_full__3iSFV:before {\n  content: \"\\72\";\n}\n.styles-module_lnc_battery_halfempty__HJsq8:before {\n  content: \"\\73\";\n}\n.styles-module_lnc_battery_halffull__34JQt:before {\n  content: \"\\74\";\n}\n.styles-module_lnc_bed__2Bv8u:before {\n  content: \"\\75\";\n}\n.styles-module_lnc_bell__3-99o:before {\n  content: \"\\76\";\n}\n.styles-module_lnc_bill__2WK08:before {\n  content: \"\\77\";\n}\n.styles-module_lnc_book__2uUqR:before {\n  content: \"\\78\";\n}\n.styles-module_lnc_bookmark__3xtMI:before {\n  content: \"\\79\";\n}\n.styles-module_lnc_box__1GQ6r:before {\n  content: \"\\7a\";\n}\n.styles-module_lnc_box2__1mgu3:before {\n  content: \"\\41\";\n}\n.styles-module_lnc_briefcase__1WEOE:before {\n  content: \"\\42\";\n}\n.styles-module_lnc_brightness__2b3sQ:before {\n  content: \"\\43\";\n}\n.styles-module_lnc_broom__lxEs9:before {\n  content: \"\\44\";\n}\n.styles-module_lnc_browser__11uX3:before {\n  content: \"\\45\";\n}\n.styles-module_lnc_browser_software__3WUtv:before {\n  content: \"\\46\";\n}\n.styles-module_lnc_brush__6mPfK:before {\n  content: \"\\47\";\n}\n.styles-module_lnc_bubble__19XCr:before {\n  content: \"\\48\";\n}\n.styles-module_lnc_bubble_check__3EDz2:before {\n  content: \"\\49\";\n}\n.styles-module_lnc_bubble_dots__3UiH_:before {\n  content: \"\\4a\";\n}\n.styles-module_lnc_bubbles__3IArb:before {\n  content: \"\\4b\";\n}\n.styles-module_lnc_building__2xoeI:before {\n  content: \"\\4c\";\n}\n.styles-module_lnc_bulb__o7i2f:before {\n  content: \"\\4d\";\n}\n.styles-module_lnc_calculations__1xUSk:before {\n  content: \"\\4e\";\n}\n.styles-module_lnc_calendar__3FtsF:before {\n  content: \"\\4f\";\n}\n.styles-module_lnc_cctv__3RxxA:before {\n  content: \"\\50\";\n}\n.styles-module_lnc_chart__1vxPE:before {\n  content: \"\\51\";\n}\n.styles-module_lnc_chart_down__3lKSV:before {\n  content: \"\\52\";\n}\n.styles-module_lnc_chart_pie__-pJZV:before {\n  content: \"\\53\";\n}\n.styles-module_lnc_chart_up__1ZO5x:before {\n  content: \"\\54\";\n}\n.styles-module_lnc_check__1RPUp:before {\n  content: \"\\55\";\n}\n.styles-module_lnc_checkbox__2Dzv0:before {\n  content: \"\\56\";\n}\n.styles-module_lnc_clock__1_sBx:before {\n  content: \"\\57\";\n}\n.styles-module_lnc_clone__3EVg8:before {\n  content: \"\\58\";\n}\n.styles-module_lnc_cloud__3G0gK:before {\n  content: \"\\59\";\n}\n.styles-module_lnc_cloud_download__3wjl3:before {\n  content: \"\\5a\";\n}\n.styles-module_lnc_cloud_no__2_RSN:before {\n  content: \"\\30\";\n}\n.styles-module_lnc_cloud_upload__UtjX8:before {\n  content: \"\\31\";\n}\n.styles-module_lnc_code__83D7f:before {\n  content: \"\\32\";\n}\n.styles-module_lnc_coffe__3lvps:before {\n  content: \"\\33\";\n}\n.styles-module_lnc_cog__1cfYg:before {\n  content: \"\\34\";\n}\n.styles-module_lnc_comparation__15_VM:before {\n  content: \"\\35\";\n}\n.styles-module_lnc_contract__3vyx2:before {\n  content: \"\\36\";\n}\n.styles-module_lnc_cpu__1ASGP:before {\n  content: \"\\37\";\n}\n.styles-module_lnc_creditcard__2wdg_:before {\n  content: \"\\38\";\n}\n.styles-module_lnc_cursor__1keXd:before {\n  content: \"\\39\";\n}\n.styles-module_lnc_cut__3n_2y:before {\n  content: \"\\21\";\n}\n.styles-module_lnc_dashboard__3nW31:before {\n  content: \"\\22\";\n}\n.styles-module_lnc_database__2n8Gb:before {\n  content: \"\\23\";\n}\n.styles-module_lnc_down__2C-R7:before {\n  content: \"\\24\";\n}\n.styles-module_lnc_download__3W4eN:before {\n  content: \"\\25\";\n}\n.styles-module_lnc_download2__FQJRc:before {\n  content: \"\\26\";\n}\n.styles-module_lnc_drop__prcFy:before {\n  content: \"\\27\";\n}\n.styles-module_lnc_earth__2kk6C:before {\n  content: \"\\28\";\n}\n.styles-module_lnc_equal__1idc4:before {\n  content: \"\\29\";\n}\n.styles-module_lnc_eraser__140Tm:before {\n  content: \"\\2a\";\n}\n.styles-module_lnc_exchange__1F8Xe:before {\n  content: \"\\2b\";\n}\n.styles-module_lnc_exchange2__TK1ey:before {\n  content: \"\\2c\";\n}\n.styles-module_lnc_expand__SuCNT:before {\n  content: \"\\2d\";\n}\n.styles-module_lnc_eyedropper__ztoSi:before {\n  content: \"\\2e\";\n}\n.styles-module_lnc_file__1qiUG:before {\n  content: \"\\2f\";\n}\n.styles-module_lnc_file_broken__1fRaz:before {\n  content: \"\\3a\";\n}\n.styles-module_lnc_file_check__1Afkt:before {\n  content: \"\\3b\";\n}\n.styles-module_lnc_file_download__B7cX-:before {\n  content: \"\\3c\";\n}\n.styles-module_lnc_file_image__2li0v:before {\n  content: \"\\3d\";\n}\n.styles-module_lnc_file_minus__2GUoy:before {\n  content: \"\\3e\";\n}\n.styles-module_lnc_file_plus__1tiZy:before {\n  content: \"\\3f\";\n}\n.styles-module_lnc_file_text__NwM9m:before {\n  content: \"\\40\";\n}\n.styles-module_lnc_file_upload__1IwPA:before {\n  content: \"\\5b\";\n}\n.styles-module_lnc_file_warning__2e102:before {\n  content: \"\\5d\";\n}\n.styles-module_lnc_file_x__BSBn1:before {\n  content: \"\\5e\";\n}\n.styles-module_lnc_filter__1gYeq:before {\n  content: \"\\5f\";\n}\n.styles-module_lnc_fingerprint__L3_2j:before {\n  content: \"\\60\";\n}\n.styles-module_lnc_flag__3FTpw:before {\n  content: \"\\7b\";\n}\n.styles-module_lnc_flashdrive__11xkO:before {\n  content: \"\\7c\";\n}\n.styles-module_lnc_folder__1mArN:before {\n  content: \"\\7d\";\n}\n.styles-module_lnc_fragile__a_RLx:before {\n  content: \"\\7e\";\n}\n.styles-module_lnc_glass__wBAnb:before {\n  content: \"\\5c\";\n}\n.styles-module_lnc_grid__1B2cs:before {\n  content: \"\\e000\";\n}\n.styles-module_lnc_grid_masonery__6vAwP:before {\n  content: \"\\e001\";\n}\n.styles-module_lnc_harddrive__3HecB:before {\n  content: \"\\e002\";\n}\n.styles-module_lnc_headphones__1IRid:before {\n  content: \"\\e003\";\n}\n.styles-module_lnc_heart__30_Dc:before {\n  content: \"\\e004\";\n}\n.styles-module_lnc_home__1LWG5:before {\n  content: \"\\e005\";\n}\n.styles-module_lnc_image__3XWmh:before {\n  content: \"\\e006\";\n}\n.styles-module_lnc_in__IuJWj:before {\n  content: \"\\e007\";\n}\n.styles-module_lnc_inbox__E74SS:before {\n  content: \"\\e008\";\n}\n.styles-module_lnc_infinity__1RvvQ:before {\n  content: \"\\e009\";\n}\n.styles-module_lnc_info__z95Ob:before {\n  content: \"\\e00a\";\n}\n.styles-module_lnc_injection__2IsuK:before {\n  content: \"\\e00b\";\n}\n.styles-module_lnc_internet__cxoEO:before {\n  content: \"\\e00c\";\n}\n.styles-module_lnc_internet2__3LMdv:before {\n  content: \"\\e00d\";\n}\n.styles-module_lnc_intersect__39vbH:before {\n  content: \"\\e00e\";\n}\n.styles-module_lnc_key__2y70L:before {\n  content: \"\\e00f\";\n}\n.styles-module_lnc_laptop__34gQU:before {\n  content: \"\\e010\";\n}\n.styles-module_lnc_layers__36j1J:before {\n  content: \"\\e011\";\n}\n.styles-module_lnc_layout__3Nu0-:before {\n  content: \"\\e012\";\n}\n.styles-module_lnc_leaf__TnTjW:before {\n  content: \"\\e013\";\n}\n.styles-module_lnc_left__10F5v:before {\n  content: \"\\e014\";\n}\n.styles-module_lnc_lifering__2xRtL:before {\n  content: \"\\e015\";\n}\n.styles-module_lnc_link__1L7Lq:before {\n  content: \"\\e016\";\n}\n.styles-module_lnc_list__3cGnx:before {\n  content: \"\\e017\";\n}\n.styles-module_lnc_list2__1g9i8:before {\n  content: \"\\e018\";\n}\n.styles-module_lnc_location__2K1vc:before {\n  content: \"\\e019\";\n}\n.styles-module_lnc_lock_off__1pwfe:before {\n  content: \"\\e01a\";\n}\n.styles-module_lnc_lock_on__R7CsM:before {\n  content: \"\\e01b\";\n}\n.styles-module_lnc_magnet__1xUko:before {\n  content: \"\\e01c\";\n}\n.styles-module_lnc_mail__1-4Wq:before {\n  content: \"\\e01d\";\n}\n.styles-module_lnc_map__2G6fo:before {\n  content: \"\\e01e\";\n}\n.styles-module_lnc_megaphone__1U1Tj:before {\n  content: \"\\e01f\";\n}\n.styles-module_lnc_microphone__1NMns:before {\n  content: \"\\e020\";\n}\n.styles-module_lnc_microphone_no__2RWUY:before {\n  content: \"\\e021\";\n}\n.styles-module_lnc_microscope__2AQCZ:before {\n  content: \"\\e022\";\n}\n.styles-module_lnc_minus__28NzW:before {\n  content: \"\\e023\";\n}\n.styles-module_lnc_mobile__3U8Lo:before {\n  content: \"\\e024\";\n}\n.styles-module_lnc_monitor__1FYh4:before {\n  content: \"\\e025\";\n}\n.styles-module_lnc_move__2cnG4:before {\n  content: \"\\e026\";\n}\n.styles-module_lnc_move2__2-1c-:before {\n  content: \"\\e027\";\n}\n.styles-module_lnc_network__1MijV:before {\n  content: \"\\e028\";\n}\n.styles-module_lnc_onoff__1ZOVJ:before {\n  content: \"\\e029\";\n}\n.styles-module_lnc_out___Zvj0:before {\n  content: \"\\e02a\";\n}\n.styles-module_lnc_pause__2GVgP:before {\n  content: \"\\e02b\";\n}\n.styles-module_lnc_pencil__2agKN:before {\n  content: \"\\e02c\";\n}\n.styles-module_lnc_pencil_ruler__24nqS:before {\n  content: \"\\e02d\";\n}\n.styles-module_lnc_peper_plane__1qFRM:before {\n  content: \"\\e02e\";\n}\n.styles-module_lnc_peperclip__13DaN:before {\n  content: \"\\e02f\";\n}\n.styles-module_lnc_phone__19YBI:before {\n  content: \"\\e030\";\n}\n.styles-module_lnc_phone_ringing__a3Kv8:before {\n  content: \"\\e031\";\n}\n.styles-module_lnc_photo__18Q1V:before {\n  content: \"\\e032\";\n}\n.styles-module_lnc_photo_no__3oatk:before {\n  content: \"\\e033\";\n}\n.styles-module_lnc_pin__3lM5Z:before {\n  content: \"\\e034\";\n}\n.styles-module_lnc_plaster__2vI3i:before {\n  content: \"\\e035\";\n}\n.styles-module_lnc_play__1OC8v:before {\n  content: \"\\e036\";\n}\n.styles-module_lnc_plus__1c00f:before {\n  content: \"\\e037\";\n}\n.styles-module_lnc_power_cable__Kxpjn:before {\n  content: \"\\e038\";\n}\n.styles-module_lnc_presentation__34sFZ:before {\n  content: \"\\e039\";\n}\n.styles-module_lnc_printer__CTvDs:before {\n  content: \"\\e03a\";\n}\n.styles-module_lnc_question__Fx68o:before {\n  content: \"\\e03b\";\n}\n.styles-module_lnc_redo__128IY:before {\n  content: \"\\e03c\";\n}\n.styles-module_lnc_refresh__MrGzd:before {\n  content: \"\\e03d\";\n}\n.styles-module_lnc_reload__9QGWt:before {\n  content: \"\\e03e\";\n}\n.styles-module_lnc_repeat__2zF-q:before {\n  content: \"\\e03f\";\n}\n.styles-module_lnc_replace__2NrlU:before {\n  content: \"\\e040\";\n}\n.styles-module_lnc_right__1Tjn9:before {\n  content: \"\\e041\";\n}\n.styles-module_lnc_rocket__2IgNF:before {\n  content: \"\\e042\";\n}\n.styles-module_lnc_router__3Lmyt:before {\n  content: \"\\e043\";\n}\n.styles-module_lnc_ruler__1zJy4:before {\n  content: \"\\e044\";\n}\n.styles-module_lnc_safety__ODng_:before {\n  content: \"\\e045\";\n}\n.styles-module_lnc_search__3fsCd:before {\n  content: \"\\e047\";\n}\n.styles-module_lnc_settings__aYSqN:before {\n  content: \"\\e048\";\n}\n.styles-module_lnc_settings2__1QxU2:before {\n  content: \"\\e049\";\n}\n.styles-module_lnc_share__u6ngi:before {\n  content: \"\\e04a\";\n}\n.styles-module_lnc_shield_check__2EWRM:before {\n  content: \"\\e04b\";\n}\n.styles-module_lnc_shop_basket__26vEs:before {\n  content: \"\\e04c\";\n}\n.styles-module_lnc_shop_cart__3N0Nv:before {\n  content: \"\\e04d\";\n}\n.styles-module_lnc_shop_cart2__1TlL0:before {\n  content: \"\\e04e\";\n}\n.styles-module_lnc_shuffle__vZLlv:before {\n  content: \"\\e04f\";\n}\n.styles-module_lnc_slash__2YK_q:before {\n  content: \"\\e050\";\n}\n.styles-module_lnc_spanner__129hA:before {\n  content: \"\\e051\";\n}\n.styles-module_lnc_speaker__19oJH:before {\n  content: \"\\e052\";\n}\n.styles-module_lnc_speaker_minus__BLI9-:before {\n  content: \"\\e053\";\n}\n.styles-module_lnc_speaker_plus__1QtrR:before {\n  content: \"\\e054\";\n}\n.styles-module_lnc_speaker_x__1VIfZ:before {\n  content: \"\\e055\";\n}\n.styles-module_lnc_star__3kpNQ:before {\n  content: \"\\e056\";\n}\n.styles-module_lnc_stop__tNiYb:before {\n  content: \"\\e057\";\n}\n.styles-module_lnc_tag__2Fv-2:before {\n  content: \"\\e059\";\n}\n.styles-module_lnc_target__VrxN8:before {\n  content: \"\\e05a\";\n}\n.styles-module_lnc_trash__3cF6w:before {\n  content: \"\\e05b\";\n}\n.styles-module_lnc_trolley__3OvXo:before {\n  content: \"\\e05c\";\n}\n.styles-module_lnc_undo__1tJoX:before {\n  content: \"\\e05d\";\n}\n.styles-module_lnc_up__3eKPI:before {\n  content: \"\\e05e\";\n}\n.styles-module_lnc_upload__3gwmX:before {\n  content: \"\\e05f\";\n}\n.styles-module_lnc_upload2__3hTP1:before {\n  content: \"\\e060\";\n}\n.styles-module_lnc_user__1942u:before {\n  content: \"\\e061\";\n}\n.styles-module_lnc_user2__21L0B:before {\n  content: \"\\e062\";\n}\n.styles-module_lnc_user3__12PJt:before {\n  content: \"\\e063\";\n}\n.styles-module_lnc_users__uUh5y:before {\n  content: \"\\e064\";\n}\n.styles-module_lnc_video_player__eTudW:before {\n  content: \"\\e065\";\n}\n.styles-module_lnc_wallet__NWMof:before {\n  content: \"\\e066\";\n}\n.styles-module_lnc_warning__1XnCh:before {\n  content: \"\\e067\";\n}\n.styles-module_lnc_wheelchair__-fneh:before {\n  content: \"\\e068\";\n}\n.styles-module_lnc_wifi__1PB6c:before {\n  content: \"\\e069\";\n}\n.styles-module_lnc_x__2NqwY:before {\n  content: \"\\e06a\";\n}\n.styles-module_lnc_zoom_in__2p5NL:before {\n  content: \"\\e06b\";\n}\n.styles-module_lnc_zoom_out__3-N8X:before {\n  content: \"\\e06c\";\n}\n.styles-module_lnc_firewall__1T-xo:before {\n  content: \"\\e06d\";\n}\n.styles-module_lnc_down_double__eQn46:before {\n  content: \"\\e046\";\n}\n.styles-module_lnc_file_search__2NdXs:before {\n  content: \"\\e06e\";\n}\n.styles-module_lnc_filter2__25zUC:before {\n  content: \"\\e06f\";\n}\n.styles-module_lnc_flash__2spoO:before {\n  content: \"\\e070\";\n}\n.styles-module_lnc_left_double__lGlAL:before {\n  content: \"\\e071\";\n}\n.styles-module_lnc_right_double__2LGrY:before {\n  content: \"\\e072\";\n}\n.styles-module_lnc_save__1es4N:before {\n  content: \"\\e073\";\n}\n.styles-module_lnc_save_plus__3mggy:before {\n  content: \"\\e074\";\n}\n.styles-module_lnc_server__npXWA:before {\n  content: \"\\e075\";\n}\n.styles-module_lnc_table__Wz3bc:before {\n  content: \"\\e076\";\n}\n.styles-module_lnc_table2__11-XY:before {\n  content: \"\\e077\";\n}\n.styles-module_lnc_time_back__3_jgl:before {\n  content: \"\\e078\";\n}\n.styles-module_lnc_time_forward__3ttuV:before {\n  content: \"\\e079\";\n}\n.styles-module_lnc_up_double__2McTh:before {\n  content: \"\\e07a\";\n}\n.styles-module_lnc_align_center__1lFF1:before {\n  content: \"\\e058\";\n}\n.styles-module_lnc_align_left__2EEHH:before {\n  content: \"\\e07b\";\n}\n.styles-module_lnc_align_right__wdwMo:before {\n  content: \"\\e07c\";\n}\n.styles-module_lnc_car__2O1gg:before {\n  content: \"\\e07d\";\n}\n.styles-module_lnc_cashregister__29tQ6:before {\n  content: \"\\e07e\";\n}\n.styles-module_lnc_file_excel__1vcQh:before {\n  content: \"\\e07f\";\n}\n.styles-module_lnc_file_pdf__2t9O1:before {\n  content: \"\\e080\";\n}\n.styles-module_lnc_file_word__2DGwd:before {\n  content: \"\\e081\";\n}\n.styles-module_lnc_puzzle__2C4g9:before {\n  content: \"\\e082\";\n}\n.styles-module_lnc_rotate_vertical__NlAcx:before {\n  content: \"\\e083\";\n}\n.styles-module_lnc_rotate_horizontal__1A2w-:before {\n  content: \"\\e084\";\n}\n.styles-module_lnc_sum__10wqe:before {\n  content: \"\\e085\";\n}\n.styles-module_lnc_usb__12ZHW:before {\n  content: \"\\e086\";\n}\n.styles-module_lnc_checklist__2Sfo3:before {\n  content: \"\\e087\";\n}\n.styles-module_lnc_checklist2__3UhHY:before {\n  content: \"\\e088\";\n}\n.styles-module_lnc_concentrate__umSCo:before {\n  content: \"\\e089\";\n}\n.styles-module_lnc_cutlery__13cgD:before {\n  content: \"\\e08a\";\n}\n.styles-module_lnc_exchange3__3AZld:before {\n  content: \"\\e08b\";\n}\n.styles-module_lnc_graduate_cap__1ByaN:before {\n  content: \"\\e08c\";\n}\n.styles-module_lnc_id__2geFo:before {\n  content: \"\\e08d\";\n}\n.styles-module_lnc_printer_check__3iWO0:before {\n  content: \"\\e08e\";\n}\n.styles-module_lnc_slide_left__1lNSO:before {\n  content: \"\\e08f\";\n}\n.styles-module_lnc_slide_right__2Kkpl:before {\n  content: \"\\e090\";\n}\n.styles-module_lnc_user_switch__2Hki4:before {\n  content: \"\\e091\";\n}\n.styles-module_lnc_aggregate__1b8Xb:before {\n  content: \"\\e092\";\n}\n.styles-module_lnc_backspace__2SgjG:before {\n  content: \"\\e093\";\n}\n.styles-module_lnc_code2__1EbMZ:before {\n  content: \"\\e094\";\n}\n.styles-module_lnc_edit__3BwLt:before {\n  content: \"\\e095\";\n}\n.styles-module_lnc_handshake__k9t7X:before {\n  content: \"\\e096\";\n}\n.styles-module_lnc_input__1BsI_:before {\n  content: \"\\e097\";\n}\n.styles-module_lnc_intersect2__D0t4N:before {\n  content: \"\\e098\";\n}\n.styles-module_lnc_logo_dropbox__1bBky:before {\n  content: \"\\e099\";\n}\n.styles-module_lnc_logo_facebook__2LFx7:before {\n  content: \"\\e09a\";\n}\n.styles-module_lnc_logo_gdrive__lm2Xx:before {\n  content: \"\\e09b\";\n}\n.styles-module_lnc_logo_hangouts__3mBpc:before {\n  content: \"\\e09c\";\n}\n.styles-module_lnc_logo_instagram__1yoE_:before {\n  content: \"\\e09d\";\n}\n.styles-module_lnc_logo_linkedin___bnn1:before {\n  content: \"\\e09e\";\n}\n.styles-module_lnc_logo_messenger__22UXJ:before {\n  content: \"\\e09f\";\n}\n.styles-module_lnc_logo_paypal__1ctNm:before {\n  content: \"\\e0a0\";\n}\n.styles-module_lnc_logo_pinterest__2WBvf:before {\n  content: \"\\e0a1\";\n}\n.styles-module_lnc_logo_playstore__2dNKy:before {\n  content: \"\\e0a2\";\n}\n.styles-module_lnc_logo_skype__4zqs0:before {\n  content: \"\\e0a3\";\n}\n.styles-module_lnc_logo_twitter__2qNGG:before {\n  content: \"\\e0a4\";\n}\n.styles-module_lnc_logo_viber__a0Vu8:before {\n  content: \"\\e0a5\";\n}\n.styles-module_lnc_logo_whatsapp__1pRGX:before {\n  content: \"\\e0a6\";\n}\n.styles-module_lnc_logo_youtube__2rBKz:before {\n  content: \"\\e0a7\";\n}\n.styles-module_lnc_measure__7wXpY:before {\n  content: \"\\e0a8\";\n}\n.styles-module_lnc_percent__3qmzf:before {\n  content: \"\\e0a9\";\n}\n.styles-module_lnc_scan_barcode__2BfUT:before {\n  content: \"\\e0aa\";\n}\n.styles-module_lnc_scan_number__20DM5:before {\n  content: \"\\e0ab\";\n}\n.styles-module_lnc_scan_qr__2TG1C:before {\n  content: \"\\e0ac\";\n}\n.styles-module_lnc_user_speaker__2XqGz:before {\n  content: \"\\e0ad\";\n}\n.styles-module_lnc_users_connected__2gVEp:before {\n  content: \"\\e0ae\";\n}\n.styles-module_lnc_dots__iFPx7:before {\n  content: \"\\e0af\";\n}\n.styles-module_lnc_grid_plus__13nKs:before {\n  content: \"\\e0b0\";\n}\n.styles-module_lnc_sort_vertical__27lK1:before {\n  content: \"\\e0b1\";\n}\n.styles-module_lnc_sort_horizontal__NCpoS:before {\n  content: \"\\e0b2\";\n}\n.styles-module_lnc_grid_minus__YaD5A:before {\n  content: \"\\e0b3\";\n}\n.styles-module_lnc_calendar_check__Xk2zp:before {\n  content: \"\\e0b4\";\n}\n.styles-module_lnc_calendar_minus__1WJp0:before {\n  content: \"\\e0b5\";\n}\n.styles-module_lnc_calendar_plus__3dmG_:before {\n  content: \"\\e0b6\";\n}\n.styles-module_lnc_calendar_x__MI4zD:before {\n  content: \"\\e0b7\";\n}\n.styles-module_lnc_eye__3StZy:before {\n  content: \"\\e0b8\";\n}\n.styles-module_lnc_eye_no__3YiHU:before {\n  content: \"\\e0b9\";\n}\n";
 styleInject(css_248z$3);
 
-var _templateObject$b, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3;
-var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral__default['default'](["\n  border: 1.5px solid rgba(165, 164, 164, 0.4);\n  border-radius: 3px;\n  font-size: ", ";\n  font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
+var _templateObject$b, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1;
+var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral__default['default'](["\n  border-radius: 3px;\n  font-size: ", ";\n  font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
 var Wrapper = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral__default['default']([""])));
 var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral__default['default'](["\n  border-collapse: collapse;\n  width: 100%;\n"])));
-var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n  background-color: ", ";\n  color: ", ";\n"])), theme.palette.primary.main, theme.palette.primary.text);
-var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral__default['default']([""])));
-var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral__default['default'](["\n  text-align: left;\n  transition: all 250ms ease;\n\n  ", "\n\n  &:first-of-type {\n    border-radius: 3px 0 0 0;\n  }\n\n  &:last-of-type {\n    border-radius: 0 3px 0 0;\n  }\n\n  &:hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n"])), function (props) {
+var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n  color: ", ";\n  border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
+var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral__default['default'](["\n  border-bottom: 1px solid #80808025;\n"])));
+var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral__default['default'](["\n  text-align: left;\n  transition: all 250ms ease;\n  font-weight: 900;\n\n  ", "\n\n  &:first-of-type {\n    border-radius: 3px 0 0 0;\n  }\n\n  &:last-of-type {\n    border-radius: 0 3px 0 0;\n  }\n\n  &:hover {\n    // background-color: ", ";\n    background-color: #f0f0f0;\n    cursor: pointer;\n  }\n"])), function (props) {
   return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
 }, theme.palette.primary.light);
-var TableBody = newStyled.tbody(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral__default['default']([""])));
-var TableBodyRow = newStyled.tr(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteral__default['default'](["\n  border-bottom: 1px solid transparent;\n  border-top: 1px solid transparent;\n\n  ", "\n\n  ", "\n"])), function (props) {
-  if (props.selectedRow !== true) return "\n        &:nth-of-type(even) {\n          background-color: #f5f5f5;\n        }\n\n        &:hover {\n          & > td {\n            border-bottom: 1px solid ".concat(theme.palette.primary.light, ";\n            border-top: 1px solid ").concat(theme.palette.primary.light, ";\n          }\n    \n        cursor: pointer;\n      }");else return "";
+var HeaderInnerCell = newStyled.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  // justify-content: center;\n\n  & i {\n    color: black;\n  }\n"])));
+var HeaderCellText = newStyled.span(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteral__default['default'](["\n  color: black;\n"])));
+var HeaderCellIcon = newStyled.span(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteral__default['default'](["\n  color: black;\n  margin-left: auto;\n\n  & i {\n    color: ", ";\n  }\n"])), function (props) {
+  return props.sort ? "transparent" : "black";
+});
+var TableBody = newStyled.tbody(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral__default['default']([""])));
+var TableBodyRowNested = newStyled.tr(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral__default['default'](["\n  border-bottom: 1px solid transparent;\n  border-top: 1px solid transparent;\n  background-color: #f7f7f7;\n  cursor: normal;\n"])));
+var TableBodyRow = newStyled.tr(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral__default['default'](["\n  border-bottom: 1px solid transparent;\n  border-top: 1px solid transparent;\n  background-color: ", ";\n\n  ", "\n  ", ";\n"])), function (props) {
+  return props.nested ? "#f7f7f7" : "inherit";
+}, function (props) {
+  if (props.selectedRow !== true) return "\n      &:hover {\n        & > td {\n          background-color: #f0f0f0;\n        }\n  \n      cursor: pointer;\n    }";else return "";
 }, function (props) {
-  if (props.selectedRow === true) return "\n        background-color: ".concat(theme.palette.primary.lighter, ";\n        \n        & > td {\n          border-bottom: 1px solid ").concat(theme.palette.primary.light, ";\n          border-top: 1px solid ").concat(theme.palette.primary.light, ";\n        }\n      ");else return "";
+  if (props.selectedRow === true) return "\n      background-color: ".concat(theme.palette.primary.lighter, ";\n      cursor: pointer;\n    ");else return "";
 });
-var TableBodyCell = newStyled.td(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteral__default['default'](["\n  ", "\n"])), function (props) {
-  return props.selectionCell === true ? "padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 10px;";
+var TableBodyCell = newStyled.td(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral__default['default'](["\n  padding: ", ";\n"])), function (props) {
+  return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
 });
 
 var Table = function Table(props) {
@@ -50369,7 +50381,12 @@ var Table = function Table(props) {
       EnableOrdering = _ref3$EnableOrdering === void 0 ? false : _ref3$EnableOrdering,
       _ref3$SelectionType = _ref3.SelectionType,
       SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType$1.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
-  //======================== METHODS ==========================================
+
+
+  var _useState = React.useState([]),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      expandedColumns = _useState2[0],
+      setExpandedColumns = _useState2[1]; //======================== METHODS ==========================================
 
 
   var handleSelectAll = function handleSelectAll() {
@@ -50389,58 +50406,55 @@ var Table = function Table(props) {
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, Data.map(function (dataItem, i) {
       return renderBodyRow(dataItem, i);
     }));
-  }; // const renderEmptySelectionCell = () => {
-  //   if (
-  //     !EnableSelection ||
-  //     ReadOnly ||
-  //     (IsLookup && SelectionType === TableSelectionType.SINGLE)
-  //   )
-  //     return <></>;
-  //   return (
-  //     <td
-  //       className={[
-  //         style["table-cell"],
-  //         style["special-cell-render"],
-  //         style["select-checkbox"],
-  //       ].join(" ")}
-  //     ></td>
-  //   );
-  // };
-  // const renderGroupBodyRows = (col, dataItem) => {
-  //   if (col) var nestedArray = dataItem[col.accessor];
-  //   if (nestedArray) {
-  //     return dataItem[col.accessor].map((x, i) => {
-  //       return (
-  //         <tr
-  //           key={i + 100}
-  //           className={[
-  //             style["table-row-group-by-nested"],
-  //             style["table-row-odd"],
-  //           ].join(" ")}
-  //         >
-  //           {renderEmptySelectionCell()}
-  //           {Columns.map((col, j) => {
-  //             return renderBodyCell(x, col, i + 100, j + 100);
-  //           })}
-  //         </tr>
-  //       );
-  //     });
-  //   }
-  //   return <></>;
-  // };
+  };
+
+  var renderEmptySelectionCell = function renderEmptySelectionCell() {
+    if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+    return /*#__PURE__*/React__default['default'].createElement("td", null);
+  };
 
+  var renderGroupBodyRows = function renderGroupBodyRows(col, dataItem) {
+    var nestedArray;
+    if (col) nestedArray = dataItem[col.accessor];
+
+    if (nestedArray) {
+      return dataItem[col.accessor].map(function (x, i) {
+        return /*#__PURE__*/React__default['default'].createElement(TableBodyRowNested, {
+          key: i + 100
+        }, renderEmptySelectionCell(), /*#__PURE__*/React__default['default'].createElement("td", null), Columns.map(function (col, j) {
+          return renderBodyCell(x, col, i + 100, j + 100);
+        }));
+      });
+    }
+
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+  };
 
   var renderBodyRow = function renderBodyRow(dataItem, i) {
-    Columns.find(function (x) {
-      return x.nested;
+    var nested = Columns.find(function (x) {
+      return x.nested === true;
     });
     var rowSelected = isRowSelected(dataItem);
+    var nestedArray;
+    if (nested) nestedArray = dataItem[nested.accessor];
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TableBodyRow, {
       selectedRow: rowSelected,
-      key: i
-    }, renderSelectionCell(dataItem, rowSelected), Columns.map(function (col, j) {
+      key: i,
+      onClick: function onClick() {
+        if (expandedColumns.includes(dataItem[SelectionIndicator])) {
+          setExpandedColumns(expandedColumns.filter(function (x) {
+            return x != dataItem[SelectionIndicator];
+          }));
+        } else {
+          setExpandedColumns([].concat(_toConsumableArray__default['default'](expandedColumns), [dataItem[SelectionIndicator]]));
+        }
+      }
+    }, renderSelectionCell(dataItem, rowSelected), nested && nestedArray && nestedArray.length > 0 ? /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Icon$1, {
+      color: "primary",
+      icon: expandedColumns.includes(dataItem[SelectionIndicator]) ? "caret-square-down" : "caret-square-right"
+    })) : /*#__PURE__*/React__default['default'].createElement("td", null), Columns.map(function (col, j) {
       return renderBodyCell(dataItem, col, i, j);
-    })));
+    })), expandedColumns.includes(dataItem[SelectionIndicator]) && renderGroupBodyRows(nested, dataItem));
   };
 
   var renderHeaderCell = function renderHeaderCell(col, i) {
@@ -50450,17 +50464,19 @@ var Table = function Table(props) {
       return OnOrder(col.accessor);
     };
     var orderingIconClass = "sort";
-    if (isOrderByColumn && Ascending) orderingIconClass = "sort-up";
-    if (isOrderByColumn && Descending) orderingIconClass = "sort-down";
+    if (isOrderByColumn && Ascending) orderingIconClass = "long-arrow-alt-up";
+    if (isOrderByColumn && Descending) orderingIconClass = "long-arrow-alt-down";
     if (isOrderByColumn && !Ascending && !Descending) orderingIconClass = "sort";
     if (!isOrderByColumn || Accessor === "") orderingIconClass = "sort";
     return /*#__PURE__*/React__default['default'].createElement(TableHeadCell, {
       key: i,
       onClick: onClick
-    }, /*#__PURE__*/React__default['default'].createElement("div", null, col.name, !hideOrdering && /*#__PURE__*/React__default['default'].createElement(Icon$1, {
+    }, /*#__PURE__*/React__default['default'].createElement(HeaderInnerCell, null, /*#__PURE__*/React__default['default'].createElement(HeaderCellText, null, " ", col.name), !hideOrdering && /*#__PURE__*/React__default['default'].createElement(HeaderCellIcon, {
+      sort: orderingIconClass === "sort"
+    }, /*#__PURE__*/React__default['default'].createElement(Icon$1, {
       color: "white",
       icon: orderingIconClass
-    })));
+    }))));
   };
 
   var renderSelectionCell = function renderSelectionCell(dataItem, selected) {
@@ -50503,7 +50519,11 @@ var Table = function Table(props) {
 
   return /*#__PURE__*/React__default['default'].createElement(Container$b, null, /*#__PURE__*/React__default['default'].createElement(Wrapper, null, /*#__PURE__*/React__default['default'].createElement(TableTable, {
     cellSpacing: 0
-  }, /*#__PURE__*/React__default['default'].createElement(TableHead, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow, null, renderSelectAllHeaderCell(), Columns.map(function (col, i) {
+  }, /*#__PURE__*/React__default['default'].createElement(TableHead, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow, null, renderSelectAllHeaderCell(), /*#__PURE__*/React__default['default'].createElement("th", {
+    style: {
+      width: "13px"
+    }
+  }), Columns.map(function (col, i) {
     return renderHeaderCell(col, i);
   }))), /*#__PURE__*/React__default['default'].createElement(TableBody, null, renderBody()))));
 };
@@ -50897,11 +50917,11 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
 
 var Container$a = newStyled.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral__default['default'](["\n  box-shadow: 0 0 12px #bebebe;\n  borderradius: 3px;\n  padding: 4px;\n"])));
 var TableContainer = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral__default['default'](["\n  font-family: var(--font-base-ubuntu);\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n"])));
-var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral__default['default'](["\n  margin-top: 6px;\n"])));
+var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral__default['default'](["\n  margin-top: 6px;\n  border-top: 1px solid #80808025;\n"])));
 var FormContainer$1 = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral__default['default'](["\n  height: 100%;\n  overflow-y: auto;\n  max-height: calc(100vh - 120px);\n  ", "\n"])), function (props) {
   return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
 });
-var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: row;\n  justify-content: left;\n  align-items: center;\n  margin-bottom: 5px;\n\n  border: 1.5px solid rgba(165, 164, 164, 0.4);\n  border-radius: 3px;\n  padding: 4px;\n  font-size: 12px;\n  font-family: \"Ubuntu\";\n"])));
+var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: row;\n  justify-content: left;\n  align-items: center;\n  margin-bottom: 5px;\n\n  border-radius: 3px;\n  padding: 0px;\n  font-size: 12px;\n  font-family: \"Ubuntu\";\n"])));
 var FlexItem = newStyled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral__default['default'](["\n  padding-left: 3px;\n  padding-right: 4px;\n  font-size: 1.4em;\n  max-height: 40px;\n"])));
 var DeveloperMessageContainer = newStyled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral__default['default'](["\n  margin-top: 5px;\n  padding: 8px;\n  border: 2px solid rgba(255, 0, 0, 0.725);\n  background-color: rgba(252, 79, 79, 0.104);\n  font-size: 11px;\n"])));
 var DeveloperMessage = newStyled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral__default['default'](["\n  color: rgb(180, 3, 3);\n"])));
@@ -51947,7 +51967,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
       tooltip: state.Form.Mode === FormMode.READ ? Localization.FormEditMode || "Edit mode" : Localization.FormReadMode || "View mode",
       onClick: changeToEditMode,
       disabled: freezeLoading(),
-      icon: state.Form.Mode === FormMode.READ ? "edit" : "eye"
+      icon: state.Form.Mode === FormMode.READ ? "edit" : "eye",
+      inverted: true
     }));
   };
 
@@ -51961,7 +51982,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
         tooltip: Localization.Add || "Add",
         onClick: goToAdd,
         disabled: freezeLoading(),
-        icon: "plus"
+        icon: "plus",
+        inverted: true
       }));
     }
 
@@ -51978,7 +52000,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
       onClick: onRefresh,
       disabled: freezeLoading(),
       icon: "sync-alt",
-      size: "small"
+      size: "small",
+      inverted: true
     }));
   };
 
@@ -51990,7 +52013,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
           if (OnChange) OnChange(state.Table.SelectedData);
         },
         disabled: freezeLoading([state.Table.SelectedData.length === 0]),
-        icon: "check-circle"
+        icon: "check-circle",
+        inverted: true
       }));
     }
 
@@ -52021,7 +52045,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
       onClick: toggleDeleteConfirmationBox,
       disabled: freezeLoading([state.Table.SelectedData.length === 0]),
       tooltip: Localization.DeleteSelected || "Delete selected",
-      icon: "trash"
+      icon: "trash",
+      inverted: true
     }));
   };
 
@@ -52034,7 +52059,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
       tooltip: Localization.ToTableView || "Table view",
       onClick: onSwitchToTableView,
       disabled: freezeLoading(),
-      icon: "table"
+      icon: "table",
+      inverted: true
     }));
   };
 
@@ -52063,6 +52089,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
     });
 
     return /*#__PURE__*/React__default['default'].createElement(PaginationContainer, null, /*#__PURE__*/React__default['default'].createElement(Pagination, _extends__default['default']({}, cfg, {
+      inverted: true,
       Localization: Localization.Pagination || {}
     })));
   };
@@ -53387,7 +53414,7 @@ var iconPaddingBySize = function iconPaddingBySize(size) {
 };
 
 var containerColor = function containerColor(props) {
-  if (props.disable) return props.theme.palette.gray[200];
+  if (props.disabled) return props.theme.palette.gray[200];
   if (props.focus) return "white";
   return props.theme.palette[props.color].lighter;
 };
@@ -53460,6 +53487,8 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
       disabled = props.disabled,
       id = props.id,
       className = props.className,
+      mapIdTo = props.mapIdTo,
+      mapValueTo = props.mapValueTo,
       size = props.size,
       color = props.color,
       theme = props.theme;
@@ -53497,18 +53526,33 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
   };
 
   var onKeyDown = function onKeyDown(e) {
-    if (e.keyCode === 27) InputRef.current.blur();
-    if (e.keyCode === 38 || e.keyCode === 40) e.preventDefault();
-    if (e.keyCode === 38 && cursor > 0) setCursor(cursor - 1);
-    if (e.keyCode === 40 && cursor < options.length - 1) setCursor(cursor + 1);
+    //ArrowUp & ArrowDown
+    if (e.keyCode === 38 || e.keyCode === 40) e.preventDefault(); //Esc
+
+    if (e.keyCode === 27) InputRef.current.blur(); //ArrowUp & ArrowDown
 
-    if (e.key === "Enter" && options.length > 0 && value && value.length > 0) {
-      optionSelected([].concat(_toConsumableArray__default['default'](items), [options[cursor]]));
+    if (options !== null && options.length !== 0 && inFocus) {
+      if (e.keyCode === 38 && cursor > 0) setCursor(cursor - 1);
+      if (e.keyCode === 40 && cursor < options.length - 1) setCursor(cursor + 1);
+      if (e.keyCode === 13) optionSelected([].concat(_toConsumableArray__default['default'](items), [options[cursor]]));
+
+      if (e.key === "Backspace" && items.length > 0 && value === "") {
+        handleRemoveItem(items.length - 1);
+      }
+
+      console.log("ARR DOWN");
+      return;
+    }
+
+    if (e.keyCode === 40) {
+      setInFocus(true);
+      setCursor(0);
+      load(e.target.value);
     }
 
     var empty = options === null || options !== null && options.length === 0;
 
-    if (e.key === "Enter" && inFocus && empty && loading === false && value !== "") {
+    if (e.key === "Enter" && inFocus && empty && loading === false) {
       onInputBlur();
     }
 
@@ -53561,13 +53605,13 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
             return optionSelected([].concat(_toConsumableArray__default['default'](items), [item]));
           },
           hover: cursor === i
-        }), item.value);
+        }), item[mapValueTo]);
       })));
     }
 
     var empty = options === null || options !== null && options.length === 0;
 
-    if (inFocus && empty && loading === false && value !== "") {
+    if (inFocus && empty && loading === false) {
       return /*#__PURE__*/React__default['default'].createElement(FadeIn, null, /*#__PURE__*/React__default['default'].createElement(Content, _extends__default['default']({}, themeProps, {
         key: 0
       }), /*#__PURE__*/React__default['default'].createElement(ContentItem, _extends__default['default']({}, themeProps, {
@@ -53592,10 +53636,10 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
     }, /*#__PURE__*/React__default['default'].createElement(ItemWrapper, _extends__default['default']({}, themeProps, {
       key: key,
       first: key === 0,
-      title: x.value
+      title: x[mapValueTo]
     }), /*#__PURE__*/React__default['default'].createElement(Item, _extends__default['default']({}, themeProps, {
-      id: x.id,
-      text: x.value,
+      id: x[mapIdTo],
+      text: x[mapValueTo],
       onRemove: function onRemove() {
         return handleRemoveItem(key);
       }
@@ -53640,7 +53684,9 @@ MultiSelectDropdown.defaultProps = {
   size: "small",
   color: "primary",
   notItemsFoundText: "No items found...",
-  theme: theme
+  theme: theme,
+  mapIdTo: "id",
+  mapValueTo: "value"
 };
 MultiSelectDropdown.propTypes = {
   theme: PropTypes__default['default'].object.isRequired,
@@ -53652,6 +53698,8 @@ MultiSelectDropdown.propTypes = {
   className: PropTypes__default['default'].string,
   items: PropTypes__default['default'].array,
   options: PropTypes__default['default'].array,
+  mapIdTo: PropTypes__default['default'].string,
+  mapValueTo: PropTypes__default['default'].string,
   notItemsFoundText: PropTypes__default['default'].string,
   size: PropTypes__default['default'].oneOf(["small", "medium", "large"]),
   color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background", "transparent"])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "2.1.2",
+  "version": "2.1.6",
   "description": "component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",