@lanaco/lnc-react-ui 2.1.4 → 2.1.8

package/lib/index.js

@@ -4616,7 +4616,7 @@ if (process.env.NODE_ENV !== 'production') {
   }
 }
 
-var _templateObject$o;
+var _templateObject$p;
 
 var getCheckboxCss = function getCheckboxCss(props) {
   var left, top, width, height, checkWidth, checkHeight, margin, marginLeft, padingLeft, paddingTop;
@@ -4661,7 +4661,7 @@ var getCheckboxCss = function getCheckboxCss(props) {
     height = "1.6875rem";
   }
 
-  return css(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral__default['default'](["\n    .c-", "-container {\n      font-family: ", ";\n      display: inline-block;\n      position: relative;\n      padding: 0.25rem;\n      padding-left: ", ";\n      ", "\n      cursor: pointer;\n      font-size: ", ";\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n      margin: ", ";\n      margin-left: ", ";\n      cursor: pointer;\n    }\n\n    /* Hide the browser's default checkbox */\n    .c-", "-container input {\n      position: absolute;\n      opacity: 0;\n      cursor: pointer;\n      height: 0;\n      width: 0;\n    }\n\n    /* Create a custom checkbox */\n    .c-", "-checkmark {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: ", ";\n      width: ", ";\n      background-color: #eee;\n      border: 0.0625rem solid ", ";\n      border-radius: 2px;\n      transition: all 200ms ease;\n    }\n\n    /* On mouse-over, add a grey background color */\n    .c-", "-container:hover input ~ .c-", "-checkmark {\n      cursor: pointer;\n    }\n\n    .c-", "-container:hover input:disabled ~ .c-", "-checkmark {\n      background-color: ", ";\n      cursor: default;\n    }\n\n    .c-", "-container input:disabled ~ .c-", "-checkmark {\n      background-color: ", ";\n    }\n\n    /* When the checkbox is checked, add a blue background */\n    .c-", "-container input:checked ~ .c-", "-checkmark {\n      background-color: ", ";\n    }\n\n    .c-", "-container input:checked:disabled ~ .c-", "-checkmark {\n      background-color: ", ";\n      border: 0.0625rem solid ", ";\n      cursor: default;\n    }\n\n    /* Create the checkmark/indicator (hidden when not checked) */\n    .c-", "-checkmark:after {\n      content: \"\";\n      position: absolute;\n      display: none;\n    }\n\n    /* Show the checkmark when checked */\n    .c-", "-container input:checked ~ .c-", "-checkmark:after {\n      display: block;\n    }\n\n    /* Style the checkmark/indicator */\n    .c-", "-container .c-", "-checkmark:after {\n      left: ", ";\n      top: ", ";\n      width: ", ";\n      height: ", ";\n      border: solid white;\n      border-width: 0 0.21875rem 0.21875rem 0;\n      -webkit-transform: rotate(35deg);\n      -ms-transform: rotate(35deg);\n      transform: rotate(35deg);\n    }\n  "])), props.id, props.theme.typography.fontFamily, padingLeft, paddingTop, props.theme.typography[props.size].fontSize, margin, marginLeft, props.id, props.id, height, width, props.theme.palette[props.color].main, props.id, props.id, props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette[props.color].main, props.id, props.id, props.theme.palette.gray[900], props.theme.palette.gray.textLight, props.id, props.id, props.id, props.id, props.id, left, top, checkWidth, checkHeight);
+  return css(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral__default['default'](["\n    .c-", "-container {\n      font-family: ", ";\n      display: inline-block;\n      position: relative;\n      padding: 0.25rem;\n      padding-left: ", ";\n      ", "\n      cursor: pointer;\n      font-size: ", ";\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n      margin: ", ";\n      margin-left: ", ";\n      cursor: pointer;\n    }\n\n    /* Hide the browser's default checkbox */\n    .c-", "-container input {\n      position: absolute;\n      opacity: 0;\n      cursor: pointer;\n      height: 0;\n      width: 0;\n    }\n\n    /* Create a custom checkbox */\n    .c-", "-checkmark {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: ", ";\n      width: ", ";\n      background-color: #eee;\n      border: 0.0625rem solid ", ";\n      border-radius: 2px;\n      transition: all 200ms ease;\n    }\n\n    /* On mouse-over, add a grey background color */\n    .c-", "-container:hover input ~ .c-", "-checkmark {\n      cursor: pointer;\n    }\n\n    .c-", "-container:hover input:disabled ~ .c-", "-checkmark {\n      background-color: ", ";\n      cursor: default;\n    }\n\n    .c-", "-container input:disabled ~ .c-", "-checkmark {\n      background-color: ", ";\n    }\n\n    /* When the checkbox is checked, add a blue background */\n    .c-", "-container input:checked ~ .c-", "-checkmark {\n      background-color: ", ";\n    }\n\n    .c-", "-container input:checked:disabled ~ .c-", "-checkmark {\n      background-color: ", ";\n      border: 0.0625rem solid ", ";\n      cursor: default;\n    }\n\n    /* Create the checkmark/indicator (hidden when not checked) */\n    .c-", "-checkmark:after {\n      content: \"\";\n      position: absolute;\n      display: none;\n    }\n\n    /* Show the checkmark when checked */\n    .c-", "-container input:checked ~ .c-", "-checkmark:after {\n      display: block;\n    }\n\n    /* Style the checkmark/indicator */\n    .c-", "-container .c-", "-checkmark:after {\n      left: ", ";\n      top: ", ";\n      width: ", ";\n      height: ", ";\n      border: solid white;\n      border-width: 0 0.21875rem 0.21875rem 0;\n      -webkit-transform: rotate(35deg);\n      -ms-transform: rotate(35deg);\n      transform: rotate(35deg);\n    }\n  "])), props.id, props.theme.typography.fontFamily, padingLeft, paddingTop, props.theme.typography[props.size].fontSize, margin, marginLeft, props.id, props.id, height, width, props.theme.palette[props.color].main, props.id, props.id, props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette[props.color].main, props.id, props.id, props.theme.palette.gray[900], props.theme.palette.gray.textLight, props.id, props.id, props.id, props.id, props.id, left, top, checkWidth, checkHeight);
 };
 
 var CheckBox = function CheckBox(props) {
@@ -4716,7 +4716,7 @@ CheckBox.propTypes = {
   color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
 };
 
-var _templateObject$n, _templateObject2$i, _templateObject3$d;
+var _templateObject$o, _templateObject2$j, _templateObject3$e;
 
 var getLabelAndTextProps = function getLabelAndTextProps() {
   return {
@@ -4787,14 +4787,14 @@ var Label = newStyled.label(function (props) {
     }
   };
 });
-var Text$2 = newStyled.label(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral__default['default'](["\n  position: relative;\n  font-family: ", ";\n  font-size: ", ";\n  top: ", ";\n"])), function (props) {
+var Text$2 = newStyled.label(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral__default['default'](["\n  position: relative;\n  font-family: ", ";\n  font-size: ", ";\n  top: ", ";\n"])), function (props) {
   return props.theme.typography.fontFamily;
 }, function (props) {
   return props.theme.typography[props.size].fontSize;
 }, function (props) {
   return getLabelAndTextProps()[props.size].top;
 });
-var Input$4 = newStyled.input(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral__default['default'](["\n  &:checked + span {\n    background-color: ", ";\n  }\n\n  &:focus + span {\n    box-shadow: 0 0 0.0625rem\n      ", ";\n  }\n\n  &:checked + span:before {\n    transform: translateX(90%);\n  }\n\n  &:checked:disabled + span {\n  }\n\n  &:checked:disabled + span:before {\n    backround-color: red;\n  }\n\n  &:disabled + span {\n    position: absolute;\n    cursor: pointer;\n    top: ", ";\n    left: ", ";\n    right: 0;\n    bottom: 0;\n    background-color: ", ";\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    height: ", ";\n    width: ", ";\n    border: 0.0625rem solid ", ";\n    border-radius: 0.125rem;\n  }\n\n  &:disabled + span:before {\n    position: absolute;\n    content: \"\";\n    height: ", ";\n    width: ", ";\n    left: 0.0625rem;\n    top: -0.125rem;\n    background-color: ", ";\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border: 0.0625rem solid ", ";\n    border-radius: 0.125rem;\n  }\n\n  &:checked:disabled + span:before {\n    position: absolute;\n    content: \"\";\n    height: ", ";\n    width: ", ";\n    left: 0.0625rem;\n    top: -0.125rem;\n    background-color: ", ";\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border: 0.0625rem solid ", ";\n    border-radius: 0.125rem;\n  }\n"])), function (props) {
+var Input$4 = newStyled.input(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral__default['default'](["\n  &:checked + span {\n    background-color: ", ";\n  }\n\n  &:focus + span {\n    box-shadow: 0 0 0.0625rem\n      ", ";\n  }\n\n  &:checked + span:before {\n    transform: translateX(90%);\n  }\n\n  &:checked:disabled + span {\n  }\n\n  &:checked:disabled + span:before {\n    backround-color: red;\n  }\n\n  &:disabled + span {\n    position: absolute;\n    cursor: pointer;\n    top: ", ";\n    left: ", ";\n    right: 0;\n    bottom: 0;\n    background-color: ", ";\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    height: ", ";\n    width: ", ";\n    border: 0.0625rem solid ", ";\n    border-radius: 0.125rem;\n  }\n\n  &:disabled + span:before {\n    position: absolute;\n    content: \"\";\n    height: ", ";\n    width: ", ";\n    left: 0.0625rem;\n    top: -0.125rem;\n    background-color: ", ";\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border: 0.0625rem solid ", ";\n    border-radius: 0.125rem;\n  }\n\n  &:checked:disabled + span:before {\n    position: absolute;\n    content: \"\";\n    height: ", ";\n    width: ", ";\n    left: 0.0625rem;\n    top: -0.125rem;\n    background-color: ", ";\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border: 0.0625rem solid ", ";\n    border-radius: 0.125rem;\n  }\n"])), function (props) {
   return props.theme.palette[props.color].main;
 }, function (props) {
   return props.theme.palette[props.color].main;
@@ -4827,7 +4827,7 @@ var Input$4 = newStyled.input(_templateObject2$i || (_templateObject2$i = _tagge
 }, function (props) {
   return props.theme.palette.gray[1000];
 });
-var Span$2 = newStyled.span(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral__default['default'](["\n  position: absolute;\n  cursor: pointer;\n  top: ", ";\n  left: ", ";\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  -webkit-transition: 0.4s;\n  transition: 0.4s;\n  height: ", ";\n  width: ", ";\n  border: 0.0625rem solid ", ";\n  border-radius: 0.125rem;\n\n  &:before {\n    position: absolute;\n    content: \"\";\n    height: ", ";\n    width: ", ";\n    left: 0.0625rem;\n    top: -0.125rem;\n    background-color: white;\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border: 0.0625rem solid ", ";\n    border-radius: 0.125rem;\n  }\n"])), function (props) {
+var Span$2 = newStyled.span(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral__default['default'](["\n  position: absolute;\n  cursor: pointer;\n  top: ", ";\n  left: ", ";\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  -webkit-transition: 0.4s;\n  transition: 0.4s;\n  height: ", ";\n  width: ", ";\n  border: 0.0625rem solid ", ";\n  border-radius: 0.125rem;\n\n  &:before {\n    position: absolute;\n    content: \"\";\n    height: ", ";\n    width: ", ";\n    left: 0.0625rem;\n    top: -0.125rem;\n    background-color: white;\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border: 0.0625rem solid ", ";\n    border-radius: 0.125rem;\n  }\n"])), function (props) {
   return getSpanProps()[props.size].top;
 }, function (props) {
   return getSpanProps()[props.size].left;
@@ -6554,12 +6554,12 @@ 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 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) {
+var _templateObject$n, _templateObject2$i, _templateObject3$d, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$3;
+var Container$k = newStyled.div(_templateObject$n || (_templateObject$n = _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);
-var Table$1 = newStyled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: column;\n  border: 1.7px solid #80808060;\n  background-color: whitesmoke;\n  border-radius: 0.175rem;\n"])));
-var Body = newStyled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: column;\n  &::-webkit-scrollbar {\n    background: white;\n    height: 0;\n    width: 0;\n  }\n  overflow: auto;\n  height: ", ";\n"])), function (props) {
+var Table$1 = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: column;\n  border: 1.7px solid #80808060;\n  background-color: whitesmoke;\n  border-radius: 0.175rem;\n"])));
+var Body = newStyled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: column;\n  &::-webkit-scrollbar {\n    background: white;\n    height: 0;\n    width: 0;\n  }\n  overflow: auto;\n  height: ", ";\n"])), function (props) {
   return props.height && props.height !== "" ? props.height : "auto";
 });
 var Row = newStyled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n  transition: all 250ms ease;\n  background-color: white;\n\n  &:hover {\n    background-color: whitesmoke;\n  }\n"])));
@@ -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$3 || (_templateObject13$3 = _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, {
@@ -22511,7 +22511,7 @@ var DateInput = function DateInput(props) {
   React.useEffect(function () {
     var timeOutId = setTimeout(function () {
       return handleDelayedOnChange();
-    }, 1500);
+    }, 350);
     return function () {
       return clearTimeout(timeOutId);
     };
@@ -22691,13 +22691,13 @@ DropDown.propTypes = {
 
 var _excluded = ["duration", "delay", "children"];
 
-var _templateObject$l, _templateObject2$g;
+var _templateObject$m, _templateObject2$h;
 
 function ownKeys$3(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; }
 
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var fadeIn = keyframes$2(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral__default['default'](["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
-var Wrapper$2 = newStyled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral__default['default'](["\n  @media (prefers-reduced-motion: no-preference) {\n    animation-name: ", ";\n    animation-fill-mode: backwards;\n  }\n"])), fadeIn);
+var fadeIn = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral__default['default'](["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
+var Wrapper$2 = newStyled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral__default['default'](["\n  @media (prefers-reduced-motion: no-preference) {\n    animation-name: ", ";\n    animation-fill-mode: backwards;\n  }\n"])), fadeIn);
 
 var FadeIn = function FadeIn(_ref) {
   var _ref$duration = _ref.duration,
@@ -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$l, _templateObject2$g, _templateObject3$c, _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";
@@ -22729,8 +22729,8 @@ var heightBySize$b = function heightBySize(size) {
   if (size === "large") return "2.25rem";
 };
 
-var spin$2 = keyframes$2(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral__default['default'](["\n    100% {\n      transform: rotate(360deg);\n    }\n\n    0% {\n      transform: rotate(0deg);\n    }\n"])));
-var Container$i = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral__default['default'](["\n  display: inline-block;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  border-bottom: 0.125rem solid\n    ", ";\n  min-height: ", ";\n  max-height: ", ";\n  transition: all 250ms ease;\n  border-radius: 0.125rem;\n  background-color: ", ";\n"])), function (props) {
+var spin$2 = keyframes$2(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral__default['default'](["\n    100% {\n      transform: rotate(360deg);\n    }\n\n    0% {\n      transform: rotate(0deg);\n    }\n"])));
+var Container$i = newStyled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral__default['default'](["\n  display: inline-block;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  border-bottom: 0.125rem solid\n    ", ";\n  min-height: ", ";\n  max-height: ", ";\n  transition: all 250ms ease;\n  border-radius: 0.125rem;\n  background-color: ", ";\n"])), function (props) {
   return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
 }, function (props) {
   return heightBySize$b(props.size);
@@ -22739,7 +22739,7 @@ var Container$i = newStyled.div(_templateObject2$f || (_templateObject2$f = _tag
 }, function (props) {
   return props.disabled ? props.theme.palette.gray[200] : props.theme.palette[props.color].lighter;
 });
-var Inner$4 = newStyled.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n"])));
+var Inner$4 = newStyled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n"])));
 var InputContainer$2 = newStyled.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral__default['default'](["\n  flex-grow: 1;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
 var ButtonContainer$2 = newStyled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral__default['default'](["\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 250ms ease;\n  color: ", ";\n  padding: 0 0.1875rem;\n  cursor: ", ";\n"])), function (props) {
   return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
@@ -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;
@@ -23016,7 +23016,7 @@ DropdownLookup.propTypes = (_DropdownLookup$propT = {
   onChange: PropTypes__default['default'].func
 }, _defineProperty__default['default'](_DropdownLookup$propT, "load", PropTypes__default['default'].func), _defineProperty__default['default'](_DropdownLookup$propT, "clear", PropTypes__default['default'].func), _defineProperty__default['default'](_DropdownLookup$propT, "className", PropTypes__default['default'].string), _defineProperty__default['default'](_DropdownLookup$propT, "initialValue", PropTypes__default['default'].object), _defineProperty__default['default'](_DropdownLookup$propT, "notItemsFoundText", PropTypes__default['default'].string), _defineProperty__default['default'](_DropdownLookup$propT, "size", PropTypes__default['default'].oneOf(["small", "medium", "large"])), _defineProperty__default['default'](_DropdownLookup$propT, "color", PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])), _DropdownLookup$propT);
 
-var _templateObject$j;
+var _templateObject$k;
 
 var getPadding = function getPadding(size) {
   if (size === "small") return "0.4125rem 0.34375rem";
@@ -23030,7 +23030,7 @@ var heightBySize$a = function heightBySize(size) {
   if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
 };
 
-var Span$1 = newStyled.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral__default['default'](["\n  display: inline-block;\n  box-sizing: border-box;\n  background-color: inherit;\n  font-size: ", ";\n  padding: ", ";\n  color: ", ";\n  ", "\n"])), function (props) {
+var Span$1 = newStyled.span(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral__default['default'](["\n  display: inline-block;\n  box-sizing: border-box;\n  background-color: inherit;\n  font-size: ", ";\n  padding: ", ";\n  color: ", ";\n  ", "\n"])), function (props) {
   return props.theme.typography[props.size].fontSize;
 }, function (props) {
   return getPadding(props.size);
@@ -23483,13 +23483,12 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
     onChange(id, val);
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(StyledTextInput$1, _defineProperty__default['default']({
+  return /*#__PURE__*/React__default['default'].createElement(StyledTextInput$1, {
     theme: theme,
     size: size,
     color: color,
     onChange: handleOnChange,
     onPaste: handleOnChange,
-    onBlur: handleOnBlur,
     className: className,
     disabled: disabled,
     value: val,
@@ -23501,11 +23500,13 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
     onInput: function onInput(e) {
       e.target.style.whiteSpace = "inherit";
       e.target.style.height = "".concat(e.target.scrollHeight, "px");
+    },
+    onBlur: function onBlur(e) {
+      e.target.style.height = heightBySize$7(size);
+      e.target.style.whiteSpace = "nowrap";
+      handleOnBlur(e);
     }
-  }, "onBlur", function onBlur(e) {
-    e.target.style.height = heightBySize$7(size);
-    e.target.style.whiteSpace = "nowrap";
-  }));
+  });
 });
 TextArea.defaultProps = {
   id: "",
@@ -31356,11 +31357,11 @@ var AnimatePresence = function (_a) {
         : childrenToRender.map(function (child) { return React.cloneElement(child); })));
 };
 
-var _templateObject$i, _templateObject2$e;
-var Overlay = newStyled(motion.div)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral__default['default'](["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.3);\n  z-index: ", ";\n"])), function (props) {
+var _templateObject$j, _templateObject2$f;
+var Overlay = newStyled(motion.div)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral__default['default'](["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.3);\n  z-index: ", ";\n"])), function (props) {
   return props.zIndex;
 });
-var ModalContainer = newStyled(motion.div)(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral__default['default'](["\n  width: 50%;\n  background-color: white;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: ", ";\n  border-radius: 0.2rem;\n  background: white;\n  z-index: ", ";\n"])), function (props) {
+var ModalContainer = newStyled(motion.div)(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral__default['default'](["\n  width: 50%;\n  background-color: white;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: ", ";\n  border-radius: 0.2rem;\n  background: white;\n  z-index: ", ";\n"])), function (props) {
   return props.width;
 }, function (props) {
   return props.zIndex;
@@ -31426,19 +31427,7 @@ function Modal$1(props) {
 
   var onClickOutsideModal = function onClickOutsideModal(event) {
     if (event.target !== event.currentTarget) return;
-    if (clickOutsideToClose || !showHeader) onClose();
-  };
-
-  var modalVariant = {
-    initial: {
-      opacity: 0
-    },
-    isOpen: {
-      opacity: 1
-    },
-    exit: {
-      opacity: 0
-    }
+    if (clickOutsideToClose || !showHeader) onClose(event);
   };
   var containerVariant = {
     initial: {
@@ -31454,14 +31443,10 @@ function Modal$1(props) {
       top: "-50%"
     }
   };
-  return /*#__PURE__*/React__default['default'].createElement(AnimatePresence, null, open && /*#__PURE__*/React__default['default'].createElement(Overlay, _extends__default['default']({}, themeProps, {
-    initial: "initial",
-    animate: "isOpen",
-    exit: "exit",
-    variants: modalVariant,
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, open && /*#__PURE__*/React__default['default'].createElement(Overlay, _extends__default['default']({}, themeProps, {
     onClick: onClickOutsideModal,
     className: className
-  }), /*#__PURE__*/React__default['default'].createElement(ModalContainer, _extends__default['default']({}, themeProps, {
+  }), /*#__PURE__*/React__default['default'].createElement(AnimatePresence, null, /*#__PURE__*/React__default['default'].createElement(ModalContainer, _extends__default['default']({}, themeProps, {
     initial: "initial",
     animate: "isOpen",
     exit: "exit",
@@ -31469,9 +31454,11 @@ function Modal$1(props) {
   }), showHeader && /*#__PURE__*/React__default['default'].createElement(Header$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Title$1, themeProps, header), /*#__PURE__*/React__default['default'].createElement(CloseButton$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
     icon: "times",
     iconStyle: "solid",
-    onClick: onClose,
+    onClick: function onClick(e) {
+      return onClose(e);
+    },
     color: basic ? "transparent" : themeProps.color
-  })))), /*#__PURE__*/React__default['default'].createElement(Content$4, themeProps, children))));
+  })))), /*#__PURE__*/React__default['default'].createElement(Content$4, themeProps, children)))));
 }
 
 Modal$1.defaultProps = {
@@ -31677,26 +31664,52 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n  font-size: var(--base-addit
 var styles$1 = {"dropbtn":"styles-module_dropbtn__3BuA0","disabled":"styles-module_disabled__3pCU6","dropdownContent":"styles-module_dropdownContent__2g5rN","dropdown":"styles-module_dropdown__zPTAO","linkInnerSpan":"styles-module_linkInnerSpan__2Gjny","linkIconSpan":"styles-module_linkIconSpan__1IQ0O","iconSpan":"styles-module_iconSpan__2IYf9","mymove":"styles-module_mymove__2DflL"};
 styleInject(css_248z$6);
 
+var _templateObject$i, _templateObject2$e, _templateObject3$b;
+
+var Dropdown = newStyled.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral__default['default'](["\n  display: ", ";\n  position: absolute;\n  background-color: white;\n  min-width: 160px;\n  border-radius: 3.5px;\n  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n  z-index: 1;\n"])), function (props) {
+  return props.show ? "block" : "none";
+});
+var ItemWrapper$2 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral__default['default'](["\n  padding: 2px;\n"])));
+var Item$4 = newStyled.a(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral__default['default'](["\n  background-color: white;\n  color: ", ";\n  padding: 6px 6px;\n  text-decoration: none;\n  display: block;\n  font-size: 12px;\n  padding: 2px;\n\n  &:hover {\n    background-color: whitesmoke;\n    color: ", ";\n  }\n"])), theme.palette.primary.main, theme.palette.primary.light); //============================================================
+
 var DropdownMenu = function DropdownMenu(props) {
   var _props$actionData = props.actionData,
       actionData = _props$actionData === void 0 ? function () {} : _props$actionData,
       _props$items = props.items,
       items = _props$items === void 0 ? [] : _props$items;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: props.disabled ? styles$1.disabled : styles$1.dropdown
-  }, /*#__PURE__*/React__default['default'].createElement("span", {
-    className: styles$1.dropbtn,
-    disabled: props.disabled
-  }, props.label, "\xA0\xA0", /*#__PURE__*/React__default['default'].createElement("span", {
-    className: styles$1.iconSpan
-  }, /*#__PURE__*/React__default['default'].createElement("i", {
-    iconClassName: props.downDoubleIconClassName
-  }))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: styles$1.dropdownContent
+
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      show = _useState2[0],
+      setShow = _useState2[1];
+
+  var onHover = function onHover() {
+    if (props.disabled !== true) setShow(true);
+  };
+
+  var onBlur = function onBlur() {
+    setShow(false);
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
+    onMouseOver: onHover,
+    onMouseOut: onBlur
+  }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
+    disabled: props.disabled,
+    onClick: onHover,
+    icon: "bars",
+    inverted: true
+  })), /*#__PURE__*/React__default['default'].createElement(Dropdown, {
+    show: show
   }, items.map(function (x, i) {
-    return /*#__PURE__*/React__default['default'].createElement("a", {
+    return /*#__PURE__*/React__default['default'].createElement(ItemWrapper$2, {
       key: i,
+      onMouseOver: onHover,
+      onMouseOut: onBlur
+    }, /*#__PURE__*/React__default['default'].createElement(Item$4, {
       href: "#",
+      onMouseOver: onHover,
+      onMouseOut: onBlur,
       onClick: function onClick(e) {
         e.preventDefault();
         x.action(actionData);
@@ -31706,8 +31719,8 @@ var DropdownMenu = function DropdownMenu(props) {
     }, /*#__PURE__*/React__default['default'].createElement("span", {
       className: styles$1.linkIconSpan
     }, /*#__PURE__*/React__default['default'].createElement(Icon$1, {
-      iconClassName: x.iconClassName
-    })), x.name));
+      icon: x.icon
+    })), x.name)));
   })));
 };
 
@@ -49051,7 +49064,7 @@ var lodash = {exports: {}};
 }.call(commonjsGlobal));
 }(lodash, lodash.exports));
 
-var TableSelectionType$1 = {
+var TableSelectionType = {
   SINGLE: "single",
   MULTIPLE: "multiple"
 };
@@ -49301,27 +49314,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 Wrapper$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral__default['default']([""])));
+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'](["\n  display: block;\n  overflow-x: auto;\n  white-space: nowrap;\n"])));
 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) {
+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  font-size: 13px;\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 +49504,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) => {
@@ -49523,20 +49538,13 @@ var TableView = function TableView(props) {
     var onClick = !isFunction(def.specialRender) ? function () {
       ChangeToFormView(dataItem);
     } : function () {};
-    if (!EnableFormView) onClick = function onClick() {};
-
-    if (!EnableFormView && EnableSelection) {
-      var checked = isItemInArray(dataItem, SelectedData, SelectionIndicator);
-
-      onClick = function onClick() {
-        return handleOnSelection(dataItem, {
-          target: {
-            checked: !checked
-          }
-        });
-      };
-    }
+    if (!EnableFormView) onClick = function onClick() {}; // if (!EnableFormView && EnableSelection) {
+    //   var checked = isItemInArray(dataItem, SelectedData, SelectionIndicator);
+    //   onClick = () =>
+    //     handleOnSelection(dataItem, { target: { checked: !checked } });
+    // }
 
+    if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) onClick = function onClick() {};
     var cellData = def.isObject === true ? dataItem[def.accessor][def.objectAccessor] : dataItem[def.accessor];
     return /*#__PURE__*/React__default['default'].createElement(TableBodyCell$1, {
       key: tabIndex,
@@ -49545,7 +49553,7 @@ var TableView = function TableView(props) {
   };
 
   var renderSelectionCell = function renderSelectionCell(dataItem, selected, rowIndex) {
-    if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+    if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
     return /*#__PURE__*/React__default['default'].createElement(TableBodyCell$1, {
       selectionCell: true,
       key: -1
@@ -49636,7 +49644,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",
@@ -49645,13 +49653,13 @@ var TableView = function TableView(props) {
   };
 
   var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
-    if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+    if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
     if (SelectedEntirePage && Localization.DeselectAll) ;
     if (!SelectedEntirePage && Localization.SelectAll) ;
     return /*#__PURE__*/React__default['default'].createElement(TableHeadCell$1, {
       selectionCell: true,
       key: -1
-    }, SelectionType === TableSelectionType$1.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
+    }, SelectionType === TableSelectionType.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
       checked: SelectedEntirePage,
       onChange: function onChange() {
         return handleSelectAll(!SelectedEntirePage);
@@ -49662,7 +49670,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 +49735,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, _templateObject13$2;
 
 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; }
 
@@ -49755,7 +49765,9 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
   return css;
 };
 
-var Container$c = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral__default['default'](["\n  box-shadow: 0 0 12px #bebebe;\n  border-radius: 3px;\n  padding: 0 4px;\n"])));
+var Container$c = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral__default['default'](["\n  box-shadow: ", ";\n  border-radius: 3px;\n  padding: 0 4px;\n"])), function (props) {
+  return props.shadow === false ? "0" : "0 0 12px #bebebe";
+});
 var TableContainer$1 = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _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$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n  border-top: 1px solid #80808025;\n"])));
 var FormContainer$2 = newStyled.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral__default['default'](["\n  height: 100%;\n  overflow-y: auto;\n  max-height: calc(100vh - 120px);\n  border-radius: 3px;\n\n  ", "\n"])), function (props) {
@@ -49766,9 +49778,10 @@ 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 FilteringContainer = newStyled.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral__default['default'](["\n  width: 100%;\n"])));
 
 var DataView = function DataView(props) {
   var emptyFunc = function emptyFunc() {};
@@ -49787,7 +49800,9 @@ var DataView = function DataView(props) {
       Table = _ref.Table,
       Form = _ref.Form;
 
-  var _props$ChangeToFormVi = props.ChangeToFormView,
+  var _props$Shadow = props.Shadow,
+      Shadow = _props$Shadow === void 0 ? true : _props$Shadow,
+      _props$ChangeToFormVi = props.ChangeToFormView,
       ChangeToFormView = _props$ChangeToFormVi === void 0 ? emptyFunc : _props$ChangeToFormVi,
       _props$ChangeToTableV = props.ChangeToTableView,
       ChangeToTableView = _props$ChangeToTableV === void 0 ? emptyFunc : _props$ChangeToTableV,
@@ -49802,9 +49817,12 @@ var DataView = function DataView(props) {
       _props$OnSelectAll = props.OnSelectAll,
       OnSelectAll = _props$OnSelectAll === void 0 ? emptyFunc : _props$OnSelectAll,
       _props$FormView = props.FormView,
-      FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView;
-      props.FilteringView;
-      var _props$OnHeaderClick = props.OnHeaderClick,
+      FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView,
+      _props$FilteringView = props.FilteringView,
+      FilteringView = _props$FilteringView === void 0 ? function () {
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+  } : _props$FilteringView,
+      _props$OnHeaderClick = props.OnHeaderClick,
       OnHeaderClick = _props$OnHeaderClick === void 0 ? emptyFunc : _props$OnHeaderClick,
       _props$OnRefresh = props.OnRefresh,
       OnRefresh = _props$OnRefresh === void 0 ? emptyFunc : _props$OnRefresh,
@@ -49975,13 +49993,26 @@ var DataView = function DataView(props) {
           }
         },
         disabled: Table.SelectedData.length === 0,
-        icon: "plus"
+        icon: "arrow-circle-down",
+        inverted: true
       }));
     }
 
     return false;
   };
 
+  var renderContextMenu = function renderContextMenu() {
+    if (Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0) {
+      return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(DropdownMenu, {
+        disabled: freezeLoading([Table.SelectedData.length === 0]),
+        items: Table.Actions || [],
+        label: Localization.Actions,
+        actionData: Table.SelectedData,
+        downDoubleIconClassName: Icons.DownDouble
+      }));
+    } else return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+  };
+
   var renderRefreshButton = function renderRefreshButton() {
     if (General.CurrentView !== ViewType.TABLE_VIEW || !General.DataFromBackend) return false;
     return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
@@ -50072,6 +50103,11 @@ var DataView = function DataView(props) {
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(LoaderContainer$1, null), /*#__PURE__*/React__default['default'].createElement(LoaderContainerTransparent$1, null, /*#__PURE__*/React__default['default'].createElement(Loader$1, null, Table.Data.length > 2 ? /*#__PURE__*/React__default['default'].createElement(Spinner, null) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))));
   };
 
+  var renderFiltering = function renderFiltering() {
+    if (!Options.EnableFilters || General.CurrentView === ViewType.FORM_VIEW) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+    return /*#__PURE__*/React__default['default'].createElement(FilteringContainer, null, FilteringView());
+  };
+
   var renderFormViewMovement = function renderFormViewMovement() {
     if (!Options.EnableFormViewMovement || Form.Mode === "ADD" || General.CurrentView === "TableView") return false;
     return /*#__PURE__*/React__default['default'].createElement(FormViewMovement, {
@@ -50088,8 +50124,9 @@ var DataView = function DataView(props) {
     var x4 = Options.EnableFormViewMovement && Form !== null && General.CurrentView === "FormView" && Form.Mode !== "ADD" ? true : false;
     var x5 = Options.ReadOnly || !Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || General.CurrentView !== "FormView" ? false : true;
     var x6 = General.CurrentView !== "TableView" ? false : true;
-    var x7 = General.IsLookup && Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
-    if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
+    var x7 = General.IsLookup && Table.SelectionType === "multiple" ? true : false;
+    var x8 = Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0;
+    if (x1 || x2 || x3 || x4 || x5 || x6 || x7 || x8) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues(), renderContextMenu());
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
   };
 
@@ -50141,7 +50178,9 @@ var DataView = function DataView(props) {
 
   var renderComponent = function renderComponent() {
     var key = General.CurrentView !== "TableView" && General.DataFromBackend;
-    return /*#__PURE__*/React__default['default'].createElement(Container$c, themeProps, renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
+    return /*#__PURE__*/React__default['default'].createElement(Container$c, _extends__default['default']({}, themeProps, {
+      shadow: Shadow
+    }), renderFiltering(), renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
       mode: "out-in"
     }, /*#__PURE__*/React__default['default'].createElement(CSSTransition$1, {
       key: key,
@@ -50157,26 +50196,7 @@ var DataView = function DataView(props) {
         node.addEventListener("transitionend", done, false);
       },
       classNames: "fade2"
-    }, renderPagination()))) // <div>
-    //   <div className={styles.flexContainer}>
-    //     <div className={styles.flexInnerContainer}>
-    //       {renderChangeToTableView()}
-    //       {renderSwitchToEditModeButton()}
-    //       {renderGoToAddButton()}
-    //       {renderDeleteSelectedButton()}
-    //       {renderDeleteConfirmationBox()}
-    //       {renderAddWithCopyButton()}
-    //       {renderLookupTakeValues()}
-    //       {renderRefreshButton()}
-    //       {renderContextMenu()}
-    //     </div>
-    //     <div className={styles.filterContainerHolder}>
-    //       {renderFiltering()}
-    //     </div>
-    //   </div>
-    //   <div className={mergeCSS([styles.view])}>{renderView()}</div>
-    // </div>
-    ;
+    }, renderPagination())));
   };
 
   return renderComponent();
@@ -50304,23 +50324,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) {
@@ -50368,8 +50396,13 @@ var Table = function Table(props) {
       _ref3$EnableOrdering = _ref3.EnableOrdering,
       EnableOrdering = _ref3$EnableOrdering === void 0 ? false : _ref3$EnableOrdering,
       _ref3$SelectionType = _ref3.SelectionType,
-      SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType$1.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
-  //======================== METHODS ==========================================
+      SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
+
+
+  var _useState = React.useState([]),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      expandedColumns = _useState2[0],
+      setExpandedColumns = _useState2[1]; //======================== METHODS ==========================================
 
 
   var handleSelectAll = function handleSelectAll() {
@@ -50389,58 +50422,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.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,21 +50480,23 @@ 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) {
-    if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null); // console.log(dataItem, selected);
+    if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null); // console.log(dataItem, selected);
 
     return /*#__PURE__*/React__default['default'].createElement(TableBodyCell, {
       selectionCell: true,
@@ -50489,13 +50521,13 @@ var Table = function Table(props) {
   };
 
   var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
-    if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+    if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
     if (SelectedEntirePage && Localization.DeselectAll) ;
     if (!SelectedEntirePage && Localization.SelectAll) ;
     return /*#__PURE__*/React__default['default'].createElement(TableHeadCell, {
       selectionCell: true,
       key: -1
-    }, SelectionType === TableSelectionType$1.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
+    }, SelectionType === TableSelectionType.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
       checked: SelectedEntirePage,
       onChange: handleSelectAll
     }));
@@ -50503,7 +50535,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()))));
 };
@@ -50853,7 +50889,7 @@ var getDefaultState = function getDefaultState() {
       SelectedDataIndexes: [],
       SelectionIndicator: "id",
       SelectedEntirePage: false,
-      SelectionType: TableSelectionType$1.MULTIPLE,
+      SelectionType: TableSelectionType.MULTIPLE,
       Columns: [],
       Actions: []
     },
@@ -50897,11 +50933,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"])));
@@ -51074,7 +51110,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
       SelectedDataIndexes: [],
       SelectionIndicator: "id",
       SelectedEntirePage: false,
-      SelectionType: TableSelectionType$1.MULTIPLE,
+      SelectionType: TableSelectionType.MULTIPLE,
       Columns: [],
       Actions: []
     },
@@ -51592,13 +51628,13 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
       selectedData = state.Table.SelectedData.filter(function (x) {
         return x[id] !== dataItem[id];
       });
-    } else if (state.Table.SelectionType === TableSelectionType$1.SINGLE) {
+    } else if (state.Table.SelectionType === TableSelectionType.SINGLE) {
       selectedData = [dataItem];
-    } else if (state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
+    } else if (state.Table.SelectionType === TableSelectionType.MULTIPLE) {
       selectedData.push(dataItem);
     }
 
-    if (state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
+    if (state.Table.SelectionType === TableSelectionType.MULTIPLE) {
       var dataGuids = state.Table.Data.map(function (x) {
         return x[id];
       });
@@ -51647,9 +51683,9 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
     if (Form === null && !state.General.IsLookup) return;
     var id = state.General.IsLookup ? SelectedData.Identificator : "Guid";
 
-    if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.SINGLE) {
+    if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.SINGLE) {
       OnChange([dataItem]);
-    } else if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
+    } else if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
       onSelect(dataItem);
     } else {
       setState(function (draft) {
@@ -51947,7 +51983,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 +51998,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,19 +52016,21 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
       onClick: onRefresh,
       disabled: freezeLoading(),
       icon: "sync-alt",
-      size: "small"
+      size: "small",
+      inverted: true
     }));
   };
 
   var renderLookupTakeValues = function renderLookupTakeValues() {
-    if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
+    if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
       return /*#__PURE__*/React__default['default'].createElement(FlexItem, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
         tooltip: Localization.TakeValues || "Take values",
         onClick: function onClick() {
           if (OnChange) OnChange(state.Table.SelectedData);
         },
         disabled: freezeLoading([state.Table.SelectedData.length === 0]),
-        icon: "check-circle"
+        icon: "check-circle",
+        inverted: true
       }));
     }
 
@@ -52021,7 +52061,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 +52075,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 +52105,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 || {}
     })));
   };
@@ -52141,7 +52184,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
     var x4 = state.Options.EnableFormViewMovement && Form !== null && state.General.CurrentView === "FormView" && state.Form.Mode !== "ADD" ? true : false;
     var x5 = state.Options.ReadOnly || !state.Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || state.General.CurrentView !== "FormView" ? false : true;
     var x6 = state.General.CurrentView !== "TableView" || Load === null ? false : true;
-    var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.MULTIPLE ? true : false;
+    var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
     if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
   };